/*===== Default styles =====*/

* {
	margin:0;
	padding:0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#202335;
	background:#e8e8e8;	
}

h1 {
	font-size:30px;
	font-weight:normal;
}

h2 {
	font-size:16px;
	color:#3145a8;
	font-weight:bold;
	margin-bottom:15px;
}

h3 {
	font-weight:bold;
	font-size:16px;
	margin-top:15px;
	margin-bottom:5px;
}

h4 {
	color:#17467e;
	margin-bottom:5px;
	font-size:1em;
}

img {
	border:0;
}

p {
	margin-top:5px;
	margin-bottom:20px;
	line-height:1.25em;
}

a {
	color:#3145a8;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	color:#4a99d5;
}

.hr {
	height:1px;
	line-height:1px;
	margin:20px 0;
	clear:both;
	background-image:url("/gfx/hr.gif");
	background-repeat:repeat-x;
}

.cleaner {
	height:0px;
	font-size:0;
	clear:both;
}

.hidden {
	display:none;
}

#main ul {
	margin:1em 0;
	line-height:1.25em;
}
	
#main ol {
	padding-left:30px;
	margin:1em 0;
	line-height:1.25em;
}

#main ul li {
	padding-left:30px;
	list-style-type:none;
	background-image:url("/gfx/raquo.gif");
	background-position:10px 5px;
	background-repeat:no-repeat;
}

#main ul ul {
	margin:0;
}

/*===== Layout etc =====*/

#mainContainer {
	margin:0 auto;
	width:900px;
	background-color:#fff;	
}

#header {
	width:900px;
	height:135px;
	position:relative;
}

	#logo {
		position:absolute;
		top:20px;
		left:20px;
	}
	
	#callUs {
		position:absolute;
		top:22px;
		right:20px;
	}

	#searchHeader {
		position:absolute;
		top:20px;
		right:340px;
		background-image:url("/gfx/magnifyingGlass.gif");
		background-position:top left;
		background-repeat:no-repeat;
		padding-left:25px;
		height:20px;
		line-height:20px;
	}
	
		#searchHeader a {
			color:#4a99d5;
		}
	
	#search {
		position:absolute;
		top:52px;
		right:385px;
	}
	
	#search input {
		border:0;
		width:213px;
		padding:4px;
		background:transparent;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.92em;
	}

	#searchButton {
		position:absolute;
		top:50px;
		right:295px;
	}
	
	
	#mainNav {
		position:absolute;
		top:93px;
		left:20px;
		overflow:hidden;
		background-image:url("/gfx/menu/bg.gif");
		background-position:top;
		background-repeat:repeat-x;
	}
	
	#mainNav li {
		list-style:none;
		float:left;
		height:25px;
		margin-right:1px;
	}
	
	#mainNav li a {
		display:block;
		outline:none;
		background-repeat:no-repeat;
		background-position:0px 0px;
		background-color:#4c9bd6;
		height:25px;
		line-height:25px;
		text-align:center;
		color:#fff;
		font-weight:bold;
		font-size:14px;
	}
	
	#mainNav li#item1 {width:99px;}
	#mainNav li#item2 {width:119px;}
	#mainNav li#item3 {width:93px;}
	#mainNav li#item4 {width:105px;}
	#mainNav li#item5 {width:116px;}
	#mainNav li#item6 {width:116px;}
	#mainNav li#item7 {width:112px;}
	#mainNav li#item8 {width:93px;margin-right:0;}
	
	#mainNav li#item1 a {background-image:url("/gfx/menu/item.gif");}
	#mainNav li#item2 a {background-image:url("/gfx/menu/item-02.gif");}
	#mainNav li#item3 a {background-image:url("/gfx/menu/item-03.gif");}
	#mainNav li#item4 a {background-image:url("/gfx/menu/item-04.gif");}
	#mainNav li#item5 a {background-image:url("/gfx/menu/item-05.gif");}
	#mainNav li#item6 a {background-image:url("/gfx/menu/item-06.gif");}
	#mainNav li#item7 a {background-image:url("/gfx/menu/item-07.gif");}
	#mainNav li#item8 a {background-image:url("/gfx/menu/item-08.gif");}
	
	#mainNav li a:hover, #mainNav li a.on {background-position:0px -25px;color:#fff;text-decoration:none;}
	
