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

* {
	margin:0px;
	padding:0px;
}

body {
	background: url(../images/bg.gif) #001038 repeat-y center;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5;	
}

:focus, :active { 
	outline: 0; 
}

.clear {
	clear:both;
}

a img {
	border:0px;
}

#container {
	width:950px;
	margin:0px auto;
	padding:30px 0px;
}

/****************************
			HEADER
*****************************/

#header {
	z-index:2;
	width:950px;
}

#header .logo {
	float: left;
	width: 167px;
}

	#header .logo a {
		background: url(../images/logo.png) no-repeat;
		display: block;
		height: 94px;	/* 167px */
		overflow: hidden;
		text-indent: -9999px;
		width:167px;
	}

#header_right {
	float:left;
	width:783px;
}

/* ====================== */
/* = --- NAVIGATION --- = */
/* ====================== */

#menu {
	background-color: #5cae4a;
	height :34px;
	list-style: none;
	width: 783px;
	
/* 	background: url(../images/bg_nav_end.gif) #5cae4a center right no-repeat; */
}

	#menu li {
		float:left;
		height:34px;
		position: relative;
		z-index: 5;
/* 		margin: 0 4px; */
	}
	
		#menu li a {
			background: url(../images/navigation.gif) no-repeat;
			display:block;
			height: 34px;
			overflow:hidden;
			text-indent:-9999px;
		}
		
		#menu li.nav_home a 			{ background-position: 0 0; width: 57px; }		
		#menu li.nav_home a:hover 		{ background-position: 0 -34px; }
					
		#menu li.nav_products a 		{ background-position: -57px 0; width: 90px; }
		#menu li.nav_products a:hover 	{ background-position: -57px -34px; }
		
		#menu li.nav_reminder a 		{ background-position: -147px 0; width: 127px; }
		#menu li.nav_reminder a:hover 	{ background-position: -147px -34px; }
		
		#menu li.nav_vouchers a 		{ background-position: -274px 0; width: 78px; }
		#menu li.nav_vouchers a:hover 	{ background-position: -274px -34px; }
		
		#menu li.nav_fleet a 			{ background-position: -352px 0; width: 50px; }
		#menu li.nav_fleet a:hover 		{ background-position: -352px -34px; }
		
		#menu li.nav_about a 			{ background-position: -402px 0; width: 59px; }
		#menu li.nav_about a:hover 		{ background-position: -402px -34px; }
		
		#menu li.nav_expansion a 		{ background-position: -461px 0; width: 82px; }
		#menu li.nav_expansion a:hover	{ background-position: -461px -34px; }
		
		#menu li.nav_news a 			{ background-position: -543px 0; width: 56px; }
		#menu li.nav_news a:hover		{ background-position: -543px -34px; }
		
		#menu li.nav_find a 			{ background-position: -599px 0; width: 101px; }
		#menu li.nav_find a:hover		{ background-position: -599px -34px; }
		
		#menu li.nav_shop a 			{ background-position: -700px 0; width: 83px; }
		#menu li.nav_shop a:hover		{ background-position: -700px -34px; }
		
		#menu li.nav_news { display: block; width: 56px; }
		
#menu li ul {
	display: none;
	left: 0;
	list-style: none;	
	opacity: 0;
	position: absolute;
	top: 34px;
}

	#menu li ul li {
		float: none;
		height: 24px !important;
		position: relative;
		width: 119px !important;
	}
	
		#menu li ul li a {
			background: url(../images/subnav.png) no-repeat;
			height: 24px !important;
			width: 119px !important;
		}
		
		#menu li ul li.sub_tyres a 			{ background-position: 0 0; }
		#menu li ul li.sub_tyres a:hover	{ background-position: -119px 0; }
		
		#menu li ul li.sub_exhausts a 		{ background-position: 0 -24px; }
		#menu li ul li.sub_exhausts a:hover	{ background-position: -119px -24px; }
		
		#menu li ul li.sub_brakes a 		{ background-position: 0 -48px; }
		#menu li ul li.sub_brakes a:hover	{ background-position: -119px -48px; }
		
		#menu li ul li.sub_clutch a 		{ background-position: 0 -72px; }
		#menu li ul li.sub_clutch a:hover	{ background-position: -119px -72px; }
		
		#menu li ul li.sub_shock a 			{ background-position: 0 -96px; }
		#menu li ul li.sub_shock a:hover	{ background-position: -119px -96px; }
		
		#menu li ul li.sub_battery a 		{ background-position: 0 -120px; }
		#menu li ul li.sub_battery a:hover	{ background-position: -119px -120px; }
		
		#menu li ul li.sub_mot a 			{ background-position: 0 -144px; }
		#menu li ul li.sub_mot a:hover		{ background-position: -119px -144px; }
		
		#menu li ul li.sub_service a 		{ background-position: 0 -168px; }
		#menu li ul li.sub_service a:hover	{ background-position: -119px -168px; }
		
		#menu li ul li.sub_oil a 			{ background-position: 0 -192px; }
		#menu li ul li.sub_oil a:hover		{ background-position: -119px -192px; }
		
		#menu li ul li.sub_air a 			{ background-position: 0 -216px; }
		#menu li ul li.sub_air a:hover		{ background-position: -119px -216px; }
					
/****************************
           CONTENT
*****************************/

#content {
/*	margin-top:-53px;*/
/* 	position:absolute; */
/* 	padding-top:94px; */
/* 	z-index:1; */
/* 	position: relative; */
}	

	#content #contentLeft {
		float: left;
