/*********** RESET***********/

body, h1, h2, h3, h4, h5, h6, p, blockquote,
a, img, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, table, tr, th, td {
	margin:0;
	padding:0;
	border:none;
}

/********** GLOBAL **********/

ul, ol, dl{
	margin:20px 0 20px 40px;
}
ul li, ol li, dl li{
	margin:3px 0;
}
.align-center{
	text-align:center;
}
.align-right{
	text-align:right;
}
.clear-both{
	clear:both;
}
a:link{
	color:#004d8f;
}
a:visited{
	color:#004d8f;
}
a:hover{
	color:#178a37;
}
a:active{

}
a:focus{

}
input.checkbox{
	border:none;
	background-color:transparent;
}

/********* TYPOGRPAHY ********/

body{
	font-family:helvetica, arial, sans-serif;
	font-size:12px;
	color:#555555;
	text-align:center;
	background-color:#595f68;
}
h1, h2, h3, h4, h5{
	font-family:helvetica, arial, sans-serif;
	color:#004e8c;
}
h1{
	font-size:24px;
}
h2{
	font-size:18px;
	color:#00a8dc;
	margin:0 0 18px 0;
}
h3{
	font-size:14px;
	color:#178a37;
	margin:16px 0 18px 0;
}
h4{
	font-size:12px;
	color:#178a37;
	margin:15px 0 16px 0;
}
h5{
	font-size:12px;
	margin:15px 0 16px 0;
}
p{
	margin:0 0 16px 0;
	line-height:18px;
}
p.small{
	font-size:11px;
}

/********* STRUCTURE *********/

#wrapper{
	width:985px;
	margin:0 auto 18px auto;
	text-align:left;
}

/********* HEADER, NAV & BREADCRUMB *********/

#header{
	height:136px;
	background-color:#595f68;
	position:relative;
}
#header #logo{
	position:absolute;
	top:8px;
	left:5px;
}
#header #head-tel{
	position:absolute;
	top:14px;
	right:5px;
}
#links{
	position:absolute;
	width:300px;
	left:395px;
	top:50px;
	color:#fff;
}
#links a{
	color:#fff;
	text-decoration:none;
	display:block;
	float:left;
	line-height:17px;
}
a#login{
	background:url('../nav/login.gif') 0 0 no-repeat;
	padding:0 0 0 16px;
}
a#facebook{
	background:url('../nav/facebook.gif') 0 0 no-repeat;
	padding:0 0 0 20px;
	margin:0 0 0 10px
}
#breadcrumb{
	height:103px;
	background:url('../nav/breadcrumb.gif') no-repeat #99dbf0;
	position:relative;
}
#breadcrumb p{
	position:absolute;
	bottom:3px;
	left:120px;
	height:24px;
	line-height:22px;
	font-size:11px;
	margin:0;
	color:#009ac9;
}
#breadcrumb p a{
	color:#009ac9;
}
#breadcrumb p a:hover{
	text-decoration:none;
}
ul#top-nav{
	list-style:none;
	margin:0;
	position:absolute;
	bottom:0;
	right:0;
}
ul#top-nav li{
	display:inline;
}
ul#top-nav li a{
	color:#fff;
	text-decoration:none;
}
ul#top-nav li a{
	display:block;
	height:29px;
	float:left;
	display:inline;
	line-height:30px;
	margin:0 0 0 2px;
	padding:0 9px 0 0;
}
ul#top-nav li a span{
	display:block;
	width:5px;
	height:29px;
	float:left;
	display:inline;
	margin:0 4px 0 0;
}
ul#top-nav li a:hover, ul#top-nav li.selected a{
	display:block;
	height:29px;
	background:url('../nav/button_right.gif') top right no-repeat #40464f;
	float:left;
	line-height:30px;
	margin:0 0 0 2px;
	padding:0 9px 0 0;
}
ul#top-nav li a:hover span, ul#top-nav li.selected a span{
	display:block;
	width:5px;
	height:29px;
	float:left;
	display:inline;
	margin:0 4px 0 0;
	background:url('../nav/button_left.gif') top right no-repeat #40464f;
}

