body {
	background-image: url(/common/images/mainbg.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0;
	padding:0;
}
html{
	overflow: -moz-scrollbars-vertical;

}
div.header{
position: relative;
background-image: url(/common/images/header/header_background.jpg);
background-repeat: no-repeat;
background-position: center;
height: 203px;
width: 780px;
}

#justgulp{
margin: 0;
padding: 0;
width: 158px;
height: 108px;
position: absolute;
left:0px;
top: 70px;
}

#info{
margin: 0;
padding: 0;
width: 170px;
height: 59px;
position: absolute;
left:0px;
top: -95px;
}

#content{
	position: relative;
	width:780px;
	height:auto;
	background:url(/common/images/left-bg-fix-repeater.gif) repeat-x 0 0;
}
#column_left{
	border: 0;
	margin:0;
	padding: 0;
	width: 161px;
	
	/*background-color: white;
	position: absolute;
	top: 0px;
	left:0px;*/
	
	float:left;
}
#column_middle{
	background-color:white; 
	width:450px;
	border: 0;
	margin:0 0 0 160px;
	padding: 0;
	top:0px;
	left:0px;
	position: relative;
	background-image: url(/common/images/main/maincontentbg.jpg);
	background-repeat: no-repeat;
}
#column_right{
	width: 170px;
	background-color: white;
	position: absolute;
	top: 0px;
	left: 610px;
	border: 0;
	margin:0;
	padding: 0;
}
/*search #############################################*/

div.search{
width: 308px;
height: 54px;
float: right;
position: relative; /*search position relative for absolute positioned sub elements*/
}

.text {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	letter-spacing: -1px;
	text-decoration: none;
	text-align: center;
	line-height: 30px;	
	margin: 7px 10px 8px 10px;
	padding: 0; 
}

#search{
margin: 4px 6px 3px 15px;
padding: 0;
width: 167px;
height: 18px;
position: absolute;
left:45px;
top: 0px;
}
#go{
	margin: 3px 18px 0 4px;
	padding: 0;
	height: 47px;
	width: 50px;
	position: absolute;
	left:234px;
	top: 0px;
}
/*breadcrumb ###############################################*/

div.breadcrumb{
	position:absolute;
	top:20px;
	left:0px;
}
div.breadcrumb, div.breadcrumb a, div.breadcrumb a:link, div.breadcrumb a:visited, div.breadcrumb a:active{
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#003675;
	line-height:28px;	
	text-decoration: none;
	margin-top:11px;
	margin-left:5px;
	margin-right:5px;	
}
	
div.breadcrumb a:hover{
	color:#E11A4F;
	line-height:28px;
}

#breadcrumbend {
font-weight: bold;
}
/*Top Nav ################################################*/

div.topnav {
	position:absolute;
	top:0px;
	left:0px;
}

div.topnav a, div.topnav a:link, div.topnav a:visited, div.topnav a:active {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	letter-spacing: -1px;
	text-decoration: none;
	padding:7px 10px 7px 10px;
	border-right: 1px solid #1093FF;
	border-left: 1px solid #1BDCFF;
	line-height:30px;
	background-image: url(/common/images/buttons/slice.gif);
	background-repeat: repeat-x;
}
div.topnav a:hover{
	color:#FFFFFF;
	background-position: 0 -30px;
}
/*Top Nav On State ############################################*/

#topnavon {
	background-position:0 -30px;	
}

/*Right Column Content ##############################################*/

.ordernowbutton{
	width:170px;
	height:89px;
	margin: 0;
	padding: 0;	
	}
.ordernowbutton a,.ordernowbutton a:link,.ordernowbutton a:active,.ordernowbutton a:visited {
	display : block;
	background-image: url(/common/images/buttons/ordernowbutton.gif);
	background-repeat: no-repeat;
		}
.ordernowbutton a:hover {
	background-position:0 -89px;
	background-repeat: no-repeat;
	}

.imageborder{
	border-left:white 40px solid;
	padding: 0;
	margin: 0;
}
	
/*Right Quick Links##############################################*/
	
ul.rightquicklinks{
	font-size:11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #E11A4F;
	list-style-type:none;
	text-align: left;
	margin: 0 0 25px 5px;
	padding: 0;
	border: 0;
}

