body {
    background-color:#FFFFFF;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}
body.top {
    background-color:#FFFFFF;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}
.menuFrame A:link {color: #FFFFFF;}
.menuFrame A:visited {color: #FFFFFF;}
body.menuFrame {
    background-color:#6666AA;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
        color: #FFFFFF;
    font-weight: bold;
}
.menu A:link {color: #FFFFFF;}
.menu A:visited {color: #FFFFFF;}
.menu {
    background-color:#6666AA;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #FFFFFF;
    font-weight: bold;
}
.bottomFrame A:link {color: #FFFFFF;}
.bottomFrame A:visited {color: #FFFFFF;}
body.bottomFrame {
    background-color:#6666AA;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
        color: #FFFFFF;
    font-weight: bold;
}
body.updateFrame {
    background-color:#6666AA;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
        color: #FFFFFF;
    font-weight: bold;
}
fieldset {
/*    position: relative; /* Fixes IE problem with fieldset+legend boundaries  - removed to fix Safari */
    padding: 7px;
    background-color:#FFFFFF;
}
legend {
/*    position: absolute;  - removed to fix Safari
/*   top: -9px; /* Fixes IE problem with fieldset+legend boundaries - removed to fix Safari */
    padding: 2px 5px;
    background-color: #6666AA;
    color: #FFFFFF;
}
.part {
    font-size: 14px;
    font-weight: bold;
    background-color:#6666AA;
        color: #FFFFFF;
    padding: 2px 2px;
}
.scrollbar {
}          

.pricetable {
    border: 1px solid #000099;
    align: center;
}
/* background colors in price tables */
.pricetable1 {
        background-color:#DEDEDE;  
}
.pricetable2 {
        background-color:#FFFFFF;  
}
.display {
        background-color:#FFFFFF;  
}
.tinypricetable {
    border: 1px solid #000099;
    align: center;
    font-size: 9px;
}
/* background colors in price tables */
.tinypricetable1 {
    background-color:#DEDEDE;  
    font-size: 9px;
}
.tinypricetable2 {
    background-color:#FFFFFF;  
    font-size: 9px;
}
/* background colors in cable builds table */
.buildTable {
    border: 1px solid #000099;
}
.buildTable0 {
        background-color:#DEDEDE;  
}
.buildTable1 {
        background-color:#FFFFFF;  
}
/* whether component or accessory is highlighted */
.hilight {
}
.nohilight {
}

/* helpbox in right frame */
.helpinfo {
        background-color:#FFFFFF;
}
/* h1.intro - mainpage */
h1.intro {
    color:#6666AA;
    font-family:Arial, Helvetica, sans-serif;
    font-size:26px;
}
/* h1.intro - mainpage */
.introlink {
    border-width:thin;
    border-color:#000000;
    border-style:groove;
    width: 25%;
}
/* displayOnBlack */
.displayOnBlack {
   color:#6666AA;
   font-family:Arial, Helvetica, sans-serif;
}
/* Title styles for left and right frames */
.coreTitle {
   color:#FFFFFF;
   background-color:#000000;
   font-family:Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size:16px;
   width: 100%;
}
/* Title for Left core selector needed to be smaller */
.coreTitleSelector {
   color:#FFFFFF;
   background-color:#000000;
   font-family:Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size:12px;
   width: 100%;
}
.leftTitle {
   color:#FFFFFF;
   background-color:#0000CC;
   font-family:Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size:16px;
   width: 100%;
}
.leftMarker {
   color:#FFFFFF;
   background-color:#0000CC;
   width: 10px;
}
.rightTitle {
   color:#FFFFFF;
   background-color:#CC0000;
   font-family:Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size:16px;
   width: 100%;
}
.rightMarker {
   color:#FFFFFF;
   background-color:#CC0000;
   width: 10px;
}
.accessoryTitle {
   color:#000000;
   background-color:#00CCCC;
   font-family:Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size:16px;
   width: 100%;
}

.imageNotFound {
   background-color:#CCFFCC;
}

.topComponent {
    width: 155px;
    background-color:#FFFFFF;
}
.topComponentSelected {
    width: 155px;
    background-color:#CCCCFF;
}

.topComponentAccessory {
    width: 155px;
    background-color:#00CCCC;
}
.tinyButton {
    border: 1px outset;
}
.accQty {
    /* float: right; */
    vertical-align: middle;
    border: 1px solid #6666AA;
    background-color: #CCFFFF;
}
.accQtyValue {
    background-color: #FFFFFF;
}
.selectButtonRow {
    vertical-align: bottom;
}
.help {
    background-color: #FFFFFF;
    border: 3px solid #6666AA;
    color: #441111;
    margin: 10px;
}
.setLength {
    background-color: #FFFFFF;
    border: 3px solid #6666AA;
    color: #000000;
    margin: 10px;
}
.bomBody {
    background-color:#FFFFFF;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
}
.bomTable {
    align: center;
    font-size: 10px;
    margin: 10px;
    width: 100%;
}
.bomCell {
    padding-left: 3px;
    padding-right: 3px;
}
.bomTitle {
    padding-left: 3px;
    padding-right: 3px;
}
.bomRule {
    background: #000000;
    color: #000000;
    border: 1px;
}
/* Version 2 Styles Begin Here  */
.bottomFrame {
    background-color:#6666AA;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #FFFFFF;
    font-weight: bold;
}
.submitPrice {
    background-color:#CC3333;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color: #FFFFFF;
    font-weight: bold;
}
.submitInfo {
    background-color:#5544CC;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    color: #FFFFFF;
    font-weight: bold;
}
div.tabArea {
  font-size:12px;
  font-weight: bold;
  padding: 8px 0px 8px 0px;
  background-color:#CCCCCC;
}
a.tab, a.tabdone {
  background-color: #f0f0f0;
  border: 1px solid #000000;
  /* border-bottom-width: 0px; */
  padding: 2px 5px 2px 5px;
  text-decoration: none;
}
a.tab, a.tab:visited {
  color: #808080;
}
a.tabdone, a.tabdone:visited {
  color: #000000;
}
a.tab:hover {
  background-color: #d0d0d0;
  color: #606060;
}
a.tabdone:hover {
  background-color: #d0d0d0;
  color: #000000;
}
a.tabactive {
  background-color: #000000;
  border: 1px solid #000000;
  /* border-bottom-width: 0px; */
  padding: 2px 5px 2px 5px;
  text-decoration: none;
}
a.tabactive, a.tabactive:visited {
  color: #FFFFFF;
}