/********* HOMEPAGE *********/

#header2{
	height:313px;
	background:url('../nav/header_homepage.jpg') no-repeat #99dbf0;
	position:relative;
}
#header2 #water-head2{
	width:501px;
	position:absolute;
	left:0;
	bottom:0;
	height:313px;
}
#header2 #hygiene-head2{
	width:484px;
	position:absolute;
	right:0;
	bottom:0;
	height:313px;
}
#header2 #water-head2 img,#header2 #hygiene-head2 img{
	float:left;
	clear:left;
	border:none;
}
h2#foundation-head{
	width:264px;
	height:49px;
	overflow:hidden;
	position:relative;
}
h2#foundation-head span{
	display:block;
	width:264px;
	height:49px;
	background:url('../nav/foundation_heading.gif') 0 0 no-repeat;
	position:absolute;
}
h2#env-head{
	width:387px;
	height:49px;
	overflow:hidden;
	position:relative;
}
h2#env-head span{
	display:block;
	width:387px;
	height:49px;
	background:url('../nav/environmental_heading.gif') 0 0 no-repeat;
	position:absolute;
}
h2#news-head{
	width:264px;
	height:49px;
	overflow:hidden;
	position:relative;
}
h2#news-head span{
	display:block;
	width:220px;
	height:49px;
	background:url('../nav/latest_news_heading.gif') 0 0 no-repeat;
	position:absolute;
}
h2#foundation-head, h2#env-head, h2#news-head{
	float:left;
	display:inline;
	margin:15px 0 0;
}
#green-block{
	width:648px;
	height:407px;
	float:left;
	display:inline;
	margin:0 0 15px 0;
	background:url('../nav/green_bg.gif') no-repeat #e7e1d5;
}
ul#home-news{
	list-style:none;
	width:317px;
	overflow:hidden;
	float:right;
	display:inline;
	margin:0 0 15px 0;
}
ul#home-news li{
	width:317px;
	height:129px;
	margin:0 0 10px;
	padding:0;
	float:left;
	clear:left;
}
ul#home-news li a{
	display:block;
	width:317px;
	height:129px;
	overflow:hidden;
	background:url('../nav/home_news_bg.gif') 0 0 no-repeat #fff;
	text-decoration:none;
	color:#555;
}
ul#home-news li a:hover{
	background-position:0 -129px;
}
ul#home-news li a span.home-news-title{
	display:block;
	height:30px;
	line-height:34px;
	font-size:12px;
	font-weight:700;
	padding:0 10px;
	margin:0;
	color:#333;
	overflow:hidden;
}
ul#home-news li a span{
	display:block;
	line-height:18px;
	font-size:11px;
	padding:10px;
}
#home-foundation{
	width:299px;
	margin:20px 0 0 20px;
	float:left;
	height:367px;
	display:inline;
	position:relative;
}
#home-foundation img#foundation-image{
	border:3px solid #fff;
	margin:15px 0 10px;
}
#home-foundation p{
	color:#004f8e;
	font-size:21px;
	line-height:30px;
}
#home-green{
	width:283px;
	margin:20px 20px 0 0;
	float:right;
	height:367px;
	display:inline;
	position:relative;
}
#home-green blockquote{
	background:url('../nav/greenquote.gif') top left no-repeat;
	padding:15px 0 0;
	margin:12px 10px 0 20px;
}
#home-green blockquote p{
	font-weight:700;
	font-size:12px;
	color:#3b3b3b;
	padding:0 0 15px;
	position:relative;
	margin:0;
	background:url('../nav/greenquote2.gif') bottom right no-repeat;
}
#home-green p{
	margin:15px 0 15px 20px;
}
#home-foundation img.home-read-more{
	position:absolute;
	bottom:0;
	right:15px;
}
#home-green img.home-read-more{
	position:absolute;
	bottom:0;
	left:17px;
}
#bottles{
	width:273px;
	height:142px;
	margin:0 0 15px 12px;
	background:url('../nav/bottles.gif') bottom left no-repeat;
	overflow:hidden;
	position:relative;
}
#bottles p{
	margin:0;
	right:0;
	line-height:17px;
	font-size:13px;
	color:#333;
	font-weight:700;
	text-align:center;
	text-shadow:1px 0 1px #fff;
}

