body {font-weight: normal; font-size: 10px; color: #666666; font-style: normal; 
  font-family: verdana, arial, helvetica, sans-serif; text-decoration: none}
/* do this in body for a tiled image   background-image: url('background.gif'); } */ 
td {font-weight: normal; font-size:10px; color: #666666; font-style: normal; 
  font-family: verdana, arial, helvetica, sans-serif; text-decoration: none}
input {font-weight: normal; font-size: 10px; color: #666666; font-style: normal; 
  font-family: verdana, arial, helvetica, sans-serif; text-decoration: none}
select {font-weight: normal; font-size: 10px; color: #666666; font-style: normal; 
  font-family: verdana, arial, helvetica, sans-serif; text-decoration: none}
.subhead {font-weight: bold; font-size: 12px; color: black; font-style: normal; 
  font-family: verdana, arial, helvetica, sans-serif; text-decoration: none}
.body {font-weight: normal; font-size: 10px; color: #666666; font-style: normal; 
  font-family: verdana, arial, helvetica, sans-serif; text-decoration: none}

.disabled {background-color:darkgray; }

.link {color:blue; text-decoration:underline}
.link:visited {color:blue}
.link:hover {color:white; background-color:blue; text-decoration:none}
.link_hover {color:white; background-color:blue; text-decoration:none}
.headerlink {color:blue; text-decoration:none; cursor:pointer; font-size:10px; font-weight:bold; }
.headerlink:visited {color:blue}
.headerlink:hover {color:black; text-decoration:underline; cursor:pointer; }
.footerlink {color:white; text-decoration:none}
.footerlink:visited {color:white}
.footerlink:hover {color:white; text-decoration:underline}
.faq_link {color:blue;text-decoration:underline; cursor:pointer}
.faq_link:visited {color:blue;cursor:pointer}
.faq_link:hover {color:white; background-color:blue; text-decoration:underline;cursor:pointer}
.headerlink2 {color:blue; text-decoration:none; cursor:pointer; font-size:10px; font-weight:bold;}
.headerlink2:visited {color:blue}
.headerlink2:hover {color:black; text-decoration:underline; cursor:pointer; }

.messageboxtable {border-color:yellow;background-color:red; }
.messageboxtext {font-size:12px; color:yellow; font-weight:bold; }
.messageboxlink {color:yellow; text-decoration:underline; font-weight:bold; }
.messageboxlink:visited {color:yellow}
.messageboxlink:hover {color:yellow; background-color:blue; text-decoration:none}

.messageboxtable_ok {border-color:blue;background-color:blue; }
.messageboxtext_ok {font-size:12px; color:white; font-weight:bold; }
.messageboxlink_ok {color:white; text-decoration:underline; font-weight:bold; }
.messageboxlink_ok:visited {color:white}
.messageboxlink_ok:hover {color:blue; background-color:white; text-decoration:none}

.messageboxitext {color:yellow;background-color:red;font-weight:bold; }
.messageboxitext_ok {color:white; font-weight:bold; }

.formbutton {
  border-left: #c0c0c0 2px solid; 
  border-top: #c0c0c0 2px solid; 
  border-right: #808080 2px solid; 
  border-bottom: #808080 2px solid; 
  background: #e2e2ff; margin: 1pt; color: #000066; 
  font-size: 10px; font-family: verdana, arial, helvetica, sans-serif;
  cursor: pointer;
}