ul.rightquicklinks li a, ul.rightquicklinks li a:link, ul.rightquicklinks li a:active, ul.rightquicklinks li a:visited{
	color:#003675;
	display: block;
	padding:0;
	margin: 0 0 3px 5px;
	text-decoration: none;
	border:0;	
	line-height: 12px;
}
ul.rightquicklinks li a:hover {
	color : #E11A4F;
	padding:0;
	margin: 0 0 3px 5px;
	display: block;
}
ul.rightquicklinks li.rightquicklinkson a,  ul.rightquicklinks li.rightquicklinkson a:link, ul.rightquicklinks li.rightquicklinkson a:active, ul.rightquicklinks li.rightquicklinkson a:visited, ul.rightquicklinks li.rightquicklinkson a:hover {
	display: block;
	color : #E11A4F;
	padding:0;
	margin: 0 0 3px 5px;	
}	


/*End Quicklinks##################################*/
ul.rightquicklinks2{
	font-size:11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #E11A4F;
	list-style-type:none;
	text-align: left;
	margin: 0 0 0 25px;
	padding: 0;
	border: 0;
}

ul.rightquicklinks2 li a, ul.rightquicklinks2 li a:link, ul.rightquicklinks2 li a:active, ul.rightquicklinks2 li a:visited{
	color:#003675;
	display: block;
	padding:0;
	margin: 0 0 3px 5px;
	text-decoration: none;
	border:0;	
	line-height: 12px;
}
ul.rightquicklinks2 li a:hover {
	color : #E11A4F;
	padding:0;
	margin: 0 0 3px 5px;
	display: block;
}

/*button##################*/
.orderyoursnowbutton{
	width:170px;
	height:81px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
	border:0;
	}
.orderyoursnowbutton a,.orderyoursnowbutton a:link,.orderyoursnowbutton a:active,.orderyoursnowbutton a:visited {
	display : block;
	background-image: url(/common/images/buttons/orderyoursnowbutton.gif);
	background-repeat: no-repeat;
	}
.orderyoursnowbutton a:hover {
	background-position:0 -81px;
	background-repeat: no-repeat;
	}

/*Main Content ##############################################*/


a.schoollinks, a:link.schoollinks, a:active.schoollinks, a:visited.schoollinks {
	text-decoration: none;
	color:#003675;
	font-size:11px;
	font-weight: bold;
}
a:hover.schoollinks  {
	color: #E11A4F;
	
}
/*Header Images ####################################*/

#womanwithglass{
	position: absolute;
	left:257px;
	top:-93px;
	margin:0;
	padding: 0;
}
#handonbutton{
	position: absolute;
	left:239px;
	top:-134px;
	margin:0;
	padding: 0;
}
#bottlesandpounds{
	position: absolute;
	left:212px;
	top:-127px;
	margin:0;
	padding: 0;
}
#coolers{
	position: absolute;
	left:269px;
	top:-126px;
	margin:0;
	padding: 0;
}
#menandvans{
	position: absolute;
	left:168px;
	top:-120px;
	margin:0;
	padding: 0;
}
#orderyourwatergirl{
	position: absolute;
	left:295px;
	top:-140px;
	margin:0;
	padding: 0;
}
#seewhatyoucansavegirl{
	position: absolute;
	left:273px;
	top:-123px;
	margin:0;
	padding: 0;
}
#manwithtrolley{
	position: absolute;
	left:265px;
	top:-84px;
	margin:0;
	padding: 0;
}
#officemanatcooler{
	position: absolute;
	left:217px;
	top:-105px;
	margin:0;
	padding: 0;
}
#childwithglass{
	position: absolute;
	left:230px;
	top:-92px;
	margin:0;
	padding: 0;
}
#womanatlunch{
	position: absolute;
	left:198px;
	top:-115px;
	margin:0;
	padding: 0;
}



h1{
	font-size:21px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #E11A4F;
	letter-spacing: -1px;
	margin-left: 19px;
	margin-top: 0px;
	margin-bottom: 10px;
}
h2{
	font-size:16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #003675;
	margin-left: 19px;
	margin-top: 0px;
}
p{
	font-size:12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #003675;
	margin: 12px 21px 10px 21px;
	padding: 0;
	text-align: justify;	
}
input {
	font-size:12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #003675;
}
text {
	font-size:12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #003675;
	
}
textarea {
	
	font-size:12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #003675;
	width:143px;
}

