body, td { color: black ; margin: 0px ; font-size: x-small ; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif, sans; background-color: white; }
body { text-align: center; margin-left: auto; margin-right: auto; background-color: white }
html>body, tr>td { font-size: small }
* { box-sizing: border-box; -moz-box-sizing: border-box; }
a { text-decoration: none ; color: black ; font-size: 100%}
a:visited { color: black }
a:hover { color: black; text-decoration: underline; }
input { font-size: x-small }
select { font-size: x-small; font-family: Tahoma, Arial }
textarea { font-size: x-small; font-family: Tahoma, Arial }
ul { margin-bottom: 4px;  padding-bottom:0; margin-top: 10px; margin-left: 0; padding-left: 20px;}
img { behavior: url(/pngbehavior.htc); }
h1 { font-size: large; color: black; }
h2 { font-size: medium; }
h3 { font-size: small }
h4 { font-size: x-small }
h5 { font-size: xx-small }
th { font-size: small; text-align: left }
.search { border:1px solid black; padding-left:4px; height:20px; width:200px; background-color:#dbdbdb; color:#aaaaaa; font-size:x-small }
.searchnotempty { color: black }
.searchbutton { border:1px solid black;  background-color:#dbdbdb; height:20px; width:23px;  font-size:x-small }
#searchwords { width: 160px; }

di1v { border: 1px solid red }

#naffbrowser { display: none }
#fullpage { width: 760px; height: 99%; min-height: 100%; margin-bottom: -2px; text-align: left; margin-left: auto; margin-right: auto; background-color: white; border: 1px solid white; }

#header { height: 83px; }
.table_left { width:100%; margin-top:5px;  }
.table_left td.header { background-color:#bce7f3; padding:2px 4px 2px 4px; color:#51a2b2; font-size:0.95em; font-weight:bold; font-family: Arial, Helvetica, sans-serif, sans  }
.table_left td { background-color:#dff3f7 }

#bannerflash {float: right;}
#topmenu { background-color: #5D2585; text-align: center; height:40px; padding-top: 10px; padding-left: 10px; margin:0; font-size:10pt; font-weight: bold }
#topmenu { *height: 30px; }
#tocvbpmenu a{margin-top: 10px;}
/*#header>#topmenu { height: 2em }*/

#topmenu a { color: white }
#topmenu a:visited { color: white }
#topmenu a:hover { color: white }

#menu { font-size: x-small; padding: 0; width: 180px; margin: 0; color: black; }
#menu a { font-size: x-small; font-weight: bold; color:#51a2b2; margin-bottom: 10px; display: block }

#mainpage { width: 400px }
#mainpage.hasmenu { width: 400px}

#mainbodydiv { margin: 0; padding-right: 10px; padding-left: 10px; } /*IE M-T = 0*/
#footer { width: 600px; height: 10px; font-size: 1pt }

#topandbasket { height: 90px; background-color: #c0c0c0 }
#topbasket { height: 60px; background-color: #c0c0c0; background-repeat: repeat-x; text-align: right; }
#basket { height: 60px; font-size: xx-small; background-color: white; width: 150px; text-align: left; float: right }
#basket table { border: 1px solid #c0c0c0; padding: 2px; height: 100% }
#basket td { font-size: xx-small; padding: 0px; }
#topbar { float: right; color: black; width: 99%; height: 25px; padding-top: 5px; margin-bottom: -2px }
#topbar input { color: black; font-size: 7pt; }
#topbar a { color: black }
#topbar a:visited { color: black }
#topbar a:hover { color: #999 }

#prodtree { width: 180px; float: left; font-size: x-small; overflow: auto }
#prodtree a { font-size: x-small }
#taskbox { text-align: left; width: 98%; margin-left: 2px; margin-right: 180px; height: 1000px; margin-bottom: -130px; position: relative; top: -31px }
#prodbasket { float: right; width: 99%; border: 1px solid black; padding: 2px }
#prodbasket .hrow { width: 100%; float: left; }
#prodbasket .hitemname { width: 40%; float: left; border-bottom: 1px solid #c0c0c0; margin-bottom: 3px }
#prodbasket .hitemiprice { width: 15%; float: left; border-bottom: 1px solid #c0c0c0; margin-bottom: 3px }
#prodbasket .hitemqty { width: 14%; float: left; border-bottom: 1px solid #c0c0c0; margin-bottom: 3px }
#prodbasket .hitemprice { width: 30%; float: left; border-bottom: 1px solid #c0c0c0; margin-bottom: 3px }
#prodbasket .irow { width: 100%; float: left; }
#prodbasket .itemname { width: 40%; float: left; color: red; }
#prodbasket .itemiprice { width: 15%; float: left; color: red; }
#prodbasket .itemqty { width: 14%; float: left; color: green; }
#prodbasket .itemprice { width: 30%; float: left; color: blue; }
#prodbasket .submitrow { text-align: center; margin-top: 3px }
#prodbasketcheckout { text-align: center; width: 99%; padding: 2px }
#prodbasketpayment { float: right; width: 99%; border: 1px solid black; padding: 2px }
#prodbasketpayment .iname { width: 40%; float: left; font-weight: bold }
#prodbasketpayment .ivalue { width: 59%; float: left; }
#prodbasketpayment .isubmit { text-align: center; }

.menusection { font-weight: bold }
.menusubsection { }
.selected {text-decoration: underline;}
/*home page css*/

#rightcol{ width: 240px; float: right; margin-left: 10px; }

#ticker {float: right;   width: 240px; height: 160px; c2olor: #3e3874;  background-color: #3e3874; }

.largebox {clear: left; float: left; border: 1px solid white; width: 490px; height: 180px;}

.smallbox { float: left; b1order: 1px solid white; width: 240px; margin-right: 10px; overflow: hidden; height: 100px; margin-top: 9px;}
.lastbox { margin-right: 0px; }
.bigbox { float: left; overflow: hidden; height: 82px; margin-top: 11px; width: 490px }
.lambox { float: left; font-size: x-small; width: 120px; height: 65px; margin-right: 3px; b1order: 1px solid white; padding: 0 }
.lamboxlast { margin-right: 0px; margin-left: 1px }
.lamboxtitle { font-weight: bold; font-size: xx-small; margin-top: 2px }
.lamboxtext { margin-top: 5px }

.boxheading {height: 16px; text-align: right; color: white; b1order-bottom: 1px solid white; }
* html .boxheading h3 {font-size: x-small;}


.boxheading h3 { margin: 0; padding: 0; padding-right: 10px;}
.blueheader { background-color: #666699; }

.smallbox img { border: 0; float: right; margin: 0; padding: 0; width: 100px; height: 85px; } /* IE overriden for 3px jog bug - see below*/

.boxtext { width: 130px; padding-top: 2px; padding-left: 5px; float: left;}
.boxtext a:hover {text-decoration: none;}



.homefooter { clear: all; float: left; width: 96%;  margin: 0; padding: 10px 0 0 0;  font-size: 80%; }
#mainbodydiv>.homefooter { width: 100% }
.homefooter .leftfoot { float: left; width: 48%; }
.homefooter .rightfoot { float: right; text-align: right; width: 48%; }
.clearall {clear: both; }

.sortable {width: 100%}
.sortable td {padding: 3px;  color: black; background-color: white;}
.sortable th  {padding: 3px;   background-color: white;}
.sortable a {color: black;}
table thead tr th a, table thead tr th a:visited  {color: black;}
.sortable tr.zebraTableEven, .sortable tr.zebraTableEven td, .sortable tr th {background-color: #e5e3fe; }

.tablesmalltext td, .tablesmalltext th { font-size: xx-small }

.breadcrumb { font-style: normal; font-size: xx-small; margin: 0; color: orange; font-weight: bold }
.breadcrumb a, .breadcrumb a:visited { font-weight: normal; color: black }
.breadcrumbonproduct { margin-left: 2px; }
.breadcrumbonproduct a, .breadcrumbonproduct a:visited { color: #3e3874; }

.prodblock { width: 99%; }
.prodblockheader { width: 100%; margin-top: 10px; margin-bottom: 10px; vertical-align: middle; font-style: italic }
.prodblockheader h2 { background-color: #666699; font-style: normal;}
.prodblockheader a { color: white; }
* html .prodblockheader h2 { font-size: small; margin: 0; margin-bottom: 5px; padding: 0;}
.prodblockheader a:visited { color: white; }
.prodblockheader a:hover { color: white; }
.prodblocktable { width: 100%; margin: 0; }
.prodblocktablerow { height: 160px; border: 0; margin: 0; padding: 0 }
.prodblocktablechunk { float: left; height: 149px; }
.prodblocktableimage { float: right; margin: 0; width: 50%; text-align: center; height: 130px; }
.prodblocktableempty { float: left; height: 100%; min-height: 100px;  margin-left: -1px; }
* html .prodblocktableempty {  margin-left: 0px; }

.prodblocktablesttitle { margin-bottom: 2px; font-family: Verdana, Arial; font-size: xx-small; font-weight: bold; padding-top: 3px; padding-left: 2px; color: black; height: 25px;}
.prodblocktablesttitle a { display: block; width: 98%; color: black; }
.prodblocktablesttitle a:visited, .prodblocktablesttitle a:hover { color: black; }

.prodblocktable .offer {text-align: right; float: right; width: 200px; font-weight: bold;  margin-left: 5px; padding-top: 5px;color: #ff2222; }
.prodinfoblock .offer {font-weight: bold;  color: #ff2222; margin-bottom: 10px;}
.prodblocktable .new {text-align: right; float: right; width: 50px; font-weight: bold;  margin-left: 0px; padding-top: 0px;color: yellow; }
.prodinfoblock .new {font-weight: bold;  color: #3e3874; margin-bottom: 10px; }
.prodblocktablesttitlesm { margin:0; padding: 0; font-weight: bold;  margin-left: 5px; padding-top: 10px; height: 30px; width: 100%;  border-bottom: 1px solid #666699; }
.prodblocktablesttitlesm a { color: black; margin:0; padding: 0;}
.prodblocktablesttitlesm a:visited, .prodblocktablesttitlesm a:hover { color: black; }
.prodlist .prodblocktablesttitlesm {padding: 5px 0 0 0px; margin: 0;  font-size: 110%;}

.prodblocktablestdesc { margin:0; padding: 0; padding-left: 2px; font-size: xx-small; }
.prodlist .prodblocktablestdesc { padding: 0; margin: 0; font-size: 100%; padding-left: 5px;  }
.prodblocktablestminprice {display: none; margin-left: 10px }
.prodblocktable .bullets { height: 125px; overflow: hidden; margin: 0; padding: 0; float: left; width: 210px;}

.prodblocktable .viewmore { float: left; display: block; width: 100%; margin: 0; height: 17px }
.prodblocktable .viewmore img { margin-top: 1px; margin-right: 1px }
.prodblocktable .viewmoresmaller { width: 120px; }
.prodblocktable .viewmore a.vmtext { color: white; text-decoration: underline; float: left; margin-top: 0px; margin-left: 5px; }
.prodblocktable .viewmore a.vmtext:visited { color: white }
.prodblocktable .viewmore img { float: right; }

.prodlistheader { width: 100%; background-color: #666699; margin-top: 10px; margin-bottom: 10px; vertical-align: middle;  }
* html .prodlistheader h2 { font-size: small; margin: 0; padding: 0;}
.prodlistimg { width: 160px; float: right; text-align: center; margin: 0; margin-bottom: 5px; }
.prodlistdesc { margin: 15px 0 20px 0px; }

.prodrangegrid { float: right; clear: right; width: 160px; margin-bottom: 5px }
.prodlistdesc>.prodrangegrid { margin-right: 20px }
.prodrangegrid td { font-size: xx-small; border-bottom: 1px solid #ccc }
td.prodrangenote { color: red; border: 0 }
.prodfeatopttable td { font-size: xx-small; }
.prodfeatopttable ul { font-size: xx-small; margin-top: 2px }

/* Range specific */

/* Range 2 = Chilled Displays */
.prodblockheader .r2 {  }
.prodblockheader .r2 h2 { background-color: #e0effe; }
.prodblockheader .r2 h2 a, .prodblockheader .r2 h2 a:visited { color: black }
.prodblocktable .rt2 {  }
.prodblocktablerow .rr2 { height: 100%; margin-bottom: 5px }
.prodblocktablechunk .rc2 { height: 100%; background-color: #e0effe; border: 1px solid #98cbfe; margin-right: 5px }
.prodblocktableimage .ri2 { height: 100%; background-color: white }
.prodblocktable .viewmore .r2 { height: 100%; background-color: #98cbfe; }
.prodblocktable .viewmore .r2 img { }
.prodblocktablerarrow-2 { float: left; margin-right: 5px; background-color: #98cbfe }
.prodlistheader .r2 h2 { background-color: #e0effe; }
.prodlistheader .r2 h2 a, .prodblockheader .r2 h2 a:visited { color: black }

/* Range 67 = Frozen Displays */
.prodblockheader .r67 h2 { background-color: #e0efb2; }
.prodblockheader .r67 h2 a, .prodblockheader .r67 h2 a:visited { color: black }
.prodblocktablerow .rr67 { height: 100%; margin-bottom: 5px }
.prodblocktablechunk .rc67 { height: 100%; background-color: #e0efb2; border: 1px solid #98cb00; margin-right: 5px }
.prodblocktableimage .ri67 { height: 100%; background-color: white }
.prodblocktable .viewmore .r67 { height: 100%; background-color: #98cb00; }
.prodblocktablerarrow-67 { float: left; margin-right: 5px; background-color: #98cb00 }
.prodlistheader .r67 h2 { background-color: #e0efb2; }
.prodlistheader .r67 h2 a, .prodblockheader .r67 h2 a:visited { color: black }

/* Range 117 = Remote chilled */
.prodblockheader .r117 h2 { background-color: #e0e0fe; }
.prodblockheader .r117 h2 a, .prodblockheader .r117 h2 a:visited { color: black }
.prodblocktablerow .rr117 { height: 100%; margin-bottom: 5px }
.prodblocktablechunk .rc117 { height: 100%; background-color: #e0e0fe; border: 1px solid #9898fe; margin-right: 5px }
.prodblocktableimage .ri117 { height: 100%; background-color: white }
.prodblocktable .viewmore .r117 { height: 100%; background-color: #9898fe; }
.prodblocktablerarrow-117 { float: left; margin-right: 5px; background-color: #9898fe }
.prodlistheader .r117 h2 { background-color: #e0e0fe; }
.prodlistheader .r117 h2 a, .prodblockheader .r117 h2 a:visited { color: black }


.prodinfo { width: 99%; color: black;  m1argin-top: 10px;  background-color: white; border: 1px solid black}
.prodinfoinner { width: 100%; margin: 10px; border: 1px solid #3e3874;}
.prodinfomanufacturer { cl1ear: right; text-align: center; margin-top: 5px }

.rangename { margin-bottom: 40px; border-bottom: 1px solid #3e3874; border-right: 1px solid #3e3874; color: white;  height: 25px; text-align: center; margin-top: 0px; margin-left: 15%; margin-right: 15%; font-size: 110%; width: 100%; font-weight: bold; background: #ff6600;}
.prodinfoinner>.rangename { width: 70% }
.prodinfo>.rangename { width: 70% }
.rangename { margin-left: 0px; margin-right: 30%; text-align: left; padding-left: 20px; padding-top: 2px }

.prodinfoname { font-size: 150%; color: #ff6600; font-weight: bold; margin-bottom: 10px; }

.prodinfologo { float: right; text-align: right; margin: 5px;}
.prodinfoinner>.prodinfologo { margin-right: 15px; }
.prodinfo>.prodinfologo { margin-right: 15px; }
.prodinfoimage { float: right; width: 280px; margin-left: 10px;margin-top: 0px; margin-bottom: 5px; }

.prodinfoaltprod { }
.prodinfoaltprod a { color: black }
.prodinfoaltprod  a:visited { color: black }
.prodinfoaltprod  a:hover { color: black }


.prodinfoblock { padding-left: 20px; color: black; margin-right: 10px; margin-top: -21px; padding-bottom: -21px ; }



.prodinfoblock .leftcol { float: left; width: 43%; b1order: 1px solid red; }
.prodinfoblock .rightcol { margin-left: 45%; width: 95%; }
.prodinfoblock>.leftcol { width: 46% }
.prodinfoblock>.rightcol { margin-left: 48%; width: 50% }

.prodinfoblock .name { color: black ; font-weight: bold; margin-bottom: 8px; display: block; float: left;}
.prodinfoblock .namealtcol { background-color: #e0e0e0 }
.prodinfoblock .value {  margin-bottom: 8px; margin-right: 8px;display: block;}
.prodinfoblock .valuealtcol { background-color: #e0e0e0 }
.prodinfoblock .bullets { height: 265px; overflow: auto; margin-bottom: 0px; clear: left; }
.prodinfoblock .name s1pan.pi_4_name { font-weight: bold }
.prodinfoblock ul { line-height: 110% }

.prodpriceblock { display: none; width: 100%; float: right; background-color: #c0c0ff; font-weight: bold; padding: 3px; }
.prodpriceblock .price { float: left; width: 49%; font-weight: bold }
.prodpriceblock .price span.pricefigures { font-size: 120% }
.prodpriceblock .buynow { display: none; float: right; width: 49%; }
.prodpriceblock .buynow a { color: black }
.prodpriceblock .buynow a:visited { color: black }

.editform { font-size: x-small }
.editform td { font-size: x-small }