/* Allerton UK Stylesheet === developed by: Why Design 17.11.08 ================================== */


/* generic structure =========================================================================== */


body {
	/*the next bit is a hack for i.e. 5 and 5.5*/
	text-align:center;
	margin:0;
	padding:0;
	background:#FFF;
	font:"Times New Roman", Times, serif;
}

#bottombar {
	margin:0;
	padding:0;
	height:3px;
	border-top:solid 3px #FFF;
}

#container, #footer {
	position:relative;
	/*the next bit is a positioning hack for ie*/
	margin:0 auto;
	/*the next bit is a hack for i.e. in windows xp*/
	padding:0;
	width:972px;
	/*the next bit is a hack for i.e. 5 and 5.5*/
	text-align:left;
}

#header {
	width:972px;
	height:128px;
	background:url(images/header.jpg) no-repeat;
	margin:0;
	padding:0;
}

#breadcrumbs {
	width:972px;
	height:36px;
	background:url(images/breadcrumbs.jpg) no-repeat;
	margin:0;
	padding:0;
}

#breadcrumb-text {
	font-size:11px;
	color:#FFF;
	margin:0 0 0 15px;
	padding:11px 0 0 0;
}

#breadcrumb-text a {
	text-decoration:none;
	color:#48B0DA;
}

#breadcrumb-text a:hover, #breadcrumb-text a.selected {
	text-decoration:none;
	color:#FFF;
}

#strapline {
	float:left;
	padding:0;
	margin:98px 0 0 532px;
	color:#004888;
	font-size:20px;
}

#header_print {
	visibility:hidden;
	position:absolute;
	z-index:100;
}

#innercontainer {
	width:972px;
	margin:0;
	padding:0;
}

#title, #title-alt {
	margin:0;
	padding:0;
	background:url(images/title-shape.jpg) no-repeat;
	width:580px;
	height:107px;
}

#title-alt {
	background:url(images/title-shape-alt.jpg) no-repeat;
}

#content {
	width:580px;
	float:left;
	background:#;
	border-left:solid 5px #FFF;
	border-right:solid 5px #FFF;
	margin:0 0 5px 0;
	padding:0;
}

#leftcol {
	float:left;
	width:258px;
	padding:0;
	margin:15px 8px 10px 12px;
}

#rightcol {
	float:right;
	width:288px;
	padding:0;
	margin:0;
	background:#48B0DA;
}

#rightcol-products {
	float:right;
	width:288px;
	padding:0;
	margin:0;
	background:#FFF;
}

#rightcol-products-alt {
	float:right;
	width:288px;
	padding:0;
	margin:15px 0 0 0;
	background:#FFF;
}

#rightcol p {
	margin:10px;
	color:#004888;
}

#singlecol-terms {
	float:left;
	width:555px;
	padding:0;
	margin:15px 8px 10px 12px;
}

#singlecol {
	float:left;
	width:580px;
	padding:0;
	margin:0 0 10px 0;
}

#rightcol h3 {
	margin:10px 10px 0 10px;
}

#footer {
	height:32px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	padding:8px 0 0 0;
	background:url(images/footer.jpg) no-repeat;
}

#copyright {
width:717px;
	float:left;
	margin:0;
	padding:0 0 0 15px;
}

#footer a {
	text-decoration:none;
	color:#FFF;
}

#footer a:hover {
	color:#FFC301;
}

#credit {
	float:left;
	margin:0;
	padding:0 0 0 10px;
}

.clear {
	margin:0;
	padding:0;
	clear:both;
}

#footer-container {
	position:relative;
	margin: auto;
	background:#FFF;
}

#footer-links {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666;
}

#footer-links-wrap {
	position:relative;
	margin: auto;
	width:960px;
}

#footer-links ul {
	list-style:none;
	margin:5px 0;
	padding:0;
	color:#CCC;
}

#footer-links ul li {
	display:inline;
	margin:0;
	padding:4px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#CCC;
}

#footer-links ul li a {
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#CCC;
	padding:0;
	text-transform:none;
	text-decoration:none;
}

#footer-links ul li a:hover {
	text-decoration:underline;
}



/* navigation (main) =========================================================================== */


#nav-wrap {
	float:left;
	width:190px;
	padding:0;
	margin:0;
	background:#FFF;
}

.nav {
	font-family:"Times New Roman", Times, serif;
	float:left;
	width:190px;
	margin:0 0 4px 0;
	padding:0;
}

.nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

.nav li a, .nav ul ul li a {
	display:block;
	width:173px;
	height:17px;
	border-left:solid 7px #C3DAF2;
	font-size:12px;
	text-decoration:none;
	color:#FFF;
	padding:3px 0 0 10px;
	margin:0 0 1px 0;
	background:#004888;
	text-transform:capitalize;
}

.nav ul ul li a {
	width:166px;
	margin:0 0 1px 7px;
}

.nav ul ul ul li a {
	width:159px;
	margin:0 0 1px 14px;
}

.nav li a:hover, .nav li a.selected, .nav ul ul li a:hover, .nav ul ul li a.selected, .nav ul ul ul li a:hover, .nav ul ul li a.selected {
	border-left:solid 7px #FFC301;
}


/* navigation (related) =========================================================================== */


#rightnav {
	font-family:"Times New Roman", Times, serif;
	float:left;
	width:190px;
	padding:0;
}


/* navigation (extra) =========================================================================== */


#hotline a, #contact-form a, #bba a, #product-selector a {
	display:block;
	width:115px;
	font-family:"Times New Roman", Times, serif;
	font-size:17px;
	line-height:18px;
	height:56px;
	text-decoration:none;
	color:#004888;
	padding:18px 0 0 75px;
	margin:0 0 4px 0;
}

#hotline a {
		background:url(images/hotline.jpg) no-repeat;
}

#contact-form a {
	background:url(images/contact-form.jpg) no-repeat;
}

#contact-form a:hover {
	background-position:0 -74px;
}

#bba a {
		background:url(images/bba.jpg) no-repeat;
}

#product-selector a {
	background:url(images/product-selector.jpg) no-repeat;
	height:93px;
	padding:10px 0 0 75px;
	margin:0 0 4px 0;
	width:115px;
}

#product-selector a span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	color:#004888;
}

#product-selector a:hover, #product-selector a.selected {
	background-position:0 -103px;
}



/* text styles =========================================================================== */


h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#004888;
	margin:0 0 0 10px;
	padding:40px 0 0 0;
	font-weight:normal;
	letter-spacing:0;
}

h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:25px;
	font-weight:normal;
	color:#FFF;
	margin:0 0 0 10px;
	padding:0;
}

h3, h4, h5, h6 {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	line-height:18px;
	font-weight:normal;
	color:#004888;
	margin:0 0 10px 0;
	padding:0;
}

h4, h5 {
	height:21px;
	width:278px;
	background:#FFC301;
	border-top:solid #FFF 1px;
	border-bottom:solid #FFF 1px;
	margin:0;
	padding:1px 0 0 10px;
}

#singlecol h4 {
	width:570px;
}

h5 {
	width:180px;
	background:#004888;
	color:#FFC301;
}

p, table td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	color:#666;	
	margin:0 0 10px 0;
	padding:0;
}

#content ul {
	list-style:none;
	margin:0;
	padding:0;
}

#content ul li {
	background:url(images/bullet.gif) no-repeat 0 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#666;	
	margin:0 0 10px 0;
	padding:0 0 0 20px;
}

#content #singlecol-terms ul li {
	background:none;
		list-style:disc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#666;	
	margin:0 0 10px 10px;
	padding:0;
}

.white-text {
		color:#FFF;
}

#rightcol-products ol, .dimensions-table ol {
		margin:0 0 0 30px;
		padding:0;
}

 #rightcol-products ol li, .dimensions-table ol li {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#666;
		margin:0 0 5px 0;
}

																

/* text link styles =========================================================================== */


#content a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#49B0DB;
	text-decoration:none;
}

#content a:hover {
	text-decoration:underline;
}

#content #rightcol a {
	color:#FFF;
}

#content #rightcol a:hover {
	color:#004888;
}

.iframe a:hover {
	color:#FFC301;
}



/* home =========================================================================== */


.iframe {
	font-family:"Times New Roman", Times, serif;
	float:left;
	width:190px;
	margin:0 0 4px 0;
	padding:0;
	background:#004888;
}

.iframe h6 {
	color:#FFC301;
	font-size:14px;
	font-weight:normal;
	margin:5px 10px;
}

.iframe p {
	margin:5px 10px;
	color:#FFF;
	font-size:11px;
}

.iframe a {
	color:#C3DAF2;
	text-decoration:none;
}


/* products =========================================================================== */