p.width234{
	width: 234px;
	}

/*Images ######################################*/
div.imagemargins{
	margin: 5px 19px 5px 19px;
	padding: 0 0 0 0;
}

/*bullet points#######################################*/
div.bulletstop{
	background-image: url(/common/images/main/bullets/bulletstopright.gif);
	background-color: #E4FBFF;
	background-repeat: no-repeat;
	height: 11px;
	background-position: top right;
	margin: 0 0 0 20px;
	} 
div.bulletsbg{
	background-color: #E4FBFF;
	margin: 0 0 0 20px;
	padding:0;
}

ul.bulletsmiddle{
	color: #003675;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style:none; 
	padding:0 0 0 7px;	
	margin:0;
}
li.bulletsmiddle{
	background-image: url(/common/images/main/bullets/bullet.jpg);
	background-position: left;
	background-repeat: no-repeat;
	line-height: 21px;
	padding:0 0 0 25px;	
			
}
li.indent{
	padding:5px 5px 5px 26px;
	margin:0;
}
div.bulletsbottom{
	background-image: url(/common/images/main/bullets/bulletsbottomright.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #E4FBFF;	
	margin: 0 0 0 20px;
	padding:0;
	}
	
div.bulletsimageright{
	background-color: #E4FBFF;
	height: 11px;
	margin: 0 0 0 20px;
	padding:0;
}


/*Bullet Images ####################################################*/

#relative, #relative1, #relative2{
	position: relative;
	border-top: solid 1px #E4FBFF;
	border-bottom: solid 1px #E4FBFF;
	
}
#manatcooler{
	position:absolute;
	left:300px;
	top:-29px;
	margin: 0;
	padding: 0;	
}
#deliverthroughoutbritain{
	position: absolute;
	left:0px;
	top:-31px;
	margin: 0;
	padding: 0;	
}

#comfortforclients{
	position: absolute;
	left:0px;
	top:-36px;
	margin: 0;
	padding: 0;	
}
#freesanitisation{
	position: absolute;
	left:300px;
	top:-29px;
	margin: 0;
	padding: 0;	
}
#freefromchemicals{
	position: absolute;
	left:300px;
	top:-25px;
	margin: 0;
	padding: 0;	
}
#environmental{
	position: absolute;
	left:300px;
	top:-25px;
	margin: 0;
	padding: 0;	
}
#deliveryincludedvans{
	position: absolute;
	left:215px;
	top:-37px;
	margin: 0;
	padding: 0;	
}
#waterbottle{
	position: absolute;
	left:0px;
	top:-25px;
	margin: 0;
	padding: 0;	
}
#hotandcold{
	position: absolute;
	left:0px;
	top:-26px;
	margin: 0;
	padding: 0;
}
#preventsclassdisruption{
	position: absolute;
	left:300px;
	top:-25px;
	margin: 0;
	padding: 0;	
}
#bulletsright{
	position:absolute;
	top:0px;
	left: 120px;
}
#spacer{
	height:46px;
	padding:0;
}
#spacer1{
	height:65px;
	padding:0;
}

/*News ##########################################################*/

h2.newsgrad{
	background-image: url(/common/images/main/bullets/bulletgrad.jpg);
	background-repeat: no-repeat;
	background-position: left;
	font-size:14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #003675;
	margin:0 0 5px 19px;
	line-height:30px;
	position: relative;
	padding:0 0 0 30px;
	border:0;
}

h2.news{
	background-image: url(/common/images/main/bullets/bulletwhite.jpg);
	background-repeat: no-repeat;
	background-position: left;
	font-size:14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #003675;
	margin:0 0 5px 19px;
	line-height:30px;
	position: relative;
	padding:0 0 0 30px;
	border:0;
}

p.news{
	font-size:12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #003675;
	line-height: 14px;
	margin: 0;
	padding: 5px 10px 5px 10px;
	border: 0;
	text-align: justify;
}

span.date{
	font-size:12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #003675;
	position: absolute;
	left: 300px;
	top:0px;
	margin:0 0 5px 19px;
	text-align: right;
}

ul.faq{
	list-style: disc; 
	font-size:12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #003675;
	line-height: 14px;
	margin: 0 0 0 20px;
	padding: 5px 10px 5px 10px;
	border: 0;
	text-align: justify;	
}