#breadcrumbs {
	background-color:#e8e8e8;
	margin:0 20px 20px 20px;
}

	#breadcrumbs li {
		list-style:none;		
		background-image:url("/gfx/raquo.gif");
		background-position:left center;
		background-repeat:no-repeat;
		padding:0 12px;
		line-height:25px;
		height:25px;
		float:left;
	}
	
	#breadcrumbs li.first {
		background-image:none;
		background-image:url("/gfx/home.gif");
		background-position:center;
		text-indent:-10000px;
		width:16px;
	}
	
		#breadcrumbs li.first a {
			display:block;
			width:16px;
			height:25px;
			overflow:hidden;
		}
	
#main {
	padding:0 20px;
}

.container2 {
	height:110px;
	border-top:10px solid #e8e8e8;
	position:relative;
	background-image:url("/gfx/container2.png");
	background-position:0 0;
	background-repeat:no-repeat;
	margin-bottom:20px;
}

	#safe {
		text-indent:-10000px;
		width:40px;
		height:40px;
		overflow:hidden;
		position:absolute;
		top:22px;
		left:0;
	}
	
	#british {
		text-indent:-10000px;
		width:58px;
		height:40px;
		overflow:hidden;
		position:absolute;
		top:22px;
		left:100px;
	}

	#buyOnline {
		position:absolute;
		top:85px;
		left:48px;
	}
	
		#buyOnline a {
			color:#4a99d5;
		}
		
	.container2 h3 {
		position:absolute;
		top:30px;
		left:445px;
		margin:0;
	}
	
	#callbackTime {
		position:absolute;
		top:30px;
		left:615px;
		font-family:Arial, Helvetica, sans-serif;
		border:1px solid #ccc;
		font-size:1em;
		color:#394049;
		padding:1px 0;
	}	
	
	#callbackText {
		position:absolute;
		top:50px;
		left:445px;
	}	
	
	#name2 {
		position:absolute;
		top:77px;
		left:444px;
		width:130px;
	}	
	
	#tel {
		position:absolute;
		top:77px;
		left:592px;
		width:130px;
	}
	
	#callMeBack {
		position:absolute;
		top:74px;
		right:0px;
	}
	
			#name2, #tel {
				border:0;
				width:192px;
				padding:4px;
				background:transparent;
				font-family:Arial, Helvetica, sans-serif;
				font-size:0.92em;
				color:#4a4c59;
			}
#footer {
	height:45px;
	line-height:45px;
	border-top:1px solid #e8e8e8;
	padding:0 20px;
}

	.copyright {
		width:150px;
		float:left;
	}

	#footer ul {
		float:left;
		width:590px;
	}
	
		#footer li {
			list-style:none;
			float:left;
			padding:0 10px;
			background-image:url("/gfx/divider.gif");
			background-position:left;
			background-repeat:no-repeat;
		}
		
	#sitemapFunction {
		width:120px;
		float:left;
		cursor:pointer;
	}
	
	#index {
		width:840px;
		margin:0 auto;
		background-color:#e8e8e8;
		padding:20px 0 20px 20px;
	}
	
		.sitemapArea {
			width:115px;
			float:left;
			padding-right:5px;
		}
		
		#index .drainage {
			margin-top:10px;
		}
		
		.sitemapArea ul li {
			list-style:none;
			margin-top:5px;
		}
		
		.sitemapArea ul ul {
			padding-left:10px;	
		}
#linkSection {
	margin:0 auto;
	width:900px;
}

#linkBack {
	height:45px;
	line-height:50px;
	background-image:url("/gfx/fivesite.gif");
	background-position:0px 15px;
	background-repeat:no-repeat;
	float:left;
	width:400px;
}

#linkBack a {
	color:#fff;
	font-size:10px;
	font-weight:bold;
	padding-left:45px;
}

#social {
	float:right;
	width:500px;
	height:45px;
	line-height:50px;
	text-align:right;
}

.slideshow {
	margin-bottom:20px;
	height:215px;
	width:860px;
	position: relative;
	z-index: 0;
}

.slideshow span {
	position:absolute;
	top:0px;
	left:0px;
	z-index:8;
}

.slideshow span.active {
	z-index:10;
}

.slideshow span.last-active {
	z-index:9;
}