.feature {
	font-family:"Times New Roman", Times, serif;
	float:left;
	width:190px;
	margin:0 0 4px 0;
	padding:0;
	background:#C2D8F0;
}

.feature h6 {
	color:#004888;
	font-size:14px;
	font-weight:normal;
	margin:5px 10px;
}

.feature p {
	margin:5px 10px;
	color:#666;
	font-size:11px;
}

.feature h5 {
	width:180px;
	background:#C2D8F0;
	color:#004888;
}

.feature a {
	color:#004888;
	text-decoration:none;
}

.feature a:hover {
	color:#48B0DA;
}

.feature-product-text {
		float:left;
		width:110px;
	}

.feature-product-pic {
		float:left;
		width:80px;
	}
	
form .field {
	width:250px;
	margin:10px 0;
}

form .field-products {
	width:550px;
	margin:10px 0;
}

	
form {
	margin:0;
	padding:0;
}

.question {
	width:580px;
	background:url(images/form-divider.jpg) no-repeat #49b0db;
	height:100px;
}

#psProduct {
	width:580px;
	background:#49b0db;
	padding:0 0 10px 0;
}

#content #product-selector-form p {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:16px;
	color:#004888;	
	margin:0 0 5px 12px;
	padding:0;
}

#content #product-selector-form ul li {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:16px;
	color:#004888;	
	margin:0 0 5px 12px;
	padding:0 0 0 10px;
	background:url(images/bullet2.gif) no-repeat 0 2px;
}

#content #product-selector-form ul li a {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:16px;
	color:#004888;	
	margin:0 0 5px 12px;
	padding:0;
}

#content #product-selector-form ul li a:hover {
	color:#FFF;
	text-decoration:none;
}

#circle-mini-biofilter, #circle-consept, #circle-maxi, #circle-midi, #circle-high-spec,  #circle-raw-sewage-single, #circle-raw-sewage-dual, #circle-dirty-water-single, #circle-dirty-water-dual, #circle-draimad, #circle-monobelt, #circle-scrudrain, #circle-scrufilter, #circle-polydilution {
	background:url(images/product-circle-mini.png) no-repeat;
	width:206px;
	height:206px;
	z-index:10;
	position:absolute;
	left: 526px;
	top: 141px;
}

#circle-consept {
		background:url(images/product-circle-consept.png) no-repeat;
}

#circle-maxi {
		background:url(images/product-circle-maxi.png) no-repeat;
}

#circle-midi {
		background:url(images/product-circle-midi.png) no-repeat;
}

#circle-high-spec {
		background:url(images/product-circle-high-spec.png) no-repeat;
}

#circle-raw-sewage-single {
		background:url(images/circle-raw-sewage-single.png) no-repeat;
}

#circle-raw-sewage-dual {
		background:url(images/circle-raw-sewage-dual.png) no-repeat;
}

#circle-dirty-water-single {
		background:url(images/circle-dirty-water-single.png) no-repeat;
}

#circle-dirty-water-dual {
		background:url(images/circle-dirty-water-dual.png) no-repeat;
}

#circle-draimad {
		background:url(images/product-circle-draimad.png) no-repeat;
}

#circle-monobelt {
		background:url(images/product-circle-monobelt.png) no-repeat;
}

#circle-scrudrain {
		background:url(images/product-circle-scrudrain.png) no-repeat;
}

#circle-scrufilter {
		background:url(images/product-circle-scrufilter.png) no-repeat;
}

#circle-polydilution {
		background:url(images/product-circle-polydilution.png) no-repeat;
}

.dimensions {
	float:left;
	width:190px;
	margin:15px 0 0 0;
}
	
.dimensions-table {
	margin:0 10px;
	width:170px;
}
	
.dimensions-table table tr td {
	font-size:9px;
	color:#004888;
	padding:1px 3px;
}
	
.disclaimer {
	float:left;
	width:170px;
	margin:0 10px 10px 10px;
}
	
.disclaimer p {
	font-size:9px;
	line-height:11px;
}

img, div, a { behavior: url(iepngfix.htc) }


/* Case studies =========================================================================== */


.quote {
	width:256px;
	margin:10px;
}

.quote h3 span {
	font-size:12px;
	color:#FFF;
}

.caption {
	float:left;
}

.caption p {
	color:#004888;
}	

.case-study-left {
	font-family:"Times New Roman", Times, serif;
	float:left;
	width:190px;
	margin:0 5px 4px 0;
	padding:0;
	background:#48B0DA;
}