/*Order Form ###########################################*/

div.orderform{
	background-image: url(/common/images/main/orderbg.jpg);
	background-repeat: no-repeat;
	background-position: right;
	position: relative;
	width:410px;
	height: 415px;
	margin:6px 17px 20px 21px;
	padding:0;
}

#orderformheading{
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #003675;
	line-height: 16px;
	text-align: left;
	text-decoration: none;
	margin:0;
	padding:20px 20px 10px 20px;
}
.orderformtext{
	position: absolute;
	left: 260px;
	top:50px;
	width: 130px;
	font-size: 10px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #003675;
	line-height: 10px;
	text-align: left;
	text-decoration: none;
	padding: 0;
	margin:0;
}
#title{
	width:50px;
	height:20px;
	margin-left:94px;
	padding: 0;
}

 table.orderform td{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #003675;
	line-height: 11px;
	text-align: left;
	text-decoration: none;
	margin:0;
	height:19px;
	padding:5px 0px 5px 20px;
}
 table.textbox input{
	line-height: 11px;
	margin:0;
	width:144px;
	height:19px;
	padding:0;
}


.submitposition{
	position: absolute;
	left:285px;
	top:354px;
}


/*Packages ###################################################*/

div.packages{
	background-image: url(/common/images/packages/packagebg.gif);
	background-repeat: no-repeat;
	background-position: right;
	position: relative;
	height: 124px;
	width:410px;
	margin:6px 17px 20px 21px;
	padding:0;
	
}
#seewhatyoucansavegirl{
	margin: 0 0 10px 0;
	padding: 0;
	border:0;
}

div.packagetable{
	border: 0;
	margin: 30px 10px 5px 10px;
	padding: 0;
}


td.bold{
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #003675;
	line-height: 12px;
	text-align: left;
	text-decoration: none;
	margin:0;
	padding:4px 8px 2px 2px;
	
}

.tablealignment {
	margin:30px 10px 0 0 ;
}


td.normal{
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #003675;
	line-height: 12px;
	text-align: left;
	text-decoration: none;
	margin:0;
	padding:4px 8px 2px 2px;
	
}
.package1button{
	width:79px;
	height:124px;
	padding: 0;
	margin: 0;	
	}
	.package1button a,.package1button a:link,.package1button a:active,.package1button a:visited {
	display : block;
	background-image: url(/common/images/buttons/package1button.gif);
	background-repeat: no-repeat;
	}
	.package1button a:hover {
	background-position:0 -124px;
	background-repeat: no-repeat;
	}
.package2button{
	width:79px;
	height:124px;
	padding: 0;
	margin: 0;	
	}
	.package2button a,.package2button a:link,.package2button a:active,.package2button a:visited {
	display : block;
	background-image: url(/common/images/buttons/package2button.gif);
	background-repeat: no-repeat;
	}
	.package2button a:hover {
	background-position:0 -124px;
	background-repeat: no-repeat;
	}
.package3button{
	width:79px;
	height:124px;
	padding: 0;
	margin: 0;	
	}
.package3button a,.package3button a:link,.package3button a:active,.package3button a:visited {
	display : block;
	background-image: url(/common/images/buttons/package3button.gif);
	background-repeat: no-repeat;
	}
	.package3button a:hover {
	background-position:0 -124px;
	background-repeat: no-repeat;
	}
.package4button{
	width:79px;
	height:124px;
	padding: 0;
	margin: 0;	
	}
	.package4button a,.package4button a:link,.package4button a:active,.package4button a:visited {
	display : block;
	background-image: url(/common/images/buttons/package4button.gif);
	background-repeat: no-repeat;
	}
	.package4button a:hover {
	background-position:0 -124px;
	background-repeat: no-repeat;
	}
.package5button{
	width:79px;
	height:124px;
	padding: 0;
	margin: 0;	
	}
	.package5button a,.package5button a:link,.package5button a:active,.package5button a:visited {
	display : block;
	background-image: url(/common/images/buttons/package5button.gif);
	background-repeat: no-repeat;
	}
	.package5button a:hover {
	background-position:0 -124px;
	background-repeat: no-repeat;
	}