.indextd {border-style:solid;border-color:blue;border-width:2px;background-color:white; }
.pagebox {border-style:solid;border-width:0px;border-collapse:collapse; }
.titlebox {font-weight: bold; font-size: 12px; color: black; font-style: normal; 
  font-family: verdana, arial, helvetica, sans-serif; text-decoration: none;
  color:black;border-style:solid;border-color:blue;border-width:1px;border-collapse:collapse;
  background-color:#efefFF}

.tablehead {font-family:verdana, arial, helvetica, sans-serif; font-size:10px; font-weight:bold; padding-bottom:3px;
  background-color:#0000ff; }
.td1 {font-family:verdana, arial, helvetica, sans-serif; font-size:10px; font-weight:normal; padding-bottom:3px;
  background-color:#c0c0c0; }
.td2 {font-family:verdana, arial, helvetica, sans-serif; font-size:10px; font-weight:normal; padding-bottom:3px;
  background-color:#fbedbb; }

/* used for stock/order lists */
.tdl,.tdl_bold {padding-left:5px; padding-right:5px; text-align:left; }
.tdr,.tdr_bold {padding-left:5px; padding-right:5px; text-align:right; }
.tdc,.tdc_bold {padding-left:5px; padding-right:5px; text-align:center; }
.tdl_bold,.tdr_bold,.tdc_bold {font-weight:bold;}

.thl,.thc,.thr {font-weight:bold; padding-bottom:3px; padding-left:5px; padding-right:5px;
  color:white; background-color:#0080ff; }
.thl {text-align:left; }
.thc {text-align:center; }
.thr {text-align:right; }

/* just used to alternate colours on lists in row setting */
.stocktd1 {background-color:#dbdbdb; }
.stocktd2 {background-color:#eeeeff; }

.boxerror {font-family:verdana, arial, helvetica, sans-serif; font-size:10px;font-weight:bold; padding-bottom:3px;
  color:yellow; background-color:#ff4343; padding-left:5px; padding-right:5px; text-align:left; }
.promo_thc {font-family:verdana, arial, helvetica, sans-serif; font-size:10px;font-weight:bold; padding-bottom:3px;
  color:white; background-color:#0080ff; padding-left:5px; padding-right:5px; text-align:center; 
  border-color:darkgray; }
.promo_thl {font-family:verdana, arial, helvetica, sans-serif; font-size:10px;font-weight:bold; padding-bottom:3px;
  color:white; background-color:#0080ff; padding-left:5px; padding-right:5px; text-align:left; 
  border-color:darkgray; }
.promo_tdl {padding-left:5px; padding-right:5px; text-align:left; border-color:darkgray; }
.promo_tdr {padding-left:5px; padding-right:5px; text-align:right; border-color:darkgray; }
.promo_tdc {padding-left:5px; padding-right:5px; text-align:center; border-color:darkgray; }

.red {color:red; }
.uplift {color:blue; }
.no_uplift {color:magenta; }

div#messagebox {background:#ff0000; }
div#messagebox_ok {background:#0000ff; }

#oos_quantity {color:magenta; font-weight:bold; }
#no_price {color:magenta; font-weight:bold; }
#cancelled {color:red; font-weight:bold; }
#outofstock {color:red; font-weight:bold; }
#order_promo {color:blue; font-weight:bold; }
#sp_order_item {color:salmon; font-weight:bold; }
#neg {color:red}
#neg2 {color:red}

.class_list {margin: 0; padding: 0; list-style-type:none; }
.class_list li {padding-bottom: 1; }
.class_list li a { 
  padding: 3px 1px 3px 1px;
  display: block;
  color: blue;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px solid #ececec;
}
.class_list a:visited,.sub_class_list a:visited {color: blue; }
.class_list a:hover,.sub_class_list a:hover {color: black; background: #ffffaa; text-decoration: none; }
.class_list li p { /* used for selected item in class list */
  margin:0;
  padding: 3px 1px 3px 1px;
  display: block;
  color: black;
  background: #dadada;
  font-weight: bold;
  border-bottom: 1px solid #ececec;
}

.sub_class_list { margin: 0; padding: 0 0 0 15; list-style-type:none; }
.sub_class_list li {padding-bottom: 1; }
.sub_class_list li a { 
  padding: 3px 1px 3px 1px;
  display: block;
  color: blue;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px solid #ececec;
}

.chk { vertical-align: middle }

.xstooltip {
  visibility: hidden; 
  position: absolute; 
  top: 0px;  
  left: 0px; 
  z-index: 2; 

  font: normal 8pt sans-serif; 
  padding: 3px; 
  border: solid 1px;
  border-color: #bbbbff;
  color: blue;
  background-color:#efefff;
}