@charset "utf-8";
/* 
****************************
Bang Template CSS
****************************

/*-- Hacks --*/
*{margin:0px; padding:0px;}
* html .s{font-size:0; white-space:nowrap;}
.s{clear:both; height:0px; line-height:0px; margin:0px; padding:0px; font-size:0px; display: block;}

img{font-size:0px; margin:0px; padding:0px; border:0px; display:block;}

/* -------- CONSTANTS ------------ */

ul{list-style:none;}
a span{display:none;}

body {background:url(/local/images/damp-protex-background2.jpg) top right no-repeat #0c5178; font-size:12px; color:#ffffff; line-height:1.3em; font-family:Arial, Helvetica, sans-serif;}

a {color:#ffffff; text-decoration:none;}
a:hover {color:#ffffff; text-decoration:underline;}

p {margin-bottom: 1em;}

/*-------------------
Type
--------------------*/
h1 {text-transform: uppercase; font-size:36px;}
h1 strong{text-transform: uppercase; color:#FFCC00;}
h2{font-size:18px; font-weight:normal; line-height:21px;}
h3{font-size:18px; font-weight:normal;}
h4{font-size:14px;}
h5{font-size:12px; font-weight:bold; color:#F15E22; padding:5px 0px 5px 0px;}

span{color:#F15E22;}

hr{border:0px; font-size:0px; clear:both; line-height:0px; visibility:hidden;}

.divider{background:url(/local/images/assets/dotted_line.gif) repeat-x; border:0px; height:2px; clear:both; font-size:0px; line-height:0px; margin:20px 0px 10px 0px;}

#wrap{width:980px; margin:15px auto; padding:0px;}

/* -------- Content -------------- */

#head{width:965px;}
#head #logo{background:url(/local/images/assets/damp-protex-logo.png) no-repeat; width:230px; height:99px; margin:0px 0px -20px -5px;}
#head #logo h1 a{display:block; width:230px; height:99px; margin:0px 0px -20px -5px;}
#head h3{float:right;}

#head #corp ul{float:right; margin:0px 0px 10px 0px;}
#head #corp ul li{float:left; margin:0px 0px 0px 10px; display:inline;}

#content{margin:10px 0px 0px 0px;}
#content #left{float:left; margin:0px 10px 0px 0px; display:inline;}
#content #left #menu .menu_box_top{background:url(/local/images/assets/menu_top.png) no-repeat; width:205px; height:10px; font-size:0px; line-height:0px;}
#content #left #menu .menu_box_middle{background:url(/local/images/assets/menu_middle.png) repeat-y; width:205px; padding:0px; margin:0px;}
#content #left #menu .menu_box_bottom{background:url(/local/images/assets/menu_bottom.png) no-repeat; width:205px; height:19px;}

#content #left #menu ul{width:180px; margin:0px 0px 0px 10px; font-size:14px;}
#content #left #menu ul li{border-bottom:1px solid #FFFFFF; background:url(/local/images/assets/arrow.png) no-repeat right; padding:5px;}
#content #left #menu ul li.last{border-bottom:0px;}

#content #right{float:left;}
#content #right #intro .top{background:url(/local/images/content/intro_top.png) no-repeat; width:750px; height:17px;  font-size:0px; line-height:0px;}
#content #right #intro .middle{background:url(/local/images/content/intro_middle.png) right; width:751px; color:#002C5C;}
#content #right #intro .middle h2{padding:0px 0px 10px 0px;}
#content #right #intro .middle .findout{margin:40px 0px 0px 0px;}
#content #right #intro .bottom {background:url(/local/images/content/intro_bottom.png) no-repeat; width:750px; height:27px;}

.text{padding:0px 0px 0px 20px;}
.text2{padding:5px 0px 5px 0px;}

.extra{margin:0px 0px 0px 10px; display:inline;}
.container{width:496px; float:left;}

.col1{width:250px; float:left;}
.col2{width:496px; float:left;}
.col3{width:743px; float:left;}
.colOrange{width:240px; float:left;}

.col1 .top{background:url(/local/images/assets/col1-top.png) no-repeat; width:250px; height:14px; font-size:0px;}
.col1 .middle{background:url(/local/images/assets/col1-center.png) repeat-y; width:250px; color:#002C5C;}
.col1 .middle .center{margin:0px 25px 0px 20px; min-height:220px;}
.col1 .middle .center img{margin:5px 0px 10px 0px; float:right;}
.col1 .middle .center h3{padding:0px 0px 5px 0px;}
.col1 .middle .center h4{padding:0px 0px 5px 0px;}
.col1 .middle .center ul{margin:5px 0px 0px 0px;}
.col1 .middle .center ul li{border-top:1px solid #AFAFB7; background:url(/local/images/assets/tick.gif) bottom left no-repeat; padding:5px 0 5px 28px; font-weight:bold;}
.col1 .middle .center ul li.last{border-bottom:1px solid #AFAFB7; }
.col1 .middle .center ul.standard{margin:5px 0px 10px 0px;}
.col1 .middle .center ul.standard li{border-top:1px solid #AFAFB7; background:none; padding:5px 0; font-weight:normal;}
.col1 .middle .center ul.standard li.last{border-bottom:1px solid #AFAFB7; }
.col1 .middle .center a{color:#002C5C; font-weight:bold;}
.col1 .middle .uk{background:url(/local/images/content/uk.gif) no-repeat; width:205px; height:427px;}

.col1 .bottom{background:url(/local/images/assets/col1-base.png) no-repeat; width:250px; height:22px;}

.colOrange .top{background:url(/local/images/assets/col1-top-orange.png) no-repeat; width:240px; height:13px; font-size:0px;}
.colOrange .middle{background:url(/local/images/assets/col1-center-orange.png) repeat-y; width:240px; color:#ffffff;}
.colOrange .middle .center{margin:0px 25px 0px 20px; min-height:220px;}
.colOrange .middle .center img{margin:5px 0px 10px 0px; float:right;}
.colOrange .middle .center h2{font-size:21px; line-height:24px;}
.colOrange .middle .center h3{padding:0px 0px 5px 0px;}
.colOrange .middle .center h4{padding:0px 0px 5px 0px;}
.colOrange .middle .center ul{margin:5px 0px 0px 0px;}
.colOrange .middle .center ul li{border-top:1px solid #AFAFB7; background:url(/local/images/assets/tick.gif) bottom left no-repeat; padding:5px 0 5px 28px; font-weight:bold;}
.colOrange .middle .center ul li.last{border-bottom:1px solid #AFAFB7; }
.colOrange .bottom{background:url(/local/images/assets/col1-base-orange.png) no-repeat; width:240px; height:21px;}

.col2 .colOrange{margin:300px 0px 0px 220px; display:inline;}
.col2 .colOrange .top{background:url(/local/images/assets/col1-top-orange.png) no-repeat; width:240px; height:13px; font-size:0px;}
.col2 .colOrange .middle{background:url(/local/images/assets/col1-center-orange.png) repeat-y; width:240px; color:#ffffff;}
.col2 .colOrange .middle .center{margin:0px 25px 0px 20px; min-height:100px;}
.col2 .colOrange .middle .center img{margin:5px 0px 10px 0px; float:right;}
.col2 .colOrange .middle .center h2{font-size:21px; line-height:24px;}
.col2 .colOrange .middle .center h3{padding:0px 0px 5px 0px;}
.col2 .colOrange .middle .center h4{padding:0px 0px 5px 0px;}
.col2 .colOrange .middle .center ul{margin:5px 0px 0px 0px;}
.col2 .colOrange .middle .center ul li{border-top:1px solid #AFAFB7; background:url(/local/images/assets/tick.gif) bottom left no-repeat; padding:5px 0 5px 28px; font-weight:bold;}
.col2 .colOrange .middle .center ul li.last{border-bottom:1px solid #AFAFB7; }
.col2 .colOrange .bottom{background:url(/local/images/assets/col1-base-orange.png) no-repeat; width:240px; height:21px;}


.col2 .top{background:url(/local/images/assets/col2-top.png) no-repeat; width:496px; height:17px;}
.col2 .middle{background:url(/local/images/assets/col2-center.png) repeat-y; width:496px; color:#002C5C;}
.col2 .middle ul.damp{margin:0px 0px 0px 20px;}
.col2 .middle ul.damp li{float:left;}
.col2 .middle .center{margin:0px 25px 0px 20px;}
.col2 .middle .center h2{padding:0px 0px 5px 0px; line-height:25px;}
.col2 .middle .center h3{padding:0px 0px 5px 0px;}
.col2 .middle .center img{float:right;}
.col2 .middle .center ul{margin:20px 0px 0px 0px;}
.col2 .middle .center ul li{border-top:1px solid #AFAFB7; background:url(/local/images/assets/tick.gif) bottom left no-repeat; padding:5px 0 5px 28px; font-weight:bold;}
.col2 .middle .center ul li.last{border-bottom:1px solid #AFAFB7; }
.col2 .middle .center ul.fl{width:210px; float:left; margin:20px 10px 0px 0px; display:inline;}
.col2 .middle .center ul.standard li{float:left; border:0px; background:none; padding:0px; margin:0px; display:inline;}
.col2 .middle .center ul.standard li.image1 a{width:220px; height:191px; background:url(/local/images/content/pics4Man.gif) no-repeat; display:block;}
.col2 .middle .center ul.standard li.image2 a{width:220px; height:191px; background:url(/local/images/content/pics4Van.gif) no-repeat; display:block;}
.col2 .middle .center ul.standard li.image3 a{width:220px; height:191px; background:url(/local/images/content/pics4Spray.gif) no-repeat; display:block;}
.col2 .middle .center ul.standard li.image4 a{width:220px; height:191px; background:url(/local/images/content/pics4Pump.gif) no-repeat; display:block;}

.col2 .middle .center .left{width:220px; float:left; margin:0px 10px 0px 0px; display:inline; font-size:0.9em;}
.col2 .middle .center .right{width:220px; float:left; font-size:0.9em;}
.col2 .middle .center .right img{margin:0px 0px 20px 0px;}
.col2 .bottom{background:url(/local/images/assets/col2-base.png) no-repeat; width:496px; height:24px;}
.col2 .contact{ background:url(/local/images/content/big-company.png) no-repeat; height:460px;}

.col3 .top{background:url(/local/images/assets/col3-top.png) no-repeat; width:753px; height:17px; font-size:0px;}
.col3 .middle{background:url(/local/images/assets/col3-center.png) repeat-y; width:753px; color:#002C5C;}
.col3 .middle .text2{padding:0px 20px 20px 20px;}
.col3 .middle .text2 h2{padding:0px 0px 20px 0px;}
.col3 .middle .left{width:249px; float:left; padding:0px 0px 0px 20px;}
.col3 .middle .left h3{padding:0px 0px 5px 0px;}
.col3 .middle .left h4{padding:0px 0px 10px 0px;}
.col3 .middle .left img{float:left; margin:0px 20px 0px 0px;}
.col3 .middle .right{width:454px; float:left; margin:0px 20px 0px 0px; display:inline;}
.col3 .bottom{background:url(/local/images/assets/col3-base.png) no-repeat; width:753px; height:23px; font-size:0px;}

.findout{width:130px; height:26px; clear:both;}
.findout a{background:url(/local/images/assets/find-out-more.gif) no-repeat; display:block; width:130px; height:26px;}
.request{width:200px; height:54px; clear:both;}
.request a{background:url(/local/images/content/download.gif) no-repeat; display:block; width:200px; height:54px;}

.rights{padding:10px; font-size:10px; margin:250px 0px 0px 0px;}
.rights ul li{float:left; margin:0px 0px 0px 5px; display:inline;}
.rights ul li.first{float:left; margin:0px;}

ul.sitemap{}
ul.sitemap li{margin:5px 0px 5px 0px;}
ul.sitemap a{color:#002C5C;}