.package6button{
	width:79px;
	height:124px;
	padding: 0;
	margin: 0;	
	}
	.package6button a,.package6button a:link,.package6button a:active,.package6button a:visited {
	display : block;
	background-image: url(/common/images/buttons/package6button.gif);
	background-repeat: no-repeat;
	}
	.package6button a:hover {
	background-position:0 -124px;
	background-repeat: no-repeat;
	}
.payasyougobutton{
	width:79px;
	height:124px;
	padding: 0;
	margin: 0;	
	}
	.payasyougobutton a,.payasyougobutton a:link,.payasyougobutton a:active,.payasyougobutton a:visited {
	display : block;
	background-image: url(/common/images/buttons/payasyougobutton.gif);
	background-repeat: no-repeat;
	}
	.payasyougobutton a:hover {
	background-position:0 -124px;
	background-repeat: no-repeat;
	}

.packageorderbutton{
	width:101px;
	height:42px;
	padding: 0;
	margin: 0;	
	}
.packageorderbutton a,.packageorderbutton a:link,.packageorderbutton a:active,.packageorderbutton a:visited {
	display : block;
	background-image: url(/common/images/buttons/packageorderbutton.gif);
	background-repeat: no-repeat;
	}
	.packageorderbutton a:hover {
	background-position:0 -42px;
	background-repeat: no-repeat;
	}

.packageorderposition{
	position: absolute;
	left:308px;
	top:100px;
}

/*Package Comparison ##############################################*/
.comparebg {
	background-image: url(/common/images/packages/packagecomparebg.gif);
	background-repeat: no-repeat;
	height:197px;
	width:413px;
	margin:6px 17px 20px 15px;
	padding:0 0 0 10px;
}

table.normal td {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #003675;
	height:19px;
	text-align: left;
	text-decoration: none;
}
table.normal td.comparetop {
font-weight:bold;
height:32px;
padding-top:5px;
}

div.leftposition{
	position: relative;
	left: 0;
	top: 0;
}

/*Left Nav ####################################################*/
ul.leftnavtext{
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 26px;
	text-align: center;
	text-decoration: none;
	letter-spacing: -0.5px;
	margin: 0;
	padding: 0;
	border: 0;
}

