body, td { color: black ; margin: 0px ; font-size: small ; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif, sans; }
body { text-align: left; margin-left: auto; margin-right: auto; background-repeat: repeat-x; padding: 0; margin: 0; background-color: white; }
html>body, tr>td { font-size: small }
* { box-sizing: content-box; -moz-box-sizing: content-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; font-family: Tahoma, Arial }
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;}
h1 { font-size: large; color: #286881; }
h2 { font-size: medium; color: #286881; }
h3 { font-size: small; color: #286881; }
h4 { font-size: x-small; color: #286881; }
h5 { font-size: xx-small; color: #286881; }
th { font-size: small; text-align: left }
p { margin: 0; margin-bottom: 5px }
fieldset {border: 1px solid rgb(40, 104, 129); margin: 0px; padding: 0px;}

ul { color: red }
li { color: #286881; }
.clear {clear: both; height: 1px;}
.clear img {width: 1px; height: 1px;}

#naffbrowser { display: none }
#fullpage { width: 760px; height: 99%; min-height: 100%; text-align: left; margin-left: auto; margin-right: auto; }

#header { width: 100%; height: 70px; overflow: hidden; border-bottom: 1px solid white; background-color: #d1d5d6; position: relative }
#header .header_duraflex { position: absolute; top: 20px; left: 0px }
#header .header_ccel { position: absolute; top: 25px; right: 1px; }

#topboxes { width: 100%; height: 109px; position: relative; margin: 0; padding: 0; float: left }
#topboxes .newsticker { width: 210px; height: 109px; float: left; margin: 0; padding: 0; margin-right: -3px }
#topboxes>.newsticker { margin-right: 0; }
#topboxes .homepageflash { width: 550px; height: 109px; float: right; margin: 0; padding: 0; margin-right: -3px }
#topboxes>.homepageflash { margin-right: 0 }

#topsearchrow { width: 100%; height: 27px; background-color: #53859c; position: relative; clear: both }
#topsearchrow .searchbox { width: 210px; height: 27px; text-align: center; color: white; font-weight: bold; font-size: smaller; background-color: #276880; position: absolute; left: 0px; top: 0px }
#topsearchrow .searchbox form { display: inline; margin: 0; position: relative; top: 3px }
#topsearchrow .searchbox input { font-size: xx-small; }
#topsearchrow .topsearchrow_bullets { position: absolute; top: 11px; left: 228px }

#searchlist { }
#searchlist h4 { margin-top: 0; margin-bottom: 1px; }
#searchlist a, #searchlist a:visited { color: black; }
#searchlist a.selected, #searchlist a:visited.selected { font-weight: bold; }
#searchlist a.notused, #searchlist a:visited.notused { color: #999999; }
#searchlist th { font-size: x-small; text-align: left; }
#searchlist td { font-size: 0.8em; }
#searchlist table.products th, #searchlist table.products td { font-size: 0.7em !important; }
#searchlist table.products td a, #searchlist table.products td a:visited { text-decoration: underline; }
#searchlist table.products tr.out td { background-color: white; }
#searchlist table.products tr.over td { background-color: #e7ecf0; }

#searchlist #chosenitems { border: 1px solid #cccccc; position: relative; }
#searchlist #chosenitems .startnew { position: absolute; right: 10px; width: 10em; text-align: right; }
#searchlist #chosenitems .title { padding-left: 5px; background-color: #eeeeff; border-bottom: 1px solid #cccccc; }
#searchlist #chosenitems .content { padding: 5px; }
#searchlist #chosenitems ol { margin-top: 0px; margin-bottom: 0px; }

.ptable { }
.ptable th { font-size: 0.8em; padding-left: 0.5em; font-weight: normal; background-color: #ebebeb; }
.ptable tr>th { font-size: 1em; }
.ptable td { text-align: right; padding-right: 0.5em; background-color: #ebebeb; }
.ptable tr.toprow th, .ptable tr.toprow td { border-top: 0; }
.chosenoptionslist { margin-top: 2px; };
.chosenoptionslist li { height: 1.2em; clear: both; }
.chosenoptions { width: 15em; display: block; float: left; }

.ptediting th, .ptediting td, .ptediting select, .ptediting input { font-size: 0.8em; }

#topmenu { background-color: #000033; width: 100%; height: 1.5em; padding: 0.25em; padding-left: 10px; margin: 0; font-size: x-small; font-weight: bold }
#header>#topmenu { height: 2em }

#topmenu a { color: white; font-size: xx-small }
#topmenu a:visited { color: white }
#topmenu a:hover { color: white }

#menuflags { margin-left: 10px; margin-top: 5px }
#menuflags a { margin-right: 5px }
#menuflags a.curflag { padding-bottom: 2px; border-bottom: 2px solid #53859c }
#menuflags a.lastflag { margin-right: 0; }

#menu { font-size: xx-small; width: 210px; padding: 0; margin: 0; color: black; border-right: 1px solid #53859c }
#menu .menuitems { position: relative; left: 10px; top: 10px; width: 188px; margin-bottom: 10px }
#menu a { text-decoration: none; font-size: xx-small; color: #276880; }
#menu a.selected { font-weight: bold; color: #879Eb0 }
#menu a.submenu { position: relative; left: 10px }
#menu a.subsubmenu { position: relative; left: 20px }
#menu a.subselected { color: #0ab159 }
.productmenu { line-height: 1.5em; }
#menu a.menusection { position: relative; left: 10px; font-weight: bold; }
#menu a.menusubsection { position: relative; left: 20px }
#menu a.greenlined { text-decoration: underline; color: #0ab159; }


#themainhtmltable { background-color: white }

#mainpage { width: 100% }
#mainpage.hasmenu { width: 540px; }

#mainbodydiv { margin: 0; width: 100%; padding: 5px }
#mainbodydiv.hasmenu { width: 600px }
#pagefooter { font-size: xx-small; padding: 10px; padding-top: 25px; color: #53859c }
#pagefooter a, #pagefooter a:visited { text-decoration: underline; color: #43758c }
#pagefooter #pagefooterqs { float: right; text-align: right; width: 21em; }

.editmanufacturers { margin: 20px }
.highlight { background-color: #F0F0F0 }
.editmanufacturers input.tf { width: 200px }

.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; }

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

.pleftdiv {float: left; width: 210px; padding: 0; margin: 0; color: black; border-right: 1px solid #53859c;}
.prightdiv {float: left; width: 500px;}

#prodtree { width: 210px; float: left; font-size: x-small; overflow: visible }
#prodtree a { font-size: x-small }
#taskbox { text-align: left; width: 480px; margin-left: 2px; 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 }

.selected { text-decoration: underline }

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

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

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

.smallbox { float: left; 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; 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 }
* 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 }

.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 { margin-top: 10px; margin-bottom: 10px; vertical-align: middle; }
.prodblockheader h2 { background-color: #666699; font-style: normal }
.prodblockheader a { color: black; padding: 5px; font-size: 10pt; font-weight: normal }
* html .prodblockheader h2 { font-size: small; margin: 0; margin-bottom: 5px; padding: 0 }
.prodblockheader a:visited { color: black }
.prodblockheader a:hover { color: black }
.prodblocktable { width: 100%; margin: 0 }
.prodblocktablerow { border: 0; margin-bottom: 0 padding: 0 }
.prodblocktablechunk { float: left; }
.prodblocktableimage { float: right; margin: 0; width: 50%; text-align: center; }
.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: 98%; background-color: rgb(83, 133, 156); margin-top: 10px; margin-bottom: 10px; vertical-align: middle; padding: 3px; }
.prodlistheader h2 {color: white;  margin: 0px; padding: 0px }
* 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 }

.prodblockheader .r2 a { display: block; font-weight: bold; }
.prodblockheader .r2 h2 { background-color: #53859c }
.prodblockheader .r2 h2 a, .prodblockheader .r2 h2 a:visited { color: black }
.prodblocktable .rt2 {  }
.prodblocktablerow .rr2 { height: 100%; margin-bottom: 5px; color: white; }
.prodblocktablechunk .rc2 { height: 60px; background-color: #d1d5d6; border: 1px solid #ACACAC; margin-right: 5px; font-weight: bold; text-align: center; }
.prodblocktablechunk.light .rc2 { height: 130px; background-color: #ffffff; padding: 10px; margin: 20px 0px 20px 30px; border-color: #D5D9DC; }
.prodblocktablechunk.light .rc2 a { color: #276880; }
.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 }

.prodinfo { width: 99%; color: black; background-color: white; border: 1px solid black }
.prodinfoinner { width: 100%; margin: 10px; border: 1px solid #3e3874 }
.prodinfomanufacturer { 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 .leftcol { float: left; width: 43% }
.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 }

.sub a img { border: none; }

.prodlistblock {border: 1px solid rgb(0, 179, 92); padding: 1px; margin: 0px 10px 15px 10px; width: 500px; clear: left }
.prodlistblock .sub {border: 2px solid rgb(0, 179, 92); padding: 10px;  width: 476px; }
.prodlistblock .prodimg { clear: both; float: left; border: 0; margin-right: 5px}
.prodlistblock .logo { width: 154px; height: 30px; }
.prodlistblock .title { float: right; text-align: right; margin-top: 30px }
.prodlistblock .title a {font-size: 110%; color: rgb(0, 179, 92); font-weight: bold; white-space: nowrap}
.prodlistblock .dimensions { margin: 0px 0px 5px 0px; }
.prodlistblock .dimensions a, .prodlistblock .dimensions .pairwidth {font-size: 110%; color: rgb(0, 179, 92); font-weight: bold; white-space: nowrap}
.prodlistblock .desc { float: left;  }

.colours .sample img {width: 30px; height: 30px;}

.showcolours {margin-top: 20px; m1argin-left: 50px; width: 96%; }

.showprod {margin-top: 20px; m1argin-left: 50px; width: 96%; }
.showprod .logo { width: 154px; height: 30px;}
.showprod .title {margin: 10px 0px 10px 0px;}
.showprod .code, .showprod .title a {font-size: 170%; color: rgb(0, 179, 92); text-align: center;}
.showprod .desc {font-weight: bold; color: rgb(0, 179, 92); margin: 10px 0px 10px 0px;text-align: center; }
.showprod .features {}
.showprod .manufacturer { font-size: 140%; color: rgb(0, 179, 92); text-align: center; }
.showprod .imgcon {border: 1px solid rgb(0, 179, 92); padding: 1px; width: 440px; margin-left: 40px; }
.showprod .imgcon .sub {border: 2px solid rgb(0, 179, 92); padding: 10px;  width: 416px; text-align: center; }
.showprod .imgcon .sub a img {border-width: 0px; }
.showprod .dimImg {position: absolute;}
.showprod .dimImg .location {position: relative; top: 15px; left: 355px;}
.showprod .dims {border-spacing: 0px; border-collapse: collapse; width: 360px; margin: 20px 0px 10px 85px; }
.showprod .dims td {border: 1px solid rgb(0, 179, 92); font-weight: bold; margin: 0px; padding: 3px 10px; vertical-align: top; }
.showprod .th {background-color: rgb(0, 179, 92); color: white;}
.showprod .dims .bolder {font-size: 100%; color: rgb(0, 179, 92);}
.showprod .tagcon {position: absolute; display: none;}
.showprod .tagcon .tag {position: relative; top: 0px; left: 0px; border: 1px solid black; background-color: #FFFF80; padding: 2px; width: 120px; }
.showprod .colours {border: 1px solid rgb(0, 179, 92);}
.showprod .colours .sample {padding: 4px;}
.showprod .colours .sample img {width: 40px; height: 30px;}

.subproduct {border: 1px solid #286881; margin-bottom: 15px; height: 100%}
.subproduct .prodimg {float: left; margin: 10px 0px 0px 10px; border: none;}
.subproduct p {padding: 20px 10px 10px 10px; }
.subproduct .code {color: rgb(0, 179, 92); font-weight: bold; font-size: 110%;}
.subproduct .subdescblock { float: left }
.subproduct .subdesc {font-size: 100%; font-weight: bold;}

.psearch {}
.psearch .maintitle {font-size: 120%; font-weight: bold; color: rgb(39, 104, 128)}
.psearch .intro {margin: 5px 0px 10px 0px; color: rgb(39, 104, 128)}
.psearch .pfield {float: left; margin-right: 15px;}
.psearch .ptitle {font-weight: bold; color:rgb(39, 104, 128)}
.psearch select {height: 90px;}
#HTML_AJAX_LOADING {display: none; position: absolute;}
.psearch #conType {width: 140px;}
.psearch #conFormat {width: 120px;}
.psearch #dimW {width: 60px;}
.psearch #dimD {width: 60px;}
.psearch #dimH {width: 60px;}
.psearch #psearch_response {display: none;}
.psearch fieldset {padding: 5px 0px 5px 10px;}

.presults {color: white; background-color: rgb(83, 133, 156); padding: 3px 10px; font-weight: bold; margin-bottom: 10px;}