/* COPYRIGHT KYBOTECH LTD. 2005 ALL RIGHTS RESERVED. ---------------------------------------------------------- */ * { -moz-box-sizing: border-box; } body { margin: 0px; font-family: verdana, helvetica; font-size: 12px;} table { margin: 0px; font-family: verdana, helvetica; font-size: 12px;} a {font-size: 12px; color: #3366cc; text-decoration: underline;} a:hover {color: #3B9204; text-decoration: none;} hr {height: 1px; color: #cccccc; background: #cccccc;} h1 {font-size: 18px; color: #57B30A; line-height: 18px; margin:0px 0px 0px 0; padding:0px 0px 3px 0px; text-transform: capitalize; } h1 a{font-size: 14px; margin:10px 0px; padding:0px; color: #FFC600;} h2 {font-size: 14px; line-height: 15px; margin:8px 0px 20px 0px; padding: 0px; color: #000000; font-weight: 800;} h2 a{font-size: 14px; margin:10px 0px; padding:0px; color: #3366cc;} h3 {font-size: 14px; margin: 8px 0px 10px 0px; padding:0px; color: #3366cc;} ul {margin: 10px 50px;} li {margin: 0px; padding: 0px; } img {border: 0;} p {font-size: 12px; line-height: 16px; margin: 0px 0px 30px 0px;} .smallcopy {font-size: 9px;} .smallcopy a {font-size: 9px; font-weight: 100;} .wasprice, .rrp, .saving { display: none !important; } #banner { height: 27px; background: url("http://www.kybotech.co.uk/brand_bar_family/bannerbg.gif"); white-space: nowrap; padding:0px 5px; } #bannerlogo {width: 100px; height: 27px; background: url("http://www.kybotech.co.uk/brand_bar_family/bannerlogo.gif") no-repeat ;} #banner h1 {font-size: 11px; font-weight: 100; color: #000000; margin:0px; padding:0px;} form {font-size: 11px; font-family: verdana, sans-serif, ariel; PADDING: 0px; MARGIN: 0px;} .formstyle {font-size: 12px; font-family: verdana, sans-serif, ariel; PADDING: 0px; MARGIN: 0px;} select {border: 1px solid #000000; font-size: 12px;} input {font-size: 11px; font-family: verdana, sans-serif, ariel; PADDING: 0px; MARGIN: 0px; } li {padding: 3px;} /* BANNER & DEPT. PROMOS CSS ---------------------------------------------------------- */ .topbanner {clear: both; text-align: left; margin: 0px 10px 14px 230px; height: 36px; width: 100%; background: #0237A2 url("/images/banner1.gif") left center; } .topbanner h5 { text-align: center; margin: 0px ; padding: 0px; width: 100%; background: url("/images/textbanner.gif") no-repeat left center;} .topbanner span{ width: 100%; height: 36px; display: block; background: url("/images/textbarr.gif") no-repeat top right;} .topbanner h3 {display: block; margin: 0px ; padding: 0px; text-align: left; float: left; background: url("/images/textbarl.gif") no-repeat top left;} .fta {text-align: center; margin: 20px 0px;} .promobanner { clear: both; height: 79px; width: 100%; margin: 0px 0px 10px 0px; background: #ffffff url("/images/promobg.gif") repeat-x; display: block; width: 100%; } .promobanner h5 { text-align: center; height: 79px; margin: 0px ; padding: 0px; width: 100%; background: url("/images/promobanner.gif") no-repeat center center;} .promobanner span{ width: 100%; height: 36px; display: block; background: url("/images/promobarr.gif") no-repeat top right;} .promobanner h3 {margin: 0px ; padding: 0px; display: block; text-align: left; float: left; background: url("/images/promobarl.gif") no-repeat top left;} #sitetext { margin: 0px 160px 10px 160px; text-align: center; padding: 0px 0;} #sitetext h1 {font-size: 10px; color: #339900; font-weight: 800; margin: 0px; line-height: 14px; border: 0px;} #sitetext {} #sitetext h2 {font-weight: 100; border: 0px; margin: 0px; padding: 0px; font-size: 9px; line-height: 14px; border: 0px;} #fpoffers { width:100%; height: 118px; overflow: hidden; margin: 25px 0px; padding: 0px; background: #ffffff url("/images/fpofferbg.gif") repeat-x; background-position: 0 0;} #fpoffers ul { margin: 0px; width:100%; list-style: none; text-align: center; } #fpoffers li { width: 315px; height: 163px; display: inline; margin: 0px; padding: 0px; text-align: center;} #fpoffers a { width: 315px; text-align: center; color: #000000; float: left; margin: 0px; padding: 0px;} .rightspecial1 {background: #ffffff url("/images/rightoffer1.gif") no-repeat; width: 150px; height: 94px;} .rightspecial1 img {width: 150px; height: 94px;} .rightspecial2 {background: #ffffff url("/images/rightoffer2.gif") no-repeat; width: 150px; height: 94px;} .rightspecial2 img {width: 150px; height: 94px;} /* MAIN LAYOUT CSS ---------------------------------------------------------- */ #lh-col{font-family: verdana, ariel, helvetica; position:absolute; top:210px; left:0; width:150px; z-index:4; overflow: visible; margin-left: 5px; overflow: hidden;} #deptlist {background: #ffffff; color: #000000; } #deptlist h4 { font-size: 15px; background: #ffffff url("/images/deptbg.gif"); color: #ffffff; border-bottom: #57B30A 5px solid; display: block; height: 33px; margin: 0px; padding: 10px 20px; } #deptlist h5 {line-height: 5px; padding: 0px; margin: 0px; border-left: 1px solid #3366cc; border-right: 1px solid #3366cc;} #deptlist h6 {margin: 0px; padding: 0px;} #deptlist h6 a { display: block; font-size: 11px; color: #ffffff; margin: 0px; padding: 4px 4px 4px 20px; border-left: 1px solid #37A014 ; border-right: 1px solid #37A014; background: #339900 url("/images/leftarrow4.gif") no-repeat; text-decoration: underline; background-position: 8px 7px;} #deptlist h6 a:hover { color: #ffffff; text-decoration: none; background: #339900 url("/images/leftarrow4.gif") no-repeat; background-position: 8px 7px;} #deptlist span {} #deptlist a { display: block; font-weight: 800; font-size: 11px; color: #00000; margin: 0px; padding: 4px 30px 4px 20px; border-left: 1px solid #3366cc; border-right: 1px solid #3366cc; background: #ffffff url("/images/leftarrow.gif") no-repeat; background-position: 8px 7px; text-decoration: underline;} #deptlist a:hover { text-decoration: none; background: #ffffff url("/images/leftarrow2.gif") no-repeat; background-position: 8px 7px;} #deptlist .numofprods { float: right; color: #000000; position: relative; top: -14px; left: -5px; font-size: 10px; line-height: 10px;} #sublist {background: #ffffff; color: #ffffff; } #sublist a { display: block; font-size: 11px; color: #ffffff; margin: 0px; padding: 4px 6px; background: #3366cc; text-decoration: none;} #sublist a:hover { color: #ffffff; text-decoration: underline; background: #244DA3;} #sublist img { vertical-align: middle;} #bestsellers {background: #ffffff; color: #000000; } #bestsellers a { display: block; font-size: 11px; margin: 0px; padding: 4px 8px; border-left: 1px solid #3366cc; border-right: 1px solid #3366cc; background: #ffffff; text-decoration: underline;} #bestsellers a:hover { text-decoration: none; } #bestsellers h4 {padding: 10px 20px; font-size: 15px; background: #ffffff url("/images/deptbg.gif"); color: #ffffff; border-bottom: #57B30A 5px solid; display: block; height: 33px; margin: 0px; } #bestsellers h5 {line-height: 5px; padding: 0px; margin: 0px; border-left: 1px solid #3366cc; border-right: 1px solid #3366cc;} #bestsellers span {} #helpdesk ul { list-style-type: none; margin: 0px; padding: 0px;} #helpdesk li { list-style-type: none; margin: 0px; padding: 0px;} #helpdesk h4 {padding: 10px 20px; font-size: 15px; background: #ffffff url("/images/deptbg.gif"); color: #ffffff; border-bottom: #57B30A 5px solid; display: block; height: 33px; margin: 0px; } #helpdesk h5 {line-height: 5px; padding: 0px; margin: 0px; border-left: 1px solid #3366cc; border-right: 1px solid #3366cc;} #helpdesk span {} #helpdesk a { background: #ffffff url("/images/leftarrow.gif") no-repeat; background-position: 10px 8px; display: block; font-size: 11px; margin: 0px; padding: 4px 8px 4px 20px; border-left: 1px solid #3366cc; border-right: 1px solid #3366cc; text-decoration: none;} #helpdesk a:hover { text-decoration: underline; } #payment {text-align: center; } #payment img {margin: 10px;} #payment span {} #payment h4 {padding: 10px 20px; font-size: 15px; background: #ffffff url("/images/deptbg.gif"); color: #ffffff; border-bottom: #57B30A 5px solid; display: block; height: 33px; margin: 0px; } #payment h5 {line-height: 5px; padding: 0px; margin: 0px; border-left: 1px solid #3366cc; border-right: 1px solid #3366cc;} #payment a {border-left: 1px solid #3366cc; border-right: 1px solid #3366cc; text-decoration: none; display: block;} #todays { color: #ffffff; font-size: 11px; margin: 0px 0px 15px 0px; padding: 0px; } #todays a { color: #ffffff; font-size: 11px; } #todays h5 { line-height: 5px; padding: 0px; margin: 0px; border-left: 1px solid #3366cc; border-right: 1px solid #3366cc;} #todays h6 { margin: 0px; height: 30px; padding: 4px 16px; background: #ffffff url("/images/todaybottom.gif") top left no-repeat; } #todays h4 { padding: 10px 20px; margin: 0px; color: #000000; background: url("/images/todaybg2.gif") top left; } #todays H4 a { background: url("/images/leftarrow2.gif") no-repeat left top; color: #ffffff; padding: 0px 0px 0px 25px; font-size: 10px; background-position: 5 -4;} #todays div { padding: 4px 16px; background: url("/images/todaybg2.gif") top left;} #todays span { } #todays p { font-size: 11px; padding: 5px 0px; line-height: 11px;} #sidefilters {background: #990000; margin: 15px 0px 15px 0px;} #sidefilters a { font-weight: 800; background: #990000 url("/images/leftarrow2.gif") no-repeat left top ; display: block; font-size: 10px; color: #ffffff; margin: 0px; padding: 4px 8px 4px 20px; text-transform: uppercase; border-left: 1px solid #990000; border-right: 1px solid #990000; text-decoration: none;} #sidefilters a:hover { color: #3366cc; text-decoration: none; background: #990000 url("/images/leftarrow.gif") no-repeat ; } #sidefilters h4 {background: #3366cc; color: #990000; font-size: 12px; display: block; margin: 0px; padding: 4px 6px 0px 6px; } #sidefilters h5 {background: #3366cc url("/images/aussie2.gif"); border: 0px; color: #000000; display: block; height: 26px; margin: 0px; padding: 0px;} #sidefilters h6 { margin: 0px; padding: 0px;} #sidefilters h6 a { font-weight: 100; background: #990000 url("/images/leftarrow.gif") no-repeat left top ; display: block; font-size: 10px; color: #3366cc; margin: 0px; padding: 4px 8px 4px 20px; text-transform: uppercase; border-left: 1px solid #990000; border-right: 1px solid #990000; text-decoration: none;} #sidefilters h6 a:hover { color: #3366cc; text-decoration: none; background: #990000 url("/images/leftarrow.gif") no-repeat ; text-decoration: underline; } .numofprods { float: right; color: #000000; position: relative; top: -14px; left: -5px; font-size: 8px; line-height: 9px;} #rh-col2{ position:absolute; top:210px; right:0; width:150px; z-index:3; margin: 0px 5px 0px 0px; overflow: hidden;} #rh-col2 ul{list-style-type: none; padding: 0px; margin: 0px;} #rh-col2 li {padding: 0px; margin: 0px;} #c-block {width:100%; z-index:1;} #c-col { margin:4px 170px 0 170px; position:relative; background:#ffffff; z-index:2; } #c-colwide { margin:0px; position:relative; background:#ffffff; color: #333333; z-index:2; } #c-colleft { margin:0 10px 0 170px; position:relative; background:#ffffff; color: #333333; z-index:2; } #content { width: 100%; margin: 0px 0px 0px 0px;} /*BASKET CSS ---------------------------------------------------------- */ .baskethead {height: 30px; font-weight: 800; font-size: 13px; color: #339900; } td.baskethead { border-bottom: #339900 1px solid; color: #339900; font-size: 14px; } td.baskethead h3 { padding: 0px 5px 0px 0px; color: #339900; margin: 0px; padding: 0px; display: block; font-size: 14px; height: 25px; line-height: 25px; } td.baskethead h4 { padding: 0px 5px 0px 0px; color: #339900; margin: 0px; padding: 0px; display: block; font-size: 14px; height: 25px; line-height: 25px; } .priceline td{ background: #ffffff; border-top: #339900 1px solid; border-bottom: #339900 1px solid; padding: 10px 5px; } .basketrow {padding: 0px 5px;} .basketrow a{ font-weight: 800;} .basketleft {} .basketright {} .basketco {padding: 5px;} /* HEADER CSS ---------------------------------------------------------- */ #header {background: #ffffff; height: 124px; width: 100%; } #basket { float: right; position: absolute; color: #ffffff; top: 5px; right: 25px; font-size: 12px; border-top: 0px;} #basket a {font-size: 12px; color: #000000; font-weight: 100;} #basket td {font-size: 12px; color: #000000;} #basket br {line-height:6px;} #logo { float: left; position: absolute; top: 1px; left: 0px; width: 322px; height: 98px; background: url("/images/logo.gif") no-repeat top left; z-index: 4;} #tree { float: right; position: absolute; top: 30px; right: 5px; width: 268px; height: 53px; background: url("/images/tree2.gif") no-repeat top right; z-index: 3;} #topnote { float: left; position: absolute; top: 1px; left: 380px; width: 137px; height: 61px; background: url("/images/spacer.gif") no-repeat top left; z-index: 1;} #personalbar { position: absolute; top: 4px; right: 300px; text-align: left; padding: 2px 0px; z-index: 2;} #personalbar a {display: block; line-height: 18px; background: url("/images/arrow1.gif") no-repeat left center; padding: 0px 0px 0px 10px; color: #000000; font-weight: 100;} #searchbox { background: url("/images/searchbg.gif") no-repeat left top; height: 200px; position: absolute; top: 100px; left: 5px; margin: 0px 0px 0px 0px ; overflow: hidden; white-space: nowrap; text-align: left; clear: both; font-size: 12px; color: #ffffff; padding: 20px;} #searchbox a { font-size: 12px; } #searchbox input { font-size: 12px; } #targettop {width:100%; height: 148px; overflow: hidden; margin: 0px 0px 8px 0px; padding: 100px 0px 0px 230px; } #targettop ul {margin: 0px; width:100%; padding: 0px; list-style: none; text-align: left;} #targettop li { height: 80px; display: inline; margin: 0px 5px 0px 0px; padding: 0px; text-align: center;} #targettop a {height: 51px; font-size: 10px; text-align: left; color: #ffffff; float: left; background: url("/images/menu.gif") no-repeat left top; margin: 0px 0px; padding: 0px 0px 0px 0px; text-decoration:none; text-transform: uppercase; line-height: 12px; } #targettop a span {display: block; margin: 0px; float: none; background: url("/images/righttop.gif") no-repeat right top; padding: 0px 0px 0px 0px; font-weight: 800; } #targettop a:hover {text-decoration:none; background-position: 0% -51px; color: #ffffff;} #targettop a:hover span {background-position: 100% -50px; color: #ffffff;} .timber {padding: 0px; margin: 0px; display: block; background: url("/images/timber.gif") no-repeat; background-position: 10px 14px;} a:hover .timber {padding: 0px; margin: 0px; display: block; background: url("/images/timber2.gif") no-repeat; background-position: 10px 14px;} .plastic {padding: 0px; margin: 0px; display: block; background: url("/images/plastic.gif") no-repeat; background-position: 10px 14px;} a:hover .plastic {padding: 0px; margin: 0px; display: block; background: url("/images/plastic2.gif") no-repeat; background-position: 10px 14px;} .aluminium {padding: 0px; margin: 0px; display: block; background: url("/images/aluminium.gif") no-repeat; background-position: 10px 14px;} a:hover .aluminium {padding: 0px; margin: 0px; display: block; background: url("/images/aluminium2.gif") no-repeat; background-position: 10px 14px;} .mini {padding: 0px; margin: 0px; display: block; background: url("/images/mini.gif") no-repeat; background-position: 10px 14px;} a:hover .mini{padding: 0px; margin: 0px; display: block; background: url("/images/mini2.gif") no-repeat; background-position: 10px 14px;} .poly {padding: 0px; margin: 0px; display: block; background: url("/images/poly.gif") no-repeat; background-position: 10px 14px;} a:hover .poly {padding: 0px; margin: 0px; display: block; background: url("/images/poly2.gif") no-repeat; background-position: 10px 14px;} .cold {padding: 0px; margin: 0px; display: block; background: url("/images/cold.gif") no-repeat; background-position: 10px 14px;} a:hover .cold {padding: 0px; margin: 0px; display: block; background: url("/images/cold2.gif") no-repeat; background-position: 10px 14px;} .packagedeals {padding: 0px; margin: 0px; display: block; background: url("/images/packagedeals.gif") no-repeat; background-position: 10px 14px;} a:hover .packagedeals {padding: 0px; margin: 0px; display: block; background: url("/images/packagedeals2.gif") no-repeat; background-position: 10px 14px;} .accessories {padding: 0px; margin: 0px; display: block; background: url("/images/accessories.gif") no-repeat; background-position: 10px 14px;} a:hover .accessories {padding: 0px; margin: 0px; display: block; background: url("/images/accessories2.gif") no-repeat; background-position: 10px 14px;} .heaters {padding: 0px; margin: 0px; display: block; background: url("/images/heaters.gif") no-repeat; background-position: 10px 14px;} a:hover .heaters {padding: 0px; margin: 0px; display: block; background: url("/images/heaters2.gif") no-repeat; background-position: 10px 14px;} .storage {padding: 0px; margin: 0px; display: block; background: url("/images/storage.gif") no-repeat; background-position: 10px 14px;} a:hover .storage {padding: 0px; margin: 0px; display: block; background: url("/images/storage2.gif") no-repeat; background-position: 10px 14px;} #icon { height: 30px; width: 30px; position: relative; top: -2px ;right: 3px ; float: left; overflow: hidden; } .saveicon {width: 25px; height: 25px; float: left; background: url("/images/saleicon.gif") top left no-repeat; margin: 0px 0px; display: none; } .saveicon2 { width: 100%; height: 34px; float: left; background: url("/images/saleicon2.gif") center left repeat-x; margin: 0px auto; display: none; } .saveicon3 { width: 100%; height: 20px; float: left; background: url("/images/saleicon3.gif") center left repeat-x; margin: 0px auto; display: none; } #frontcattree { width: 100%; color: #000000; font-size: 11px; margin: 0px 0px 10px 0px; padding: 0px; background: #ffffff; border: 1px solid #041BA3; border-top: 0px;} #frontcattree h2 { color: #000000; font-size: 11px; font-weight: 100; margin: 0px 0px 5px 0px; padding: 0px; } #frontcattree h2 a { font-size: 16px; font-weight: 800; margin: 5px 0px; padding: 0px;} #frontcattree a { margin: 0px; padding: 0px; font-size: 11px; } #frontcattree h1 {margin: 0px; text-align: left; font-size: 11px; font-weight: 800; padding: 5px ; color: #ffffff; } .boxprodlist {width: 100%; margin: 0px 0px 10px 0px; padding: 0px 0px; border: 1px solid #009900; border-top: 0px;} .boxprodlist H2 { padding: 0px 0px; font-weight: 800; font-size: 14px; color: #0B85E3; display: block;} .boxprodlist H2 a { font-weight: 800; font-size: 11px; color: #0B85E3; display: block;} .boxprodlist H3 { padding: 0px 0px; font-weight: 800; font-size: 11px; color: #524BAB; display: block;} .boxgprodlist H3 a { font-weight: 800; font-size: 11px; color: #ffffff; display: block;} .boxprodlist table {padding: 0px; margin: 0px; } .boxprodlist td { margin: 0px; text-align: left; padding: 0px 4px 0px 4px; font-size: 11px; } .boxprodlist td a {font-weight: 800; margin: 5px 0px;} td.details { background: #FFF4B4; color: #000000; padding: 5px; font-size: 11px; line-height: 14px;} td.details a { font-size: 11px; font-weight: 800; line-height: 14px;} .boxprodlist a { font-size: 12px; font-weight: 100;} .boxprodheader { width: 100%; background: #003399 url("/images/barbg.gif"); height: 34px; border-bottom: 5px solid #339900; } .boxprodheader span{ height: 34px; padding: 0px 20px 0px 10px; background: #003399 url("/images/barr.gif") no-repeat top right;} .boxprodheader h2 { line-height: 34px; display: block; height: 34px; font-size: 12px; width: 100%; margin: 0px; padding-left: 0px; color: #ffffff; } .boxprodheader2 { width: 100%; background: #339900; height: 34px; } .boxprodheader2 span{ height: 34px; padding: 0px 50px 0px 10px; background: #339900;} .boxprodheader2 h2 { line-height: 34px; display: block; height: 34px; font-size: 15px; width: 100%; margin: 0px; padding-left: 0px; background: url("/images/barl2.gif") no-repeat bottom right; color: #ffffff; } .boxprodheader3 a{ color: #ffffff; font-size: 12px;} .boxprodheader3 { width: 100%; background: #003399 url("/images/barbg3.gif"); height: 34px; border-bottom: 5px solid #339900; } .boxprodheader3 span{ height: 34px; padding: 0px 20px 0px 10px; width: 100%; background: url("/images/barr.gif") no-repeat top right;} .boxprodheader3 h2 { line-height: 34px; display: block; height: 34px; font-size: 12px; width: 100%; margin: 0px; padding-left: 0px; color: #ffffff; } .boxprodheader4 { width: 100%; height: 34px; border-bottom: 5px solid #041BA3; background: #339900 url("/images/barbg4.gif"); } .boxprodheader4 span{ height: 34px; padding: 0px 50px 0px 10px; background: #339900 url("/images/barr4.gif") no-repeat top right;} .boxprodheader4 h2 { line-height: 34px; display: block; height: 34px; font-size: 13px; width: 100%; margin: 0px; padding-left: 0px; color: #ffffff; } .boxprodheader5 { width: 100%; background: #339900; height: 25px; } .boxprodheader5 a{ color: #ffffff; font-size: 12px; text-transform: lowercase;} .boxprodheader5 span{ width: 100% ; height: 25px; padding: 0px 25px 0px 10px; background: #339900;} .boxprodheader5 h2 { line-height: 25px; display: block; height: 25px; font-size: 11px; width: 100%; margin: 0px; padding-left: 0px; color: #ffffff; } .boxprodheader6 { background: #990000 url("/images/barbg6.gif") repeat-x; width: 100%; height: 38px;} .boxprodheader6 span{ display: none;} .boxprodheader6 h2 { background: url("/images/barl6.gif") no-repeat top left; line-height: 38px; display: block; height: 34px; font-size: 11px; width: 100%; margin: 0px; padding-left: 0px; color: #ffffff; } .more { width: 100%; text-align: right; padding: 0 0px 0px 0; font-size: 11px; font-weight: 100;} .more a { text-align: right; padding: 0 10px 0px 10px; font-size: 11px; font-weight: 100; background: url("/images/leftarrow.gif") no-repeat; background-position: 0 4;} .boxprodfooter {width: 100%; font-size: 10px; background: #339900; margin: 0px 0px 15px 0px; padding: 5px 5px; } .boxprodfooter a{line-height: 15px; display: block; padding: 0px 0px 0px 12px; background: url("/images/leftarrow6.gif") no-repeat; background-position: -5 5; font-size: 11px; font-weight: 100; color: #ffffff; text-transform: lowercase;} .boxprodfooter a:hover{ color: #ffffff; } .boxbleftright {width: 100%; padding: 5px 5px; border-left: 1px solid #3366cc; border-right: 1px solid #3366cc; font-size: 11px;} .boxbleftright a{font-size: 11px;} .boxbleftright form {margin: 5px 0px; font-size: 11px;} .boxbleftright li {margin: 0px; padding: 0px; } .boxbleftright p {margin: 0px; padding: 0px; } .boxbleftright2 { width: 100%; padding: 5px 5px; border-left: 1px solid #3366cc; border-right: 1px solid #3366cc; font-size: 11px;} .boxbleftright2 a{ font-size: 11px;} .boxfaq { width: 100%; padding: 10px; border-left: 1px solid #48AA0E; border-right: 1px solid #48AA0E; font-size: 11px;} .boxfaq a{ font-size: 12px;} .boxfaq form {margin: 5px 0px; font-size: 11px;} .boxfaq li {margin: 0px; padding: 0px; } .boxfaq p {margin: 3px 0px; padding: 0px; } .boxreview { width: 100%; padding: 10px; border-left: 1px solid #48AA0E; border-right: 1px solid #48AA0E; font-size: 11px;} .boxreview a{ font-size: 12px;} .boxreview form {margin: 5px 0px; font-size: 11px;} .boxreview li {margin: 0px; padding: 0px; } .boxreview p {margin: 0px 0px 10px 0px; padding: 0px; } .boxreview span {font-size: 11px; } /* FILTER CSS ---------------------------------------------------------- */ .boxfilters { font-weight: 800; color: #ffffff; width: 100%; font-size: 11px; line-height: 14px; margin: 5px 0px 5px 0px; border-bottom: 0px; background: #ffffff url("/images/filterbg.gif") repeat-x bottom left;} .filterr {background: url("/images/filterr.gif") repeat-y bottom right; width: 18px;} .filterl { width: 32%; background: url("/images/filterl.gif") bottom left no-repeat; padding: 0px 6px 10px 6px;} .filterl a, .filterl a:hover { font-size: 11px; font-weight: 100; color: #339900;} .boxfilters select{ font-family: verdana, arial, helvetica; font-size: 10px;} .filterhead {background: #ffffff url("/images/filtertopbg.gif") repeat-x top right; height: 27px; } #content .filterhead H3 {color: #ffffff; font-size: 11px; height: 27px; padding: 0px 0px 0px 22px; font-weight: 800; display: block; margin: 0px; background: url("/images/filtert.gif") no-repeat top left; line-height: 21px;} .filterhead span { height: 27px; display: block; background: url("/images/filtertr.gif") no-repeat top right;} .boxcontactus { width: 100%; font-size: 12px; background: #ffffff; border: 1px solid #3366cc; margin: 0px 0px 10px 0px; padding: 10px; color: #262626;} .boxcontactus .abvsmall { margin: 5px 0px 0px 0px; color: #000000; font-size: 11px; text-align: left;} .boxcontactus .small { color: #000000; height: 15px; overflow: hidden; font-size: 9px; text-align: left; vertical-align: top; padding: 0px; margin: 0px 0px 5px 0px} .boxcontactus row { font-size: 11px; clear: both; padding-top: 3px; } .boxcontactus span.line { float: left; width: 140px; font-size: 12px; color: #262626; font-weight: 800; text-align: left; margin-right:10px;} .boxcontactus input {width: 200px;font-size: 12px; padding: 0px; margin: 0px; vertical-align: middle; margin: 0px 0px 2px 0px;} .boxcontactus textarea {font-size: 12px; font-family: verdana, sans-serif, ariel; width: 430px; padding: 2px; height: 150px;} .boxcontactus select {font-size: 12px; font-family: verdana, sans-serif, ariel; width: 430px; height: 22px; margin: 0px 0px 2px 0px;} #btnSend { font-size: 12px; margin: 10px; width: 100px;} .boxnarrow {margin: 0px 20px 10px 0px; border: 1px solid #3366cc; background: #ffffff; color: #ffffff; font-size: 11px; width: 45%; font-weight: 100; float: left; padding: 15px; } .boxnarrow a { font-size: 12px; color: #339900; background: url("/images/arrowrightsm.gif") no-repeat; background-position: 0 3; padding: 0px 15px;} .boxnarrow div H3 { font-size: 10px; padding: 0px; font-weight: 100; display: block; margin: 5px 0px;} .boxnarrow H2 {margin: 0px; padding: 0px; font-weight: 800; font-size: 13px; color: #3366cc; } .boxnarrow p { margin: 5px 0px; padding: 0px;} .boxnarrow ul { padding: 0px; margin: 0px 0px;} .boxnarrow ul a{font-size: 10px; font-weight: 100;} .boxnarrow li {margin: 0px; padding: 0px; list-style-type: none; } .filterselect { PADDING: 0px; font-size: 11px; MARGIN: 2px 0px; vertical-align: middle; width:130px;} .filterselect2 { PADDING: 0px; font-size: 11px; MARGIN: 2px 0px; vertical-align: middle; width:120px;} .paging { font-size: 11px; background: #ffffff; padding: 4px; font-weight: 800; margin: 0px 0px 4px 0px; } .paging a{font-size: 11px; font-weight: 800; } .paging div {padding: 0px; font-weight: 100; float: left;} .paging2 { font-size: 11px; color: #342E80; padding: 4px; font-weight: 800;} .paging2 a{font-size: 11px; font-weight: 800; } .paging2 div {padding: 0px; font-weight: 100; float: left;} .paging2 span {color: #8B86C9;} .boxproductinfo {border: 1px solid #339900; border-top: 0px; font-size: 10px; margin: 0px 0px 20px 0px; clear: both; text-align: left;} .boxproductinfo h2 {background-color: #990000; margin: 0px; padding:5px 10px; font-weight: 800; font-size: 12px; color: #ffffff; display: block; } .boxproductinfo h5 {font-size: 16px; margin: 4px 0px 8px 0px; padding: 0px;} .boxproductinfo h6 {font-size: 12px; margin: 10px 0px 8px 0px; padding: 0px; font-weight: 600;} .boxproductinfo div {padding: 10px ; margin: 0px;} .boxproductinfo p {padding: 4px 0px 4px 0px; margin: 0px; font-size: 12px;} .boxproductinfo div table {padding: 0px ; margin: 0px; width: 50%; overflow: hidden;} .boxproductinfo div td {font-size: 11px; padding: 5px; background: #eeeeee; border: 1px solid #cccccc;} .boxproductinfo ul {margin: 10px 60px;} .boxproductinfo li {margin: 0px; padding: 0px; line-height: 17px; font-size: 11px; } .headbar {background:#FFF7C5; color: #000000; } .itembar {background:#FFF29F; color: #000000; } /* CATEGORY CSS ---------------------------------------------------------- */ .catdesc {line-height: 15px; font-size: 11px; padding: 0px 0px 8px 0px;} .categorylist {margin: 0px 0px 20px 0px;} .categorylist h1 { border-bottom: 2px solid #3366CC; font-size: 13px; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px; font-weight: 800; color: #3366CC; text-transform: none; background: url("/images/catdownarrow.gif") left top no-repeat;} .categorylist h1 a {font-size: 14px; margin: 0px; padding: 0px; font-weight: 100; color: #FFB200;} .categorylist h2 { color: #000000; font-size: 10px; padding: 3px 0px 3px 14px; margin: 0px; font-weight: 100; background: url("/images/catarrow.gif") left top no-repeat; background-position: 0px 6px; } .categorylist h2 a {font-size: 12px; margin: 25px 0px 25px 0px; padding: 0px; font-weight: 100;} .categorylist h2 a:hover { margin: 24px 0px 24px 0px; padding: 0px; font-weight: 100; } .categorylist h4 { border-bottom: 2px solid #3366CC; font-size: 13px; margin: 5px 0px 5px 0px; padding: 5px 0px 5px 0px; font-weight: 800; color: #3366CC; text-transform: none; background: url("/images/catdownarrow.gif") left top no-repeat;} .categorylist h4 a {font-size: 14px; margin: 0px; padding: 0px; font-weight: 800; color: #FFB200;} #brandslist { border: 1px solid #3366cc; margin: 0px 0px 15px 0px; float: left; width: 150px;} #brandslist div{ padding: 2px; width: 74px; float: left; text-align: center; margin: 5px 0px;} #brandslist img{align: middle;} #brandslist h2{background: #3366cc; margin: 0px; padding: 0px 5px; font-size: 12px; color: #ffffff; line-height: 25px;} #brandslist a{font-size: 9px; line-height: 12px; clear: left; padding: 2px; text-align: center;} /* SPECIAL OFFER CSS ---------------------------------------------------------- */ .specialofferhead {height: 44px; background: url("/images/specialhead.gif") no-repeat top left;} .specialofferhead h2 {display: none; font-size: 12px; padding: 0px 5px; color: #ffffff; text-transform: uppercase;} .specialoffer {border-left: 1px solid #dc0000; border-right: 1px solid #dc0000; text-align: center; padding: 2px;} .specialoffer a {font-size: 11px;} .specialofferbot {margin: 0px 0px 15px 0px; } .specialofferbot h3 {margin: 0px; padding: 0px; } .specialofferbot a{ display: block; color: #ffffff; line-height: 14px; background: #dc0000 url("/images/leftarrow6.gif") no-repeat center left; padding: 5px 5px 5px 20px; font-size: 11px; font-weight: 100; text-transform: lowercase;} .specialofferbot a:hover{color: #ffffff; font-size: 11px; font-weight: 100; display: block;} .featuredhead { height: 60px; background: url("/images/featuredhead.gif") no-repeat top left;} .featuredhead h2{ display: none; padding: 0px 5px; color: #ffffff; text-transform: uppercase;} .featured {border-bottom: 5px solid #339900; border-left: 1px solid #339900; border-right: 1px solid #339900; text-align: center; padding: 2px;} .featured a{ font-size: 11px;} .boxfeatured { text-align: center; border: 1px solid #339900; border-top: 0px; padding: 0px 0px 4px 0px;} .specialoffertitle {color: #DE0000;} /* POP-UP CSS ---------------------------------------------------------- */ .popupfooter {background: #ffffff; padding: 0px; font-size: 10px; color: #3366CC;} .popupheader {background: #ffffff; padding: 0px; margin: 0px;} .popup {font-size: 11px; margin: 20px; padding: 0px; line-height: 18px; text-align: left;} body.popup {margin: 0px; padding: 0px;} .popup p {font-size: 12px; padding: 0px; margin: 10px 0px; line-height: 18px; text-align: left;} .popup h1 {font-size: 18px; color: #66CC00; line-height: 26px; margin:0px 0px 5px 0; padding:0px; text-transform: capitalize; } .popup h2 {font-size: 13px; margin: 8px 0px 5px 0px; padding:0px;} .popup a {font-size: 11px; font-weight: 800;} .popup .row { font-size: 12px; clear: both; margin: 10px 0px;} .popup span.line { float: left; width: 100px; font-size: 12px; font-weight: 100; text-align: left; margin: 0px;} .popup li {margin: 0px; padding: 0px; } .hours th {background: #3366cc; padding: 5px; color: #ffffff; display: block;} .hours td {padding: 5px;} td.dotv {background: #3366cc; width: 1px; height:3px;} .doth {background: url("/images/dot2.gif") repeat-x center center; height:1px;} .sep {background: #009900; height:1px;} /* SPECIAL OFFERS CSS ---------------------------------------------------------- */ .sepspecial {background: #dcdcdc; height:1px;} .boxprodlistspecial {width: 100%; margin: 0px 0px 10px 0px; padding: 0px 0px; border: 1px solid #dcdcdc; border-top: 0px;} .boxprodlistspecial H2 { padding: 0px 0px; font-weight: 800; font-size: 14px; color: #0B85E3; display: block;} .boxprodlistspecial H2 a { font-weight: 800; font-size: 11px; color: #0B85E3; display: block;} .boxprodlistspecial H3 { padding: 0px 0px; font-weight: 800; font-size: 11px; color: #524BAB; display: block;} .boxprodlistspecial H3 a { font-weight: 800; font-size: 11px; color: #ffffff; display: block;} .boxprodlistspecial table {padding: 0px; margin: 15px 0px; } .boxprodlistspecial td { margin: 0px; text-align: left; padding: 2px 5px 2px 5px; font-size: 11px; } .boxprodlistspecial td a {font-weight: 100; font-size: 11px;} .boxprodlistspecial .wasprice {line-height: 10px;} .boxprodlistspecial .saving {line-height: 10px;} /* PRODUCT PAGE CSS ---------------------------------------------------------- */ .boxprodpage {width: 100%; margin: 0px 0px 10px 0px; padding: 0px 0px; border: 1px solid #3366cc; border-top: 0px;} .boxprodpage table {padding: 0px; margin: 0px; } .boxprodpage td { margin: 0px; padding: 0px 0px 0px 0px; font-size: 12px; } #mainimageh {text-align: center; width: 100%;} #mainImageCaption {margin: 0px; background: #3366cc; text-align: center; font-size: 11px; padding: 2px 0px; border-top: 1px solid #3366cc; border-bottom: 1px solid #3366cc;} #imagegallery {margin: 0px; padding: 0px; height: 25px; text-align: center; font-size: 11px; padding: 2px 0px; border-top: 1px solid #3366cc; } td.brandarea {float: left; text-align: center; padding: 2px; border-top: 1px solid #3366cc;} td.prodicons {float: left; text-align: center; padding: 2px; background: #FFFFFF; border-top: 1px solid #3366cc; border-left: 1px solid #3366cc;} .multipleimages {background: #3366cc; width:70px;} .multipleimagespopup {background: #3366cc;} img.imgt2 {width: 70px; height: 70px;} a img.imgt2 {width: 70px; height: 70px; border-right: 1px solid #3366cc; Filter: Alpha(Opacity=65, FinishOpacity=65, Style=1, StartX=0, StartY=0, FinishX=300, FinishY=300); } a:hover img.imgt2 {width: 70px; height: 70px; border-right: 1px solid #3366cc; Filter: Alpha(Opacity=100, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=300, FinishY=300); } a:active img.imgt2 {width: 70px; height: 70px; border-right: 1px solid #3366cc; Filter: Alpha(Opacity=100, FinishOpacity=100, Style=1, StartX=0, Star0tY=0, FinishX=300, FinishY=300);} #productfeat { font-size: 11px; border-top: 1px solid #3366cc; border-right: 1px solid #3366cc; } #productfeat a { font-size: 11px; display: block; background: #ffffff url("/images/leftarrow.gif") no-repeat; background-position: 8px 8px; margin: 0px; color: #000000; padding: 5px 20px; text-transform: capitalise;} #productfeat a:hover {color: #ffffff; font-weight: 100; background: #3366cc url("/images/leftarrow6.gif") no-repeat; background-position: 0px 8px; text-decoration: none; } #delivery { font-size: 11px; border-top: 1px solid #3366cc; } #delivery a { font-size: 11px; margin: 0px; color: #000000; display: block; padding: 10px;} #delivery a:hover {color: #ffffff; background: #3366cc; text-decoration: none; font-weight: 100; display: block;} #delivery div {border-bottom: 1px solid #3366cc; padding: 8px; margin: 0px; font-size: 11px;} #target { margin: 0px 0px 0px 0px; overflow: hidden; height: 26px; } #target ul { margin: 0px 0 0px 0px; padding: 0px; list-style: none; } #target li { display: inline; margin: 0px; padding: 0px; } #target a { font-size: 10px; text-align: center; color: #ffffff; float: left; background: url("/images/lefttop2.gif") no-repeat left top; margin: 0px; padding: 0px 0px 0px 7px; text-decoration:none; text-transform: normal; line-height: 12px; } #target a span { margin: 0px; float: none; display: block; background: url("/images/righttop2.gif") no-repeat right top; padding: 8px 8px 9px 0px; font-weight: 800; } #target a:hover { text-decoration:underline; background-position: 0% -50px; color: #ffffff; } #target a:hover span { background-position: 100% -50px; color: #ffffff;} .productpagepricebox {text-align: left;} .productpagepricebox h3 {font-size: 14px; text-align: left; margin: 10px 0px 10px 0px; color: #339900;} .total {width: 100%; clear: both;} .totalprice { float: left; margin: 0px 10px 10px 0px;} .atbbutton { text-align: right; float: right; margin: 0px 0px 10px 0px; } .pricingbox .optionstop { width: 100%; background: #339900 url("/images/optionsbg.gif"); height: 26px;} .pricingbox .optionstop span{ height: 26px; background: url("/images/optionsr.gif") no-repeat top right; width: 100%;} .pricingbox .optionstop h4 { font-size: 12px; color: #ffffff; padding: 0px 0px 0px 10px; background: url("/images/optionsl.gif") no-repeat top left; line-height: 26px; width: 100%; display: block; height: 26px; margin: 0px; } .pricingbox h4 {font-size: 15px; color: #339900; margin: 0px 0px 10px 0px; padding: 0px;} .productoptionsbox { border: 1px solid #339900; border-top: 0px; padding: 10px; background: #ffffff url("/images/optionsbg2.gif") repeat-x bottom left; float: left; clear: both; width:100%; font-size: 12px; font-family: verdana;} label.tblabel { font-size: 11px; clear: none; line-height: 20px; margin: 0px 10px 0px 10px; white-space: nowrap;} .productoptionsbox input { margin: 0px 5px 0px 0px; padding: 0px; line-height: 10px; white-space: nowrap;} .productoptionsbox form { white-space: nowrap; padding: 0px; margin: 0px;} .productoptionsbox label { white-space: nowrap; font-size: 11px; line-height: 20px; margin: 0px 10px 0px 0px;} .productoptionsbox select { float: left; margin: 5px 0px; font-size: 11px; font-family: verdana, ariel, helvetica; height: 20px; width: 240px; margin: 2px 10px 2px 0px;} .productoptionsbox div {float: left; clear: both; white-space: nowrap; padding: 5px 0px 5px 0px;} .productoptionsbox a { white-space: nowrap; font-size: 11px;} /* PRICING CSS ---------------------------------------------------------- */ .price { color: #DE0000; font-weight: 600; font-size: 11px; text-transform: capitalise; } .price2 { color: #DE0000; font-weight: 600; font-size: 13px; text-transform: capitalise;} .price3 {font-size: 18px; color: #DE0000; font-weight: 600; line-height: 20px; text-transform: capitalise; } .price4 {font-size: 12px; line-height: 13px; color: #DE0000; font-weight: 600; clear: both;} .price7 {font-size: 12px; line-height: 12px; color: #DE0000; font-weight: 600; text-transform: capitalise;} .price10 { display: inline; font-size: 10px; line-height: 12px; color: #3366cc; font-weight: 600; text-transform: capitalise;} a .price10 {font-size: 10px; line-height: 12px; color: #DE0000; font-weight: 600; text-transform: capitalise;} .saving {color: #DE0000; font-size: 10px; font-weight: 100; line-height: 12px; clear: both;} .wasprice { font-size: 10px; line-height: 18px; color: #999999; font-weight: 100; text-decoration: none; text-transform: capitalize; whitespace: no-wrap; } .rrp { font-size: 10px; line-height: 10px; color: #888888; font-weight: 100; text-transform: capitalize ; whitespace: no-wrap;} /* COOKIE CSS ---------------------------------------------------------- */ .cookiecrumbs { width: 100%; clear: both; background: #ffffff; margin: 0px 0px 0px 0px; font-size: 10px; color: #000000; width:100%; font-weight: 100; padding: 0px 5px 5px 0px; line-height: 14px;} .cookiecrumbs a { color: #000000; font-size: 10px; font-weight: 100; padding: 0px; margin: 0px; text-decoration: underline;} .cookiecrumbs a:hover { text-decoration: none; color: #000000;} .cookiecrumbs2 { border: 1px solid #3366cc; background: #ffffff; margin: 0px; font-size: 10px; color: #000000; width:100%; font-weight: 100; padding: 4px 5px; line-height: 14px;} .cookiecrumbs2 a { color: #000000; font-size: 10px; font-weight: 100; padding: 0px; margin: 0px; text-decoration: underline;} .cookiecrumbs2 a:hover { text-decoration: none; color: #000000;} /* FOOTER CSS ---------------------------------------------------------- */ #footersearch { text-align: left; margin: 10px 0; border-bottom: #319C18 10px solid; background: url("/images/footersch2.gif") left top repeat-x; height: 59px; padding: 8px 10px 8px 10px; clear: both; } #footertext { text-align: center; margin: 0px; color: #000000; padding: 10px; clear: both; font-size: 11px;} #footertext a, #footertext a:hover {text-align: center; line-height: 16px; clear: both; font-size: 11px;} #footertext2 { text-align: center; margin: 0px auto;line-height: 16px; clear: both; font-size: 11px;} #footertext2 a, #footertext a:hover {text-align: right; line-height: 16px; clear: both; font-size: 11px;} .boxtechnicalheader { position: relative; font-size: 11px; clear: both; background: #ccc; height: 35px; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px;} .boxtechnicalheader .left { background: #e0e0e0 url("") no-repeat top left; color: #333333; position: absolute; height: 35px; left: 0; width: 50%; padding-left:5px;} .boxtechnicalheader .right {color: #333333; position: absolute; height: 35px; text-align: right; background: #e0e0e0 no-repeat top right; right: 0; padding: 2px 35px 0px 0px; width: 50%;} .boxtechnicalheader h2 { line-height: 35px; margin: 0px; display: block; height: 30px; font-size: 12px; padding: 0px; padding-left: 0px; color: #000;} .boxtechnicalcontent { margin: 0px; width: 100%; font-size: 11px; line-height: 16px; border: 1px solid #e0e0e0; border-top: 0px; padding: 0px; } .boxtechnicalcontent p { font-size: 11px; padding: 3px 5px; margin: 0px; border: 1px solid #fff7c5; border-left: 0px; border-right: 0px; width: 100%;} .boxtechnicalcontent tr { border: 1px solid #eee; border-left: 0px; border-right: 0px; padding: 3px 5px;} .boxtechnicalcontent td { border-left: 0px; border-right: 0px; padding: 5px 5px; width: 25%; } .boxtechnicalcontent th { padding: 5px 5px; background: #f3f3f3; text-align: left; font-weight: 800; border-bottom: 1px solid #eeeeee;} .boxtechnicalcontent table {font-size: 11px; border-spacing: 0px 0px; border-collapse: collapse; padding: 0px; width: 100%;}