.case-study-right {
	font-family:"Times New Roman", Times, serif;
	float:left;
	width:190px;
	margin:0 0 4px 0;
	padding:0;
	background:#48B0DA;
}


.case-study-left h5, .case-study-right h5 {
	width:180px;
	background:#FFCA05;
	color:#004888;
}

.case-study-left h6, .case-study-right h6 {
	color:#C2D8F0;
	font-size:14px;
	font-weight:normal;
	margin:5px 10px;
}

.case-study-left p, .case-study-right p, .case-study-archive p {
	margin:5px 10px;
	color:#004888;
	font-size:11px;
}

#content .case-study-left a, #content .case-study-right a, #content .case-study-archive a {
	color:#FFF;
	text-decoration:none;
}

#content .case-study-left a:hover, #content .case-study-right a:hover, #content .case-study-archive a:hover {
	color:#004888;
	text-decoration:none;
}




.case-study-archive{
	font-family:"Times New Roman", Times, serif;
	float:left;
	width:580px;
	margin:0 0 4px 0;
	padding:0;
	background:#48B0DA;
}

.case-study-archive h5 {
	width:570px;
	background:#FFCA05;
	color:#004888;
}

.case-study-archive h6 {
	color:#004888;
	font-size:14px;
	font-weight:normal;
	margin:15px 10px 3px 10px;
}





/* About =========================================================================== */


.feature-address-text {
		float:left;
		width:180px;
	}
	
	
	/* contact =========================================================================== */


form .contact-field {
		width:150px;
}
	
form .enquiry-field {
		width:255px;
}

form p label {
	float:left;
	width:100px;
	padding-top:5px;
}

.radio {
	margin:0 5px 0 0;
	padding:5px 0 0 0;
}

#map {
	height:500px;
	padding:0;
	margin:0;
	width:288px;
}

/* Links =========================================================================== */


#logos {
	float:left;
	margin:1px;
}

.logo-box {
	float:left;
}

.logo-box-right {
	float:left;
}


/* Downloads =========================================================================== */


#circle-pdf {
	background:url(images/pdf-icon.png) no-repeat;
	width:69px;
	height:70px;
	z-index:10;
	position:absolute;
	left: 590px;
	top: 186px;
}


/* Site Map =========================================================================== */



#content .site-map-wrap ul {
	list-style:none;
	margin:0 0 15px 0;
	padding:0;
}

#content .site-map-wrap ul li {
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	margin:0 0 2px 0;
	padding:0;
}

#content .site-map-wrap ul li a {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:16px;
	color:#666;	
	margin:0 0 5px 0;
	padding:0;
}