/********* LEFT NAVIGATION *********/

#sidebar{
	width:228px;
	float:left;
	display:inline;
	background:url('../nav/nav_bg.gif') no-repeat;
	padding:58px 0 18px 0;
}
#sidebar.hygiene{
	background:url('../nav/nav_bg2.gif') no-repeat;
}
#sidebar ul{
	margin:0 0 20px;
	list-style:none;
}
#sidebar ul li{
	background:url('../nav/nav_dots.gif') bottom left repeat-x;
	padding:8px 10px;
}
#sidebar ul li a{
	text-decoration:none;
	color:#555;
	display:block;
	padding:0 24px 0 0;
}
#sidebar ul li a:hover{
	text-decoration:underline;
	display:block;
	background:url('../nav/selected.gif') 193px 0 no-repeat;
}
#sidebar.hygiene ul li a:hover{
	background:url('../nav/selected2.gif') 193px 0 no-repeat;
}
#sidebar ul li.selected a{
	font-weight:700;
	display:block;
	color:#00a9dc;
	background:url('../nav/selected.gif') 193px 0 no-repeat;
}
#sidebar.hygiene ul li.selected a{
	background:url('../nav/selected2.gif') 193px 0 no-repeat;
	color:#017444;
}
#sidebar ul ul{
	margin:8px 0 0;
}
#sidebar ul li.selected ul a{
	font-weight:400;
	color:#555;
	background:transparent;
}
#sidebar.hygiene ul li.selected ul li a, #sidebar.hygiene ul li.selected ul li.selected ul a{
	color:#555;
}
#sidebar.hygiene ul li.selected ul li.selected a, #sidebar.hygiene ul li.selected ul li.selected ul li.selected a{
	color:#017444;
}
#sidebar ul li.selected ul li{
	padding:4px 8px;
}
#sidebar ul li.selected ul li.selected a{
	font-weight:700;
	background:transparent;
}
#sidebar ul ul ul{
	background-color:#e3e6ec;
	margin:8px 0 0;
	padding:1px 0 0;
}
#sidebar ul ul li{
	background:transparent;
}
#sidebar ul li.selected ul li.selected ul a{
	font-weight:400;
	font-style:italic;
}
#sidebar ul li.selected ul li.selected ul li.selected a{
	font-weight:700;
	background:transparent;
}

/********* CONTENT/PAGES *********/

#content-wrapper{
	background:url('../nav/wrapper_inner_bg.gif') bottom left no-repeat #fff;
	border-bottom:1px solid #555555;
}
#content{
	width:739px;
	float:right;
	display:inline;
	padding:0 0 26px;
	overflow:hidden;
}
#content h1{
	margin:0 0 18px;
	height:66px;
	background:url('../nav/h1_bg.gif') top left no-repeat;
	line-height:90px;
	padding:0 0 0 15px;
	overflow:hidden;
}
#content h1.hygiene{
	color:#02874f;
}
#content h2{
	margin:0 0 18px 15px;
}
#standard-page.hygiene h2{
	color:#017444;
}
#standard-page.hygiene h3{
	color:#00a8dc;
}
#content p{
	margin:0 18px 18px;
}
#content ul{
	margin:25px 0;
	line-height:18px;
	list-style:none;
}
#standard-page ul{
	margin:25px 25px 25px 20px; 
}
#content ul li{
	margin:0 0 6px;
	padding:0 0 0 22px;
	font-size:12px;
	background:url('../nav/bullet.gif') 0 2px no-repeat;
}
#content #standard-page.hygiene ul li{
	background:url('../nav/bullet2.gif') 0 2px no-repeat;
}
#standard-page h2, #standard-page h3, #product-page h2, #product-page h3{
	margin:0 18px 18px;
}
ul#downloads{
	list-style:none;
	margin:0 18px 14px;
}
ul#downloads li{
	line-height:30px;
	height:30px;
	padding:0;
	background:url('../nav/download_bg.gif') no-repeat #ebeced;
}
ul#downloads li img{
	float:left;
	margin:7px 7px 0 7px;
}
ul#downloads li img.click-download{
	float:right;
	clear:none;
	display:inline;
	margin:2px;
}
#wellbeing-flash{
	margin:0 0 0 18px;
}
img#restart-button{
	margin:10px 18px 6px 0;
}
img#install-rail{
	margin:0 0 18px 18px;
}
#foundation-flash-map{
	width:250px;
	height:327px;
	float:right;
	margin:0 18px 18px 18px;
}
table{
	border-collapse:collapse;
	margin:0 0 20px;
}
table td{
	border:1px solid #e3e3e3;
	padding:6px;
}