ul.leftnav{
	width: 160px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
ul.leftnav li a, ul.leftnav li a:link, ul.leftnav li a:active, ul.leftnav li a:visited{
	color:#003675;
	height:29px;
	background-image: url(/common/images/buttons/navbutton.gif);
	background-repeat: no-repeat;
	display: block;
	padding:0;
	margin:0;
	text-decoration: none;
	border:0;	
}
ul.leftnav li a:hover {
	background-position:0 -29px;
	color : #FFFFFF;
	padding:0;
	margin:0;
	display: block;
}
ul.leftnav li.leftnav_grad {
	height: 29px;
	width: 160px;
	margin: 0;
	padding: 0;
	border: 0;
}

ul.leftnav li.leftnav_grad a,ul.leftnav li.leftnav_grad a:link,ul.leftnav li.leftnav_grad a:active,ul.leftnav li.leftnav_grad a:visited{
	background-image: url(/common/images/buttons/navbuttongrad.gif);
	background-repeat: no-repeat;
	padding:0;
	margin:0;
	}

ul.leftnav li.leftnav_grad a:hover {
	background-position:0 -29px;
	color : #FFFFFF;
	padding:0;
	margin:0;
}
/*Second Button ###################################################*/
ul.leftnav li.leftnav_grad2 {
	height: 29px;
	width: 160px;
	margin: 0;
	padding: 0;
	border: 0;
}

ul.leftnav li.leftnav_grad2 a,ul.leftnav li.leftnav_grad2 a:link,ul.leftnav li.leftnav_grad2 a:active,ul.leftnav li.leftnav_grad2 a:visited{
	background-image: url(/common/images/buttons/navbuttongrad2.gif);	
	background-repeat: no-repeat;
	padding:0;
	margin:0;
}

ul.leftnav li.leftnav_grad2 a:hover {
	background-position:0 -29px;
	color : #FFFFFF;
	padding:0;
	margin:0;
}

/*Sub Nav ################################################*/

ul.leftnav li.subnavgrad a, ul.leftnav li.subnavgrad a:link, ul.leftnav li.subnavgrad a:active, ul.leftnav li.subnavgrad a:visited{
	color:#003675;
	height:29px;
	background-image: url(/common/images/buttons/subnavbuttongrad.jpg);
	background-repeat: no-repeat;
	display: block;
	font-size: 11px;
	line-height: 26px;	
}
ul.leftnav li.subnavgrad a:hover {
	background-position:0 -29px;
	display: block;
}

ul.leftnav li.subnav a, ul.leftnav li.subnav a:link, ul.leftnav li.subnav a:active, ul.leftnav li.subnav a:visited{
	color:#003675;
	height:29px;
	background-image: url(/common/images/buttons/subnavbutton.gif);
	background-repeat: no-repeat;
	display: block;
	font-size: 11px;
	line-height: 26px;
}
ul.leftnav li.subnav a:hover {
	background-position:0 -29px;
	display: block;
}

/*On State For Top Level Nav ###############################*/

 ul.leftnav li.leftnavon a,  ul.leftnav li.leftnavon a:link, ul.leftnav li.leftnavon a:active, ul.leftnav li.leftnavon a:visited, ul.leftnav li.leftnavon a:hover {
	display : block;
	color : #FFFFFF;
	line-height : 29px;
	background-repeat: no-repeat; 
	background-position:0 -29px;	
	line-height: 26px;	
}	

/*On State For Sub Level Nav ###############################*/
ul.leftnav li.subnavon a,  ul.leftnav li.subnavon a:link, ul.leftnav li.subnavon a:active, ul.leftnav li.subnavon a:visited, ul.leftnav li.subnavon a:hover {
	background-position:0 -29px;
	display: block;
	
}	

/*Leftnav Water Industry ###########################################*/

div.waterindustrynavbg{
	width:160px;
	height:138px;
	background-image: url(/common/images/buttons/waterindustrynavbg.jpg);
	background-repeat: no-repeat;
	margin: 0;	
	border: 0;
}
div.waterindustrynavbg span{
	font-size:14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 40px;
	color:#003675;
	text-decoration: none;
	width:148px;
	margin: 0 0 0 12px;
	}
	
	.waterindustrynav {
		width:152px;
		font-size: 10px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
	}
	
.waterindustrynav a, .waterindustrynav a:link, .waterindustrynav a:visited, .waterindustrynav a:active{
	line-height:17px;	
	display: block;
	margin:0 0 0 3px;	
	color:#003675;
	text-decoration: none;
	text-align: left;	
	text-indent: 10px;	
	}
	
.waterindustrynav a:hover{
	color:#E11A4F;
	background-color: #E4FBFF;
	display: block;
	
}
.waterindustrynavon {
	width:152px;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.waterindustrynavon a, .waterindustrynavon a:link, .waterindustrynavon a:visited, .waterindustrynavon a:active{
	line-height:17px;	
	margin:0 0 0 3px;	
	text-decoration: none;
	text-align: left;	
	text-indent: 10px;	
	color:#E11A4F;
	background-color: #E4FBFF;
	display: block;
	
	}
/*water industry subnav#####################################*/
	.relatedarticlestopbg{
	background-image: url(/common/images/main/relatedarticlestopbg.gif); 
	background-repeat: no-repeat;
	height: 31px; 
	width: 413px; 
	font-size:14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	color:#003675;
	text-decoration: none;
	margin: 0 0 0 21px;
	padding:0 0 0 10px;
}
.relatedarticlesbottom{
	width: 413px; 
	margin: 0 0 10px 21px; 
	padding-left:0;
}
	
ul.relatedarticles{
	background-image: url(/common/images/main/relatedarticlestile.gif);
	background-repeat: repeat-y; 
	font-size:11px;
	width: 413px; 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #E11A4F;
	list-style-type:none;
	text-align: left;
	margin: 0 0 0 21px;
	padding: 0;
	border: 0;
}

ul.relatedarticles li a, ul.relatedarticles li a:link, ul.relatedarticles li a:active, ul.relatedarticles li a:visited{
	color:#003675;
	display: block;
	padding:2px 2px 2px 10px;
	margin: 0;
	text-decoration: none;
	border:0;	
	line-height: 12px;
}
ul.relatedarticles li a:hover {
	color : #E11A4F;
	padding:2px 2px 2px 10px;
	margin: 0;
	display: block;
}
ul.relatedarticles li.relatedarticleson a,  ul.relatedarticles li.relatedarticleson a:link, ul.relatedarticles li.relatedarticleson a:active, ul.relatedarticles li.relatedarticleson a:visited, ul.relatedarticles li.relatedarticleson a:hover {
	display: block;
	color : #E11A4F;
	padding:2px 2px 2px 10px;
	margin: 0;	
}	

/*Bottom Left Buttons ############################################################*/

.ukdeliverybutton{
	width:160px;
	height:67px;
	margin: 2px 0 0 0;
	padding: 0;	
	}
	.ukdeliverybutton a,.ukdeliverybutton a:link,.ukdeliverybutton a:active,.ukdeliverybutton a:visited {
	display : block;
	background-image: url(/common/images/buttons/ukdeliverybutton.gif);
	background-repeat: no-repeat;
		}
	.ukdeliverybutton a:hover {
	background-position:0 -67px;
	background-repeat: no-repeat;
	}
	
.onemonthlyfeebutton{
	width:160px;
	height:67px;
	margin: 2px 0 0 0;
	padding: 0;	
	}
	.onemonthlyfeebutton a,.onemonthlyfeebutton a:link,.onemonthlyfeebutton a:active,.onemonthlyfeebutton a:visited {
	display : block;
	background-image: url(/common/images/buttons/onemonthlyfeebutton.gif);
	background-repeat: no-repeat;
		}
	.onemonthlyfeebutton a:hover {
	background-position:0 -67px;
	background-repeat: no-repeat;
	}
		
.pricerangesbutton{
	width:160px;
	height:67px;
	margin: 0;
	padding: 0;	
	}
	.pricerangesbutton a,.pricerangesbutton a:link,.pricerangesbutton a:active,.pricerangesbutton a:visited {
	display : block;
	background-image: url(/common/images/buttons/pricerangesbutton.gif);
	background-repeat: no-repeat;
		}
	.pricerangesbutton a:hover {
	background-position:0 -67px;
	background-repeat: no-repeat;
	}
.callmebutton{
	width:160px;
	height:67px;
	margin: 0;
	padding: 0;	
	}
	.callmebutton a,.callmebutton a:link,.callmebutton a:active,.callmebutton a:visited {
	display : block;
	background-image: url(/common/images/buttons/callmebutton.gif);
	background-repeat: no-repeat;
		}
	.callmebutton a:hover {
	background-position:0 -67px;
	background-repeat: no-repeat;
	}


.enviroCoolerButton a {
    width:161px;
    height:223px;
    display:block;
    background:url(/common/images/buttons/btn-enviroCooler.jpg) no-repeat;
    margin:4px 0 0 0;
}


/*Footer ######################################*/

div.bottomnav{
	height:51px;
	width:780px;
	background-image: url(/common/images/footer/bottomnavbg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	clear: both;
	text-align:center;
	}
	
div.bottomnav a, div.bottomnav a:link, div.bottomnav a:visited, div.bottomnav a:active {
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration: none;
	border-right: 1px solid #FFFFFF;
	line-height:17px;
	padding: 0px 5px 0px 5px;
	
	}
div.bottomnav a:hover{
	color:#A5EFFF;
	line-height: 17px;
	}
div.bottomnav a.bottomnavend{
	border: 0;
}
div.pophead{
	background-image: url(/common/images/popbg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	position:relative;
	width:601px;
	height: 142px;
	
}
div.popfoot{
background-image: url(/common/images/coolers/popfootslice.gif);
background-repeat: repeat-x;
width: 601px;
height: 59px;
text-align:center;

}
	
div.popfoot a, div.popfoot a:link, div.popfoot a:visited, div.popfoot a:active {
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration: none;
	border-right: 1px solid #FFFFFF;
	line-height:30px;
	padding: 0px 5px 0px 5px;
	margin:0;
	
	}
div.popfoot a:hover{
	color:#A5EFFF;
	line-height: 17px;
	}
div.popfoot a.popfootend{
	border: 0;
}
#close{
	margin: 3px 18px 0 4px;
	padding: 0;
	height: 47px;
	width: 50px;
	position: absolute;
	left:550px;
	top: -3px;
}
#expand {
	background-image: none;
	background-color: #ffffff;
}

div.dimensions{
	background-image: url(/common/images/main/dimensiontable.gif);
	background-repeat: no-repeat;
	width: 412px;
	height:178px;
	margin:0 0 0 19px;
	padding: 0;
}

div.dimensions h2{
	font-size:16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #003675;
	margin:0 0 0 10px;
	padding: 6px 0 0 0;
}

div.dimensions span{
	margin: 0 0 0 40px;
}

div.dimensions span.marginleft{
	margin: 0 0 0 135px;
}

div.dimensions span.margin{
	margin: 0 0 0 30px;
}

div.dimensions span.marginleftfloor{
	margin: 0 0 0 110px;
}

div.dimensions span.marginshort{
	margin: 0 0 0 23px;
}

div.dimensions p{
	font-size:12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #003675;
	margin: 6px 0px 0px 200px;
	padding: 0;
	text-align: justify;
}

div.dimensions p.textleft{
	font-size:12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #003675;
	margin: 3px 0px 0px 10px;
	padding: 0;
	text-align: justify;
}

ul.nobullet{
	color: #003675;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style:none; 
	padding: 5px 10px 5px 10px;
	margin:0;
	line-height: 14px;
	text-align: justify;
	}
li.nobullet{
	line-height: 14px;
	padding: 5px 10px 5px 10px;	
			
}
.nobullettop{
	font-weight: bold;
	margin:0 0 5px 0;
}

ol.dodont{
	color: #E11A4F;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 5px 5px 13px;
	margin:0 0 0 23px;
	line-height: 14px;
	text-align: justify;
	}
li.dodont{
	line-height: 14px;
	padding: 5px 10px 5px 5px;				
}

ol.dodont span{
	color: #003675;
}
.whoson{position:relative; left:0px; top:8px; text-align:right;width:520px;z-index:10;}


/*============================

EnviroCooler Styles

=============================*/

.clearBoth {
    clear:both;
}

.floatLeft {
    float:left;
}
.noMargin {
    margin:0 !important;
}

div#column_middle div.wrapper {
    margin:30px 0 0 19px;
    width:420px;
    height:auto;
}

div.wrapper div.contain {
    width:420px;
    height:auto;
    float:left;
}

img.floatLeft {
    margin-right:26px;
}

div.wrapper div.enviroCoolerPanel {
    width:281px;
    height:307px;
    background:url(/common/images/main/enviroCooler-list-bg.gif) no-repeat bottom;
    float:left;
    margin:0 0 0 0;
    padding:0;
}

div.wrapper div.enviroCoolerPanel * {
    margin:0;
    padding:0;
}

div.wrapper div.enviroCoolerPanel h2 {
    width:253px;
    height:31px;
    text-indent:-9999em;
    margin:15px 0 0 15px;
    background:url(/common/images/main/panel-enviroCooler-logo.gif) no-repeat -14px 0;
}
div.wrapper div.enviroCoolerPanel h3 {
    margin:14px 0 14px 17px;
    color:#05ADEE;
    font-family:Arial, helvetica, Sans-Serif;
    font-size:90%;
}

div.wrapper div.enviroCoolerPanel ul {
    list-style-position:outside;
    margin:15px 0 0 17px;
}

div.wrapper div.enviroCoolerPanel ul li {
    /*padding-left:25px;
    background:url(/common/images/main/bullets/bullet.jpg) no-repeat 0 2px;*/
    line-height:23px;
	color:#fff;
}

div.wrapper h2 {
    margin:0;
}
div.wrapper {
    /*float:left;*/
}

div.wrapper p.margin {
    margin:28px 0 0 0;
    float:left;
    width:280px;
}

div.wrapper ul.multiImagePanel {
    width:408px;
    height:92px;
    margin:22px 0 38px 0;
    padding:0;
    float:left;
    background:url(/common/images/main/panel-multi-image-bg.gif) no-repeat;  
}

div.wrapper ul.multiImagePanel li {
    list-style:none;
    float:left;
    margin:11px 3px;
}
div.wrapper ul.multiImagePanel li.first {
    margin-left:11px;
}
div.wrapper ul.multiImagePanel li img {
	border:1px solid #fff;
}

img.phoneNumber {
    margin:6px 0;
}

div.wrapper p a {
    font-weight:bold;
    color:#003675;
    text-decoration:none;
}
div.wrapper p a:hover {
    text-decoration:underline;
}