/* 		height: 569px; */
		position: relative;
		width: 674px;
		z-index: 3;
	}
	
		#contentLeft .logo a {
			background: url(../images/logo.png) no-repeat bottom;
			display: block;
			height: 73px;	/* 167px */
			left: 0; top: 0;
			overflow: hidden;
			position: absolute;
			text-indent: -9999px;
			width:167px;
			z-index: 2;
		}
		
		#contentLeft #flashLeft { position: relative; z-index: 1; }	
	
#content #contentLeft #testimonials {
	background: #fff no-repeat;
	border-left: 6px solid #004790;
	float: left;
	height: 334px;
	margin: 0 0 0 46px;
	padding: 0 24px 0 0;
	position: relative;
	width: 134px;
	z-index: 3;
}

	#content #contentLeft #testimonial { position: absolute; top: -80px; z-index: 2; }
	
	#content #contentLeft #testimonial h3 {
		background: url(../images/bg_testimonials.gif) no-repeat;
		display: block;
		height: 96px;
		overflow: hidden;
		text-indent: -9999px;
		width: 134px;
	}
	
	#content #contentLeft #testimonial #scrollholder {
		background-color: #cae5c6;
		border-right: 1px solid #1d7810;
		height: 280px;
		overflow: hidden;
		width: 133px;
	}
	
		#content #contentLeft #testimonial #scrollholder p {
			background-color: #58ac4b;
			color: #fff;
			display: block;
			font-weight: bold;
			margin: 0 0 4px 0;
			padding: 2px 4px;
		}
		
		#content #contentLeft #testimonial #scrollholder blockquote {
			color: #333;
			font-size: 1.1em;
			font-style: italic;
			margin-bottom: 12px;
			padding: 0 6px;
		}
		
			#content #contentLeft #testimonial #scrollholder blockquote cite {
				display: block;
				font-style: normal;
				font-weight: bold;
				padding: 6px 0 0 0;
			}
		
	#content #contentLeft #testimonial a {
		background: url(../images/bg_testimonialsMore.gif) no-repeat;
		display: block;
		height: 26px;
		overflow: hidden;
		text-indent: -9999px;
		width: 134px;
	}
		
	#content #contentLeft #banners {
		background: #fff;
		float: left;
		height: 322px;
		overflow: hidden;
		padding: 12px 0 0 0;
		width: 464px;
	}
	
	#banners #bannersWrapper {
		height: 314px; 
		overflow: hidden;
	}
	
	#banners #bannerFade { list-style: none; }
	
		#banners #bannerFade li { position: absolute; }
					
	#content #contentRight {
		background: url(../images/bg_indexContent.gif) #fff no-repeat top right;
		float: left;
		height: 569px;
		position: relative;
		width: 276px;
		z-index: 3000;
	}
	
		#content #contentRight #shopButtons { 
			height: 240px; /* 250px */
			padding-top: 10px;
			position: relative;
			z-index: 1000;
		}
		
			#content #contentRight #shopButtons ul { list-style: none; }
			
				#content #contentRight #shopButtons ul li {
					height: 76px;
					margin-bottom: 2px;
				}
				
					#content #contentRight #shopButtons ul li a {
						background: url(../images/shop_buttons.png) no-repeat;
						display: block;
						height: 76px;
						overflow:hidden;
						text-indent:-9999px;
						width: 258px;
					}
					
					#content #contentRight #shopButtons ul li.tyre a 			{ background-position: 0 0; }
					#content #contentRight #shopButtons ul li.tyre a:hover 		{ background-position: -258px 0; }
					
					#content #contentRight #shopButtons ul li.mot a 			{ background-position: 0 -78px; }
					#content #contentRight #shopButtons ul li.mot a:hover		{ background-position: -258px -78px; }
					
					#content #contentRight #shopButtons ul li.service a 		{ background-position: 0 -156px; }
					#content #contentRight #shopButtons ul li.service a:hover 	{ background-position: -258px -156px; }
					
	#content #flashRight {
		background-color: #fff;
		border-right: 7px solid #004b91;
		height: 436px;
	}
	
		#content #flashRight h2 {
			background: url(../images/big-savings.gif) no-repeat;
			display: block;
			height: 52px;
			overflow: hidden;
			text-indent: -9999px;
			width: 258px;
		}
		
		#content #flashRight #products { list-style: none; margin-bottom: 14px; }
		
			#content #flashRight #products li {
				border-bottom: 3px solid #fff;				
				float: left;
				height: 26px;
				width: 257px;
			}
			
				#content #flashRight #products li a {
					background: url(../images/product-buttons.gif) no-repeat;
					display: block;
					height: 26px;
					overflow: hidden;
					text-indent: -9999px;
					width: 257px;
				}
								
				#content #flashRight #products #tyres a 		{ background-position: 0 0; }
				#content #flashRight #products #servicing a 	{ background-position: 0 -26px; }
				#content #flashRight #products #exhausts a 		{ background-position: 0 -52px; }
				#content #flashRight #products #mot a 			{ background-position: 0 -78px; }
				#content #flashRight #products #brakes a 		{ background-position: 0 -104px; }
				#content #flashRight #products #shocks a 		{ background-position: 0 -130px; }
				#content #flashRight #products #clutches a 		{ background-position: 0 -156px; }
				#content #flashRight #products #batteries a 	{ background-position: 0 -182px; }
				
#content #flashRight #social { list-style: none; margin: 14px 0 0 2px; }

	#content #flashRight #social li { float: left; margin: 0 10px 0 0; }

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

#footer {
	background-color:#004790;
	width:884px;	/*902px*/
	height:15px;	/*40px*/
	margin-left:46px;
	position:absolute;
	top:810px;
	padding:8px 10px;
}

#footer p { color:#fff; font-size:1.1em; }

#footer p.left 	{ float:left; }
#footer p.right { float:right; }

#footer a { color:#fff; }