/* Programmes =========================================================================== 


#leftcol-programmes {
	float:left;
	width:361px;
	margin:0;
	padding:10px 8px 10px 12px;
	background:#FFF	;
}

#rightcol-programmes {
	float:right;
	width:192px;
	padding:0;
	border-top:solid 1px #FFF;
}

#leftcol-programmes .quote, #leftcol-programmes #title {
	margin:0 0 10px 0;
	padding:0;
}

#leftcol-programmes .quote {
	margin:20px 0 20px 0;
	padding:0;
	text-align:left;
}

.quote h2 {
	color:#DE6020;
}

#typical-meal {
	width:192px;
	float:right;
	height:25px;
	background:#DE6020;
	margin:0 0 5px 0;
}

#typical-meal-image {
	height:207px;
}

#typical-meal h3 {
	color:#FFF;
	margin:5px 0 0 12px;
}

#returning-clients {
	height:130px;
	background:#DE6020;
	padding:10px 0 0 0;
	border-bottom:solid 1px #7DB5C4;
}

#rightcol-signup #returning-clients h3 {
	color:#FFF;
}

#rightcol-programmes p {
	color:#DE6020;
	margin:0 5px 5px 12px;
}

#rightcol-programmes ol {
	margin:0;
	padding:0 0 0 25px;
}

#rightcol-programmes ol li {
	background-image:none;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:16px;
	color:#DE6020;	
	margin:0 0 10px 0;
	padding:0;
}





#leftcol-success {
	float:left;
	width:277px;
	margin:0;
	padding:10px 8px 10px 12px;
	background:#FFF	;
}

#rightcol-success {
	float:right;
	width:277px;
	padding:0;
}

#success-image {
	height:189;
	width:277px;
}

#title-success {
	margin:0 0 10px 0;
	padding:0;
}

#leftcol-archive {
	float:left;
	width:550px;
	margin:0;
	padding:10px 8px 10px 12px;
	background:#FFF	;
}

.success-story {
		background:#F5CFBC;
		padding:0;
		margin:0 0 12px 0;
		height:130px;
}

.success-thumbnail {
	float:left;
	width:277px;
	margin:0;
	padding:0;
}

.success-thumbnail-text {
	float:right;
	width:253px;
	padding:0;
	margin:10px;
}




#leftcol-faqs {
	float:left;
	width:277px;
	margin:0;
	padding:10px 8px 10px 12px;
}

#leftcol-faqs h3, #rightcol-faqs h3 {
	margin:0 0 10px;
	color:#DE6020;
}

#rightcol-faqs {
	float:right;
	width:277px;
	margin:0;
	padding:10px 0;
}

#singlecol-faqs {
	float:left;
	width:554px;
	margin:0;
	padding:10px 8px 10px 12px;
}

.fullcol-faqs {
	width:500px;
	padding:0;
	margin:0px 8px 0px 12px;
}

#title-faqs {
	width:550px;
	margin:0 0 10px 0;
	padding:0;
}

#title-faqs {
	float:left;
	margin:0;
	padding:10px;
	height:169px;
	width:277px;
	background:#FFF;
}

#faqs-image {
	float:right;
	height:189px;
	width:277px;
}

#leftcol-faqs ul, #rightcol-faqs ul {
	list-style:none;
	margin:0;
	padding:0;
}

#leftcol-faqs ul li, #rightcol-faqs ul li {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:16px;
	color:#666;	
	margin:0 0 10px 0;
	padding:0;
}

#leftcol-faqs a, #rightcol-faqs a {
	color:#666;
font-weight:bold;
}




.logocol {
	float:left;
	width:175px;
	margin:20px 12px 12px 0;
	padding:0;
}

.logocol-right {
	float:left;
	width:175px;
	margin:20px 0 12px 0;
	padding:0;
}

.logobox {
	float:left;
	width:175px;
	height:60px;
	margin:0 0 12px 0;
}




.quote ul {
	list-style:none;
	margin:0;
	padding:0;
}

.quote ul li {
	list-style-type:disc;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:16px;
	color:#666;	
	margin:0 0 4px 15px;
	padding:0;
}





.pricelist {
	margin:0 0 10px 0;
	padding:0;
}

.pricelist p {
	margin:0 0 10px 0;
	padding:0;
}





		.tool-tip {
			color: #fff;
			width: 260px;
			z-index: 13000;
			text-align:left;
		}	
		
		.tool-tip img {
			float:right; margin:0 0 10px 10px;
		}
			 
		.tool-title {
			font-weight: normal;
			font-family:"Times New Roman", Times, serif;
			font-size: 14px;
			margin: 0;
			color:#DE6020;
			padding: 20px 20px 5px 20px;
			background: url(images/bubble.png) top left;
		}
		 
		.tool-text {
			font-size: 12px;
			padding:0 20px 20px 20px;
			margin:0;
			background: url(images/bubblefoo.png) bottom left;
	}
		
		.tool-text a {
			color:#069;
		}
		
		.tool-loading {
			background: url(images/ajax_load.gif) center center no-repeat;
			width: 30px;
			height: 30px;
			margin: 0 auto;
		}
		
		img, div, a { behavior: url(iepngfix.htc) }
		





#content #leftcol-success ul li, #content-orange #leftcol-success ul li, #content #fullcol #cform ul li {
	list-style-type:disc;
	background-image:none;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:16px;
	color:#666;	
	margin:0 0 4px 20px;
	padding:0;
}

#content #leftcol-archive #partners {
	padding:10px 0 10px 0;
}

#content #leftcol-archive #partners img {
	margin: 3px 5px 2px 0;

}

#content #fullcol #cform input, #content #fullcol #cform select, #content #fullcol #cform textarea {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:16px;
	color:#333;	
}

#content #fullcol #cform .cs {
	width:100px;
	height:23px;
	font-size:13px;
	line-height:13px;
	margin:5px 0 10px 0;
	background:#DE6020;
	color:#FFF;
	font-weight: bold;
	border:solid 1px #666;
}

#headcol {
	float:left;
	width:500px;
	padding:0;
	margin:2px 0 2px 0px;
}

 angus end */