img{border:0px;}
html{height:100%;}
body{margin:0 auto;padding:0;background:url(css/images/bg.gif) #fff 50% 0 repeat-y;color:#000;font:75%/1.5em arial, sans-serif;height:100%;text-align:center;}
h1{margin:0 0 1.5em 0;padding:0 0 0 22px;background:url(css/images/h1.gif) #fff 0 50% no-repeat;color:#0082c9;font-size:130%;}
.home h1{background-color:#fff;color:#0082c9;}
h2{margin:0 0 0.5em 0;padding:0 0 0 22px;font-size:130%;}
form{line-height:25px;margin:0 0 0 3px;}
#othercontainer{height:1%;aquaclad-frameoverflow:hidden;margin:0;padding:0;}
p.intro{display:none;}
fieldset{border:0;margin:0;padding:0;width:450px;}
#regform, #contactform{width:450px;}
#loginForm{background:url(css/images/login-bg.gif) repeat-x 0 0;padding:5px;margin:0 0 45px 0;}
#registrationForm{background:url(css/images/register-bg.gif) repeat-x 0 0;padding:5px;}
#content div  .form-container  h2, #content .form-container  h2{background-color:transparent !important;}
.form-container{overflow:hidden;height:1%;width:390px;}
#leftpagecontent{width:350px;float:left;}
#rightpagecontent{margin-top:40px;float:right;}
div.pagecontent p.brochure{margin:2em 0 1em 0;padding:0 0 0 0px;background:url(css/images/brochure.gif) #fff 22px 50% no-repeat;color:#0082c9;height:52px;display:block;}
div.pagecontent p.brochure a, div.pagecontent p.brochure a:hover{display:block;padding:10px;padding-left:82px;margin-left:0px;background:none;}
div.pagecontent sup{font-size:0.7em;}
#navigation sup{font-size:75%;}
.floatR{float:right;}
a{color:#0082c9;text-decoration:none;}
a:hover{text-decoration:underline;}
.cb{clear:left;}
#body{margin:0 auto;padding:0 7px;background:url(css/images/bg.gif) #fff 50% 0 repeat-y;color:#000;width:900px;}
#container{margin:0 auto;padding:120px 0 0 0;background-image:url(css/images/header.jpg);background-color:#fff;background-repeat:no-repeat;color:#000;text-align:left;}
.home #container{background-image:url(css/images/header_home.jpg);}
#navigation{float:left;position:relative;top:-85px;margin:0;padding:0 27px 0 38px;width:189px;}
#navigation p{margin:6em 0 0 0;padding:0;font-size:90%;}
#navigation ul, #navigation ul li, .resource{margin:0;padding:0;list-style-type:none;}
#navigation ul li{padding:2px 0;background:url(css/images/nav_border.gif) transparent 20px 0 no-repeat;}
#navigation ul li.home{background:none;}
#navigation ul li.first{background:none;}
#navigation ul li a{display:block;margin:0;padding:0 0 0 20px;background-image:url(css/images/nav.gif);background-color:transparent;background-position:0 50%;background-repeat:no-repeat;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:bold;width:159px;white-space:nowrap;font-size:12px;line-height:18px;}
#navigation ul li a:hover, #navigation ul li a.current{background-image:url(css/images/nav_hover.gif);color:#fff;}
#navigation ul li.home a, #navigation ul li.home a:hover{position:relative;top:-26px;left:14px;display:block;margin:0;padding:0;background:none;text-indent:-1000em;text-decoration:none;width:149px;height:75px;}
#container #logo-holder{position:relative;height:1%;}
#container #waterplex-logo{position:absolute;top:-107px;right:13px;height:1%;}
#container #waterplex-logo a{width:70px;height:62px;display:block;text-decoration:none;background:url(css/images/clear.gif) no-repeat 0 0;text-indent:-9000em;}
#content{margin:10px 0 0 274px;padding:0 40px 0 0;background-color:#fff;color:#000;}
.home #content{margin:250px 0 0 274px;}
#content div.categorytitle{float:left;height:20px;width:550px;background:#2a388f;font-size:120%;font-weight:bold;padding:5px;margin:0 0 5px 0;line-height:20px;display:block;color:#fff;}
#content div.productcontainer{width:550px;margin:0;border:0;padding:5px;float:left;background-image:url(css/images/product_bg.jpg);background-repeat:repeat-x;display:block;}
#content div.productcontainer div.productimage{width:170px;float:left;}
#content div.productcontainer div.producttext{width:260px;float:left;padding:10px 2px 2px 10px;}
#content div.productcontainer div.producttext h2{margin:0 0 0.2em 0;padding:0;color:#0082c9;font-size:120%;background:none;}
#content div.productcontainer div.producttext h2 a{background:transparent;font-weight:bold;padding:0;}
#content div.productcontainer div.producttext a{background:transparent;padding:0;}
#content div.productbrochure{float:left;margin:2em 0 0 12px;padding:60px 0 0 15px;border-left:2px solid #0082c9;background-image:url(css/images/brochure.gif);background-position:18px 0;background-repeat:no-repeat;width:70px;height:5em;}
#content div.emptyproductbrochure{float:left;margin:2em 0 0 12px;padding:60px 0 0 15px;border-left:2px solid #0082c9;width:70px;height:5em;}
#content ul{margin:0 0 1em 40px;padding:0;}
#content ul.navigation, #navigation ul.navigation{margin:0 0 1.5em 0;padding:0 0 0 22px;list-style-type:none;background-color:#FFFFFF;}
#content ul.navigation li, #navigation ul.navigation li{margin:0;padding:0;list-style-type:none;background:none;background-color:#FFFFFF;}
#content ul.navigation li a,#navigation ul.navigation li a,#content div.brochure a,#content div.productcontainer div.producttext a.read-more{padding:0 0 0 20px;background-image:url(css/images/a.gif);background-position:0 50%;background-repeat:no-repeat;color:#0082c9;text-transform:none;font-weight:normal;}
#content .brochure p{margin:0;}
#content .brochure .brochure-txt-BBorder{margin-bottom:0.8em;}
#content ul.navigation li a:hover, #navigation ul.navigation li a:hover, #content div.brochure a:hover{background-image:url(css/images/a_hover.gif);color:#0082c9;text-decoration:underline;}
#content ul.navigation li a.current{padding:0 0 0 20px;background-image:url(css/images/a_current.gif);color:#000;}
#content ul.navigation li a.current:hover{padding:0 0 0 20px;background-image:url(css/images/a_current.gif);color:#000;text-decoration:none;cursor:default;}
#content div.brochure{float:left;margin:2em 0 0 12px;padding:0px 0 0 0;border-left:2px solid #0082c9;background-image:url(css/images/brochure.gif);background-position:18px 0;background-repeat:no-repeat;width:175px;height:10em;}
#content div h2,#content h2{margin:0 0 0.8em 0;padding:0;background-color:#fff;color:#0082c9;font-size:100%;}
#content div.pagecontent div h3,#content div.pagecontent h3{margin:0 0 0.1em 0px;padding:0;background-color:#fff;color:#0082c9;font-size:110%;}
#content div.pagecontent div h2,#content div.pagecontent h2{margin:0 0 0.8em 0;padding:0;background-color:#fff;color:#000;font-size:130%;}
#content ul.resource{margin:0;padding:0;width:400px;}
.resource li{margin:0 0 5px 0;}
.resource li a{display:block;margin:0;padding:0 0 0 20px;background-image:url(css/images/a.gif);background-position:0 50%;background-color:transparent;background-repeat:no-repeat;text-decoration:none;font-size:12px;line-height:18px;}
.resource li a:hover{background-image:url(css/images/a_hover.gif);text-decoration:underline;}
.cad-drawings{width:99.5%;border-collapse:collapse;margin:0 0 15px 0;}
.cad-drawings td, .cad-drawings th{text-align:center;padding:3px 0;border-bottom:1px solid #0082c9;}
.cad-drawings td{padding:5px 0;}
.cad-drawings th{background:url(css/images/cad-th-bg.gif) repeat-x 0 0;}
.cad-drawings a{font-size:.9em;display:block;line-height:1.2em;}
.pagination{margin:0;padding:0;}
#content .pagination ul{margin:0;padding:0;}
.pagination li{display:block;float:left;padding:0 4px;margin:0 4px 0 0;text-align:center;}
.pagination li a{display:block;}
.pagination li.prevPage a, .pagination li.nextPage a{background:none;}
.pagination a:hover{text-decoration:underline;}
.pagination a.active{text-decoration:none;font-weight:bold;cursor:default;background-color:#ffffff;}
.current-user{color:#0082c9;margin:10px 0;text-align:right;}
div.pagecontent{font-size:100%;margin:0 0 1em 0;padding:0 0 0 22px;}
div.pagecontent p{margin:0 0 1em 0;padding:0;}
div.pagecontent div{margin:0 0 1em 0;padding:0;}
div.pagecontent ul.storage_states{list-style-type:none;margin-left:0px;padding-left:0px;text-align:left;}
div.pagecontent ul.storage_states li{display:inline;border-left:1px solid #0082c9;padding:0px 5px;margin-left:0;}
.tbl_head1{border-top:1px solid #0082c9;border-right:1px solid #0082c9;border-bottom:0px;border-left:1px solid #0082c9;background-color:#E4ECF9;}
.tbl_head2{border-top:1px solid #0082c9;border-right:0px;border-bottom:0px;border-left:1px solid #0082c9;background-color:#E4ECF9;}
.tbl_data1{border-top:1px solid #0082c9;border-right:0px;border-bottom:0px;border-left:1px solid #0082c9;background-color:#FFFFFF;}
.tbl_data2{border-top:1px solid #0082c9;border-right:1px solid #0082c9;border-bottom:0px;border-left:1px solid #0082c9;background-color:#FFFFFF;}
.tbl_notes{border:1px solid #0082c9;background-color:#E4ECF9;}
#content #movie{background-image:url(css/images/movie.jpg);min-height:180px;}
#content #brochure{background-image:url(css/images/brochure.gif);min-height:180px;}
#content #levels{background-image:url(css/images/levels.jpg);min-height:180px;}
#content #levels h2, #content #levels p,#content #movie h2, #content #movie p,#content #brochure h2,#content #brochure p{padding:0 0 0 18px;}
#content span.orderedlist{width:20px;font-weight:bold;font-size:120%;margin:0 5px 0 0;}
#content label,input,select{display:block;float:left;}
input.submitbutton{width:50px;}
#contactdet{width:500px;height:90px;}
#content label.contact{width:175px;}
#content label.brochure{width:120px;}
#content input.textfield{border:1px solid #0082c9;width:200px;}
#content select.selectfield{border:1px solid #0082c9;width:200px;background:white;}
#content select.dayselectfield{border:1px solid #0082c9;background:white;width:62px;}
#content select.monthselectfield{border:1px solid #0082c9;background:white;width:80px;}
#content select.yearselectfield{border:1px solid #0082c9;background:white;width:60px;}
#content input.brochuresubmitimage{border:0;margin:0 0 0 50px;background-color:#FFFFFF;}
#content input.contactsubmitimage{border:0;margin:0 0 0 70px;background-color:#FFFFFF;}
#content input.contactsubmit{margin-left:240px;padding:0 20px 0 0px;background:url(css/images/a.gif) #fff 100% 50% no-repeat;color:#0082c9;font-weight:normal;text-decoration:none;text-align:right;cursor:pointer;}
#content input.contactsubmit_hover{margin-left:240px;padding:0 20px 0 0px;background:url(css/images/a_hover.gif) #fff 100% 50% no-repeat;color:#0082c9;text-decoration:underline;text-align:right;cursor:pointer;}
#content input.warrantysubmit{margin-left:150px;padding:0 20px 0 0px;background:url(css/images/a.gif) #fff 100% 50% no-repeat;color:#0082c9;font-weight:normal;text-decoration:none;text-align:right;cursor:pointer;}
#content input.warrantysubmit_hover{margin-left:150px;padding:0 20px 0 0px;background:url(css/images/a_hover.gif) #fff 100% 50% no-repeat;color:#0082c9;text-decoration:underline;text-align:right;cursor:pointer;}
input.submit{float:right;display:block;cursor:pointer;color:#0082c9;margin:10px 5px 10px 0;padding:0 15px 0 0px;background:url(css/images/a.gif) 100% 50% no-repeat;border:none;}
div > input.submit{padding:0 20px 0 0px;margin:10px 10px 10px 0;}
input.submit_hover{float:right;display:block;cursor:pointer;padding:0 15px 0 0px;margin:10px 5px 10px 0;color:#0082c9;text-decoration:underline;background:url(css/images/a_hover.gif) 100% 50% no-repeat;border:none;}
.form-container select{width:203px;border:1px solid #0082c9;}
div > input.submit_hover{padding:0 20px 0 0px;margin:10px 10px 10px 0;}
#content input.brochsubmit{margin-left:155px;padding:0 20px 0 0px;background:url(css/images/a.gif) #fff 100% 50% no-repeat;color:#0082c9;font-weight:normal;text-decoration:none;text-align:right;cursor:pointer;}
#content input.brochsubmit_hover{margin-left:155px;padding:0 20px 0 0px;background:url(css/images/a_hover.gif) #fff 100% 50% no-repeat;color:#0082c9;text-decoration:underline;text-align:right;cursor:pointer;}
#content input.warrantysubmitimage{border:0;background-color:#FFFFFF;}
#content textarea.contacttextarea{width:375px;height:100px;}
#content textarea.normaltextarea{width:300px;height:100px;}
span.required{color:black;}
p.required{color:#0082c9;font-weight:bold;}
#content ul.photogallery{list-style:none;margin:0;}
#content ul.photogallery img{border:none;}
.photogallery li{float:left;display:block;padding:0;width:150px;height:150px;overflow:hidden;margin:0 0 20px 20px;}
.photogallery li a{padding:0;}
/*** POPUP **/#imgPopup{position:absolute;margin:auto;top:13%;text-align:center;border:1px solid #0082c9;background:#FFF;color:#000;padding:8px;}
#imgPopup img{display:block;}
#imgPopup .imageDescription{background:#E2ECF2;padding:3px 0;color:inherit;margin:0 0 3px 0;}
#imgPopup iframe{border:none;}
body > #imgPopup{position:fixed;}
#imgPopup img{margin-bottom:0;}
#footer{clear:both;margin:0;padding:50px 23px 114px 23px;background:url(css/images/footer.gif) #fff 0 100% no-repeat;color:#6db8e0;text-align:right;font-size:90%;}
#footer ul, #footer ul li{display:inline;margin:0;padding:0;list-style-type:none;}
#footer ul li a{margin:0;padding:0 6px;border-left:1px solid #6db8e0;background-color:#fff;color:#6db8e0;text-decoration:none;}
#footer ul li a:hover{background-color:#fff;color:#0082c9;text-decoration:underline;}
#footer ul li a.first{border-left:none;}
#footer ul li a acronym{display:none;}
#footer ul li a.fp{margin:0;padding:0 16px 0 6px;background:url(css/images/fp.gif) #fff 100% 0 no-repeat;color:#6db8e0;}
#footer ul li a.fp:hover{background:url(css/images/fp_hover.gif) #fff 100% 0 no-repeat;color:#6db8e0;}
div#movie a.brochure_icon, div#movie a:hover.brochure_icon, div#brochure a.brochure_icon, div#brochure a:hover.brochure_icon, div#levels a.brochure_icon, div#levels a:hover.brochure_icon{display:block;height:69px;background:none;text-decoration:none;}
#all_available_sizes{display:none;}
#length, #width, #height{width:100px;}
#content div.pagecontent div h2.frame-colour{padding:20px 0 0 0;}
#content #panel-colours, #content #frame-colours{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;height:135px;}
#content #panel-colours li, #content #frame-colours li{border:1px solid #000;cursor:pointer;float:left;height:20px;margin:2px;width:20px;}
#content p.small{color:#6DB8E0;font-size:90%;}
#colour-simulator{display:block;height:450px;width:550px;}
#colour-selector{float:left;height:400px;width:150px;}
#colour-result{float:left;height:450px;position:relative;width:390px;}
#colour-result div{behavior:url(/js/iepngfix.htc);position:absolute;top:0;left:0;height:438px;width:350px;}
#aquaclad-frame{z-index:2;}
#aquaclad-panel{z-index:1;}
#aquaclad-measure{z-index:3;}
div.aquaclad-description{float:left;width:400px;}
div.aquaclad-description-box{height:120px;}
a.aquaclad-description{margin-left:10px;}