/********* HOMEPAGES *********/

#water-hygiene-images{
	width:703px;
	margin:5px 0 0 18px;
}
#water-hygiene-images img#banner-image{
	margin:0 0 13px;
}
#water-hygiene-images img{
	margin:0 13px 0 0;
}
#water-hygiene-images img.no-margin{
	margin:0;
}
img.foundation-image{
	margin:0 0 15px 18px;
}

/********* GALLERY *********/

#standard-page #gallery{
	width:250px;
	float:right;
	clear:right;
	margin:0 18px 18px 18px;
}
#standard-page #gallery img{
	float:none;
	display:inline;
	margin:0 0 10px;
}
#standard-page #gallery img.thumb{
	float:left;
	clear:right;
	display:inline;
	margin:0 10px 10px 0;
}
#standard-page #gallery img#zoom{
	float:none;
	clear:both;
	margin:0;
}

/********* PRODUCT PAGE *********/

#product-page h2{
	margin:0;
}
#product-images{
	width:247px;
	float:left;
	display:inline;
	margin:0 0 18px 18px;
}
#product-images img{
	margin:0 0 10px;
}
#product-page-content{
	width:432px;
	margin:0 21px 0 0;
	float:right;
	display:inline;
}
#product-page-content p{
	margin:0 0 18px;
}
#product-page-content h3{
	margin:0 0 15px;
}
#product-page-content address{
	margin:0 0 10px;	
}
#product-page.hygiene h2, #product-page.hygiene h3{
	margin:0;
	color:#017444;
}
#product-page.hygiene ul li{
	background:url('../nav/bullet2.gif') 0 2px no-repeat;
}

/********* LIST PAGE *********/

ul#list{
	margin:0;
	list-style:none;
	margin:0 18px;
}
ul#list li{
	padding:0;
	height:120px;
	margin:0 0 10px;
	position:relative;
	background:url('../nav/list_bg.gif') no-repeat #ebeced;
	clear:both;
}
#standard-page.hygiene ul#list.hygiene li{
	padding:0;
	height:120px;
	margin:0 0 10px;
	position:relative;
	background:url('../nav/list_bg.gif') no-repeat #ebeced;
}
#standard-page.hygiene ul#list.hygiene li h2{
	color:#017444;
}
ul#list li img{
	float:left;
	display:inline;
	margin:10px 14px 0 10px;
}
ul#list li h2{
	margin:0 0 10px;
	padding:12px 10px 0;
	font-size:16px;
}
ul#list.hygiene li h2 a{
	color:#017444;
}
ul#list li h2 a{
	text-decoration:none;
}
ul#list li{
	padding:0 15px 0 0;
}
ul#list p{
	margin:0 10px;
}
ul#list li img.read-more{
	position:absolute;
	bottom:10px;
	right:10px;
	margin:0;
}

/********* FORMS AND CONTACT PAGE *********/

