html, body { margin:0; padding:0; font-size: 76%/1.2; font-family: verdana, arial, helvetica, verdana, tahoma, sans-serif; margin:15px;}
p, h1, h2, h3, h4, ul, li, form, input {margin:0px; padding:0px;}/*first zero all this so we're on a level browser playing field*/
h1{font-size: 1.5em; color:#fcb814; margin:0 0 10px 0; padding-left:3px; float:right;}
h2{font-size:.9em; color:#FCB814; background:#0066B3; margin-bottom:5px; padding:4px 10px;}
h2.cl{background:#0066B3 url(../img/corner-l.jpg) left top no-repeat; padding-left:10px; margin-bottom:5px;}
h2.cr{background:#0066B3 url(../img/corner-r.jpg) right top no-repeat; margin-bottom:5px;}
h2.i{background:#0066B3 url(../img/featurecorner-r.jpg) right top no-repeat; width:90%;}
h2.l{background:#0066B3 url(../img/leftnav-corner.jpg) right top no-repeat; margin-bottom:0px;}
h2.r{text-align:right; background:#0066B3 url(../img/titlecorner-left.jpg) left top no-repeat; margin-bottom:0px;}
h2 a{font-size:.9em; color:#FCB814; background:#0066B3; margin-bottom:5px; padding:4px 1px;}
h3{color:#0066B3; font-size: .9em; margin-bottom:5px;}
h3.subheading{font-size:1em; border-bottom: 1px solid #0066B3; margin-bottom:10px;}
h3.orange, h3.orange a{text-align: center; background-color: #0066b3; padding: 5px; color: #fcb814 !important;}
h3.orange a {text-decoration: none;} h3.orange a:hover {text-decoration: underline;}
h1.bathmaster {color:#0066B3; font-size: .9em; margin-bottom:5px; float: none; padding-left: 0;}
h4{color:#0066B3; font-size:.8em; margin-bottom:5px;}
p {margin:5px 0; color:#333; font-size:.8em;}
p.small{margin:1px 0; color:#333; font-size:.6em; padding:0;}
p.smaller{font-size:.7em;}
p.blue{color:#343f8f;}
a{color:#243F8F;}
a:hover{text-decoration:underline;}
a.current{font-weight:bold;}
a img{border:none;}
a.small{margin:1px 0; color:#333; padding:0;}
a.button{background:#eee8d8; padding: 3px 10px; text-decoration:none; color:#243f8f; border:1px solid #666;}
a.button:hover{color:#fcb814; text-decoration:none;}
a.button1{background:#eee8d8; border:1px solid #243f8f; text-decoration:none; color:#243f8f; display:block; float:right; width: 30px; padding:5px; text-align:center; margin:5px;}
a.button1:hover{background:#243f8f; color:#fcb814; text-decoration:none;}
a.red{color:#f00; font-weight:bold;}
h2.l a {text-decoration: none;}
h2.l a:hover {text-decoration: underline;}
.shortbox a {text-decoration: none;}
.shortbox a:hover {text-decoration: underline;}
/*-----misc useful classes------*/
.alnrt{text-align:right;}
.red{color:#f00; font-weight:bold;}
.redtext{color:#f00; font-weight:bold; font-style:italic;}
.cross{text-decoration:line-through;}
.pad {padding:15px;}
.vatexempt {color:Green; font-weight:bold;}
.clear2, .clear {clear:both; width:100%; height:1px; margin:0; padding:0; font-size:1px;}
html>body .clear{clear:both; width:100%;}
hr.thinline{height:1px; color:#ddd; width:90%;}
/*-------form stuff------*/
input.button, input#btnAddToCart{background:#eee8d8; padding: 2px 9px; border:1px solid #243f8f; text-decoration:none; color:#243f8f;}
input, textarea, select.reg{border:1px solid #999;}
input.emailaddress {width:300px;}
input.mediumfield {width:300px;}
input.passwordfield {width:200px;}
input.tinyfield {width:80px;}
.subtext{margin:1px 0; color:#333; font-size:.9em; padding:0;}
select.mediumselect {width:200px;}
select.largeselect {width:300px;}
select.tinyselect {width:80px;}
fieldset{padding:10px; border:1px dashed #fcb814; margin:10px;}
legend {padding:3px 10px; color:#333; border:1px dashed #fcb814; background-color:#fff;}
/*Page Numbering on the product listings page*/
span.numbers{color:#343f8f; font-size: 1.2em;}
span.numbers a.current{border:1px solid #0066b3; padding: 2px 4px; background:#fcb814;}
span.numbers a{padding: 2px 4px; border:1px solid #fff;}
span.numbers a:hover{padding:2px 4px; border:1px solid #0066b3; background:#fcb814;}
/*-----various bits of image and text aligning --------*/
img.leftnoborder{float:left; margin:3px; vertical-align:middle;}
img.imgborder{border:1px solid #000;}
.imgcon{width:130px; float:left;}
div.imgcon2{width:130px; float:left;}
div.imgcon2 img {margin:3px auto; display:block; text-align:center; border:1px solid #fff;}
.txtcon{margin-left: 140px; min-height: 85px; height: auto; _height: 85px; margin-bottom:5px; margin-top:5px;}
.txtconbig{margin-left:310px; min-height:350px; height:auto; _height:350px;}
.txtcat{margin-left:140px; }
img.vmid{vertical-align:middle;}
.centerthis{width:60%; margin:0 auto; text-align:center;}
img.left{float:left; margin:3px; vertical-align:middle; border:1px solid #fff;}
img.right{float:right; padding:5px; border:1px solid #0066b3;}
img.leftimg{float:left; padding:5px; border:1px solid #0066b3; margin:10px; }
.itempic{float:left; text-align:center; margin:10px; padding:10px; border:0px;}
.itempic img{margin-bottom:10px;}
.h80 {min-height: 80px; height: auto; _height: 80px;}
/*-------- basic structural stuff -----*/
#wrapper {width:100%; float:right; margin-left:-204px; display:inline;}
#content {margin-left:204px; padding:0 0 5px 10px;}
/*----I don't know what these are for------*/
#wrapperpopup{width:100%; text-align:left;}
#contentpopup{margin-left:0px;}
/*-----The left navigation -----*/
#left {width: 204px; float: right; padding:0 0 5px 0; margin: 0;}
#left #prodnav{color:#243F8F;}
#left h2{background:#0066B3 url(../img/leftnav-corner.jpg) right top no-repeat; margin-bottom:0px;}
.prodnav{margin: 0 0 10px 0; background: #fff; border: 1px solid #0066B3; font-size:.9em;}
.prodnav img{vertical-align:middle; border:1px solid #0066b3; margin:2px 8px 2px 0;}
.prodnav ul{list-style-type:none;}
.prodnav ul li{margin-left:5px; padding-left: 0px; line-height: 35px;}
.prodnav ul li a{color:#243F8F; text-decoration:none; display:block; width:170px;}
.prodnav ul li a:hover{color:#FCB814;}
.prodnav a, #left a {text-decoration: none;}
.prodnav a:hover {text-decoration: underline;}
.prodnav p{color: #243f8f; margin-top:0px;}
.rssbox{width: 65%; border: 1px solid #0066b3; margin:0 auto; font-size:.9em; text-align:center;}
#footer, #header {background: #0066b3; border-bottom: 1px solid #0066b3; margin: 0 0 10px 0; clear: both;}
#header{height: 130px; background: #0066b3 url(../img/blue-gradient.jpg) right bottom repeat-y;}
#header div.ctL{background: url(../img/banner-left.gif) top left no-repeat; width:100%;}
#header div.ctR{background: url(../img/top-right-corner.gif) top right no-repeat; width:100%; min-height:130px; height:auto; _height:130px;}
#header h1.top{font-family: arial, verdana; padding: 20px 0 0 0; text-align:left; font-size:1.6em;}
#header h2.top2{font-family: arial, verdana; padding: 20px 0 0 3px; text-align:left; font-size:1.6em; color:#fcb814; margin:0 0 10px 0; float:right; background:none;}
/*-------the search form at the top of the page ---------*/
#searchbox{ height:40px; padding:0 5px; float:right; margin: 10px 10px 0 0; text-align:right;}
#searchbox p{font-size:.8em; font-weight:bold;}
#searchbox a{color:#fff;}
#searchbox input.regular{width:150px;}
#searchbox img{padding:0 10px;}
/*-------the shopping basket at the top of the page ---------*/
#topbasket{ height:75px; width:313px; float:right; background: url(../img/corner-basket.gif) bottom left no-repeat; margin:-85px -1px 0 0;}
#topbasket p{color:#666; font-size:.7em; font-weight:bold; line-height:15px;}
#topbasket a{color:#666; padding:2px 4px; border: 1px solid #0066b3;}
#topbasket p.small{font-size: .5em; line-height:10px;}
#topbasket p.small a{border:none; padding:0; text-decoration:underline;}
#topbasket input.tinyfield{ color:#0066B3; padding-left: 5px; width:70px;}
/*THE FRONT PAGE*/
table.mainpage{width:99.9%; float:right; display:inline; position:relative;}
table.mainpage td{vertical-align:top; }
.featurebox2{width:99.9%; vertical-align:top; float:left; margin-bottom:10px; }
.featurebox{width:48.5%; vertical-align:top; float:left; margin-bottom:10px; }
.featurebox2 .box {min-height: 70px; height: auto; _height: 70px; padding:15px;}
.box{border: 1px solid #0066B3; background-color: #F9FDFF; margin-top:0px; min-height: 80px; height: auto; _height: 80px;padding:4px;}
.shortbox{border: 1px solid #0066B3; background-color: #F9FDFF; margin-top:0px; min-height: 65px; height: auto; _height: 65px; float:left; width:100%}
.box p{padding:5px;}
.equalbox{width:48%; float:left;}
.equalbox img{margin:0 auto; display:block;}
.equalbox a {text-decoration: none;}
.equalbox a:hover {text-decoration: underline;}
/*Special offers box*/
.pad{padding:8px;}
.spofbox{float:right; width:250px; border-left:1px solid #0066b3;border-bottom:1px solid #0066b3;border-right:1px solid #0066b3;}
.sootm{width: 80%; max-width: 350px; margin:5px auto; background: transparent url(../img/specialtag5a.gif) right top no-repeat; padding: 10px; border:1px solid #d1d1d1; min-height:85px; height: auto; _height:85px;}
.sootm div.textcon {margin:5px 75px 5px 65px;}
/*----other page layout divisions----*/
.spaceforce{width:1%; float:left; font-size:12px; height:auto;}
html>body .spaceforce {width:2%;}
.boxsmall{border: 1px solid #0066B3; background-color: #F9FDFF; margin-top:0px; min-height: 40px; height: auto; _height: 40px;padding:4px;}
#progressbar{width:100%; margin-bottom:25px;}
#progressbar img{vertical-align:middle; padding:0 5px;}
#progressbar p{font-size:.8em; color:#243F8F;}
.greyline{ border-bottom:10px solid #ddd;}
html>body .greyline{padding-bottom:5px;}
#progressbar span.here {font-weight:bold;}
table.register td.firstcol{width:200px;}
table.checkout td.optioncol{width:50px; text-align:right;}
table.checkout td.largeoptioncol{width:50px; text-align:right;}
table.retailitem{ border-collapse: collapse;width: 98%; margin-left:5px;}
table.retailitem td {border: 1px solid #ddd;}
table.retailitem td.addtocart {width:100px;}
.catlist{border:1px solid #243F8F;}
.catitem {border: 2px solid #fff;}
.cartretail{background:#ECF9FF url(../img/cart-bg.gif) center center no-repeat; min-height: 200px; height: auto; _height: 200px; width:95%;}
.buyoptions{background:#0066b3; }
html>body .buyoptions{width:98%;}
.buyoptions p{color:#fff !important;}
input.quantity{width:30px;}
/*-------the site map --------*/
ul.sitemap1{margin-left:5px; list-style-type:none;}
ul.sitemap1 li{padding-left: 20px; background: url(../img/circle-filled-sm.gif) top left no-repeat; margin-bottom:10px; font-weight:bold;color:#0066B3;}
ul.sitemap1 li a {color:#0066B3;}
ul.sitemap2{margin-left:10px; list-style-type:none;}
.maplevel2{background: url(../img/maparrow.gif) top left no-repeat; margin-top:5px; clear:both;}
ul.sitemap2 li{padding-left:25px; background:transparent; font-size:.9em !important;}
ul.sitemap2 li a { color:#243F8F !important;}
ul.sitemap3{margin-left:10px; list-style-type:none; }
.maplevel3{background: url(../img/maparrowsm.gif) top left no-repeat; margin-top:5px;}
ul.sitemap3 li{padding-left:25px; background:transparent; font-size: .7em; margin-bottom:3px; font-weight:normal;}
ul.sitemap3 li a { color:#243F8F !important;}
/*------the footer and the bottom text nav links ------*/
#footer{ background: #0066b3 url(../img/blue-gradient.jpg) right bottom repeat-y; line-height:50px; border-bottom:0px;}
#footer p{font-weight:bold;text-align:center; color:#fff;}
#footer a{font-weight:bold;text-align:center; color:#fff;}
#footer div.cL{background: url(../img/corner-bottom-left.jpg) bottom left no-repeat; width:100%;}
#footer div.cR{background: url(../img/corner-bottom-right.jpg) bottom right no-repeat; width:100%; }
#bottombit {clear:both; width:100%; text-align:center;}
#bottombit p a{font-size: 1em; color: #555; letter-spacing: 0.2em;}
ul.bathmaster {margin: 5px 0 5px 20px; color:#333; font-size:.8em;}