form#form{
	width:400px;
	padding:0px 0 10px 0;
	margin:0 0 0 20px;
}
form#form.consumables{
	width:auto;
	margin:0;
}
form#form.contact-form{
	margin:0 0 0 50px;
	float:left;
	display:inline;
	padding:5px 0 10px;
}
form#form fieldset{
	margin:0 0 20px 0;
	background-color:#ebeced;
	padding:0 0 15px;
}
form#form.consumables fieldset{
	margin:20px 310px 20px 20px;
	background-color:#ebeced;
	padding:20px 0;
}
form#form.no-legend fieldset{
	padding:20px 0 15px;
}
form#form legend{
	margin:0 0 15px 0;
	background-color:#f9f9f9;
	color:#1d459e;
	font-size:14px;
	padding:10px;
}
form#form p{
	margin:0;
	clear:both;
}
form#form label{
	display:block;
	width:120px;
	float:left;
	display:inline;
	margin:2px 0 0 20px;
	line-height:20px;
	color:#333;
}
form#form label span{
	font-size:11px;
	font-style:italic;
	color:#999;
}
form#form input, form#form textarea{
	bordeR:1px solid #e0e0e0;
	background-color:#fff;
	height:20px;
	width:220px;
	margin:0 0 8px;
}
form#form input.small-input {
	width:50px;
}
form#form textarea{
	width:240px;
	height:120px;
}
form#form input#submit{
	width:172px;
	height:26px;
	margin:0 0 0 213px;
	border:none;
}
form#form input#submit.form-button-med{
	margin:0 0 0 201px;
}
ul#form-errors{
	margin:25px 0 20px 31px;
	list-style:none;
	width:377px;
	padding:8px 0 0;
	background:url('../nav/alert_top.gif') top left no-repeat #f8f8f8;
}
ul#form-errors.contact-form-errors{
	margin:25px 0 0 242px;
}
ul#form-errors li{
	padding:0 0 0 60px;
	background:transparent;
}
ul#form-errors li p{
	color:#da1111;
}
ul#form-errors li#error-foot{
	height:10px;
	background:url('../nav/alert_bottom.gif') bottom left no-repeat #f8f8f8;
	margin:0;
}
#contact-content{
	width:270px;
	float:right;
	display:inline;
	margin:0 20px 0 0;
	padding:20px 0;
	background-color:#ebeced;
}
#contact-content p{
	margin:0 20px 0 20px;
	line-height:20px;
}

form#form.consumables ul#list li p{
	clear:none;
	font-size:11px;
	line-height:16px;
}
form#form.consumables ul#list li label{
	margin:5px 0 0;
	color:#555;
}
form#form.consumables ul#list li input{
	margin:3px 0 0;
	width:60px;
}

/********* ACCREDITATION PAGE *********/

ul#accreditations{
	width:703px;
	margin:0 0 0 18px;
}
ul#accreditations li{
	padding:0 0 20px;
	background:url('../nav/list_bottom.gif') bottom left no-repeat #ebeced;
}
ul#accreditations li h2{
	padding:0;
	margin:0;
	height:50px;
	padding:0 20px;
	line-height:50px;
	overflow:hidden;
	background:url('../nav/list_top.gif') top left no-repeat #ebeced;
}
ul#accreditations li img{
	float:right;
	display:inline;
	margin:0 20px 20px 20px;
}
ul#accreditations li p{
	margin:0 20px 0 20px;
}

/********* FOOTER *********/

#footer{
	height:290px;
	background:url('../nav/footer.gif') no-repeat #fff;
	clear:both;
	position:relative;
}
#footer.greenworks{
	background:url('../nav/footer2.gif') no-repeat #fff;
}
#footer p{
	width:180px;
	float:left;
	display:inline;
	margin:56px 0 0 25px;
	font-size:11px;
}
#footer p strong.light-blue{
	font-size:12px;
	color:#00a9dd;
}
#footer p#footer-address{
	width:100%;
	text-align:center;
	float:none;
	display:block;
	margin:0;
	position:absolute;
	height:40px;
	line-height:40px;
	left:0;
	bottom:0;
	color:#777;
}
#footer a{
	color:#555;
}
#footer a#saveacup, #footer a#epdwa{
	display:block;
	position:absolute;
}
#footer a#saveacup{
	width:70px;
	height:90px;
	top:156px;
	left:430px;
}
#footer a#epdwa{
	width:130px;
	height:90px;
	top:156px;
	left:290px;
}