/* ___________________________________________________________

	CSS Vauxhall Used Cars
	Site by Creative Juice <http://www.creativejuice.co.uk> 
_____________________________________________________________*/

/* Page styles */

* { margin:0; padding: 0; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

body {
	background:#ccc;
	font: normal 75%/1em Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:1.4em;
	}
#pageWrapper {
	background:#97ABC6 url(../images/common/bg_page.jpg) 0 0 no-repeat;
	width:960px;
	margin:0 auto;
	padding:0 20px 20px;
	min-height:850px;
	}	
h2 {
	font: bold 1.6em Arial, Helvetica, sans-serif;
	color: #fff;
	margin-bottom:.5em;
	}	
p {
	margin-bottom: .6em;
	}
/* Reuseable styles */
.black {
	color: #000;
	}
.red {
	color: #E90000;	
}
.big {
	font-size:1.2em;
	}
.bigger {
	font-size:1.6em;
	}
.smaller {
	font-size:.9em;
	}
.aural {
	overflow:hidden;
	position:absolute;
	margin-left:-1000em;
	}
ul.bullets {
	margin: 0 0 .4em 1.5em;
	}
.clear {
	clear:both;
	}	
.btn_red, .btn_black, .btn_black:hover {
	background: transparent url(../images/common/bg_btns.gif) top left repeat-x;
	border:none;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
	cursor:pointer;
	text-align:center;
	height:22px;
	padding:2px 10px;	
	text-decoration:none;
	}
.btn_black, .btn_red:hover {
	background-position:0 -22px;
}
p.boxit {
	background:#E8E8E8;
	color:#E30000;
	text-transform:uppercase;
	text-align:center;
	padding:5px 0;
	font-size:.9em;
	}
p.boxit a {
	color:#E30000;
	text-decoration:none;
	}
p.boxit a:hover {
	color:#000;
}

/* _____________________________________

				HEADER
_________________________________________*/

#mastHead {
	height:155px;
	}
	
	#logo {
		float: left;
		background:url(../images/common/logo_vauxhall.gif) center no-repeat;
		display:block;
		width:250px;
		height:155px;
		}	
		#logo h1 {
			}	
	
	#mastHead  #headContent {
		float:left;
		width:710px;
		height:155px;
		position:relative;
	}
		#strap {
			background:#63737F;
			display:block;
			float:left;
			width:690px;
			height:70px;
			padding:10px;
			}
			#strap h2 {
				font:normal 1.6em Arial, Helvetica, sans-serif;
				margin-bottom:.5em;
				}		
			#strap p {
				font:normal 2.1em Arial, Helvetica, sans-serif;
				}
		
		#uiLogin {
			position:absolute;
			top:0;
			right:0;
			background:#000;
			width:220px;
			height:auto;
			text-align: center;	
			padding:10px 0;
			}
			#uiLogin a {
				font-size:1em;
				color:#fff;
				text-decoration:none;
				display:block;
			}
			#uiLogin span, #uiLogin a:hover {
				color:#fe0000;
			}

/* --------- Navigation -----------*/	
#navPanel {
	background: transparent url(../images/common/bg_navPanel.gif) 0 0 repeat-x;
	clear:left;
	height:50px;
	padding-top:20px;
	width:710px;
	}
	#navPanel ul li {
		display: inline;
		list-style-type:none;
		}
		#navPanel ul li a {
			height:30px;
			padding-top:10px;
			display:block;
			float:left;
			width:92px;
			text-align:center;
			color:#fff;
			text-decoration:none;
			font: normal 1.2em Arial, Helvetica, sans-serif;
			background:url(../images/common/bg_navBtn.png) top right no-repeat;
		}
		#navPanel ul li a:hover {
			color:#000000;
		}	
		#navPanel ul li a#nav_faq { width: 66px; background: none; }
		
		#navPanel ul li a.active {
			background:url(../images/common/activeBtn.png) no-repeat right top;
		}

/* _____________________________________

				CONTENT
_________________________________________*/

#mainContent {
	clear:both;
	}

/* -----------LEFT PANEL ----------- */

#leftPanel {
	float:left;
	width:236px;
	margin-right:12px;
	}

	#searchPanel {
		background:#000 url(../images/common/bg_searchPanel.gif) center repeat-y;
		width:216px;
		height:415px;
		padding:1.4em 10px;
		}
		#searchPanel h2 {
			color:#ccc;
			font:normal 1.8em Arial, Helvetica, sans-serif;
			margin:0 0 .6em;
			text-align:center;
			}
		#searchPanel fieldset {
			border: none;
			}
		#searchPanel select {
			width:100%;
			margin:2px 0 10px;
			}
		.adv_option, .adv_option_end {
			width:100px;
			float:left;
			padding-right:15px;
			}
			.adv_option_end {
				padding-right:0;
				}
		#searchPanel select.adv {
			width:100px;
			margin:2px 0 10px;
			}
		#searchPanel label {
			text-transform:uppercase;
			padding-left:.5em;
			font-size:1em;
			}
		#searchPanel button.search {
			float: right;
			margin-bottom:10px;
			}
	
	#carsFound {
		float:left;
		margin-top:-20px;
		}
		
	#advancedSearch {
		border-top:1px solid #999;
		border-bottom:1px solid #999;
		padding:10px 0;
		text-align:center;
		clear:both;
		margin-top:10px;
		}
	#advancedSearch a {
		color:#FFFFFF;
		}
		
	#searchByStyle {
		padding-bottom:20px;
		}	
		#searchPanel h3 {
			color:#ccc;
			font:normal 1.6em Arial, Helvetica, sans-serif;
			margin: 5px 0 5px;
			text-align: center;
			}
		#searchByStyle ul {
			padding-left: 14%;
			list-style: none;
			}
		#searchByStyle ul li {
			padding-bottom:4px;
			}
		#searchByStyle ul li a {
			border:none;
			background:none;
			color:#FFF;
			text-transform:uppercase;
			font: bold 1.2em Arial, Helvetica, sans-serif;
			text-align: left;
			text-decoration:none;
			display:block;
			}
			#searchByStyle ul li a:hover, #searchByStyle ul li span {
				color:#FF0000;
				}
			#searchByStyle ul li a:hover span {
				color:#fff;
				}
	#taxPanel, #insurancePanel {
		overflow: hidden;	
	}
	#taxPanel a {
		display:block;
		background:#D42727 url(../images/home/free_road_tax.gif) top right no-repeat;
		width:240px;
		height:89px;
		}
	#insurancePanel a {
		display:block;
		background: transparent url(../images/common/low_cost_insurance.jpg) top left no-repeat;
		width:240px;
		height:89px;
		margin-top: 10px;
		}		
		
		
/* ----------- CENTRE PANEL ----------- */
#centerPanel {
	float:left;
	width:500px;
	}		
	#cowPanel {
		border:1px solid #fff;
		border-top:none;
		padding:0 10px 13px 20px;
		margin-bottom: 8px;
		position:relative;
	}
		#cowPanel h2, #threeSteps h2 {
			margin-bottom: 7px;
		}
		#cowPanel img {
			float:left;	
			width:260px;
			margin-right:10px;
			margin-bottom:8px;
		}
		#cowDetails {
			width:190px;
			float:left;
			color:#000;
			}
		#cowDetails h4 {
			font: bold 2.4em Arial, Helvetica, sans-serif;
			color:#E30000;
			margin: 0;
			}
		#cowDetails #PanelHolder {
			float:left;
			}
		#cowDetails #ctaPanel {
			height:30px;
			position:absolute;
			bottom:23px;
			right:40px;
			width:170px;
			}
		#cowDetails #ctaPanel a.btn_black {
			margin-right:2px!important;
			display:block;
			height:20px;
			padding:4px 10px 0!important;
			width:170px;
			background: #222 url(../images/common/bg_btns.gif) repeat-x scroll left -22px;
			margin-top:8px;
			}
		#cowDetails #ctaPanel a, #cowDetails #ctaPanel button {
			float:left!important;
			padding:0!important;
			height:24px;
			}
		#cowDetails #ctaPanel button.btn_red {
			padding:0 10px 2px!important;
			height:22px;
			}
		#cowDetails ul {
			width:95px;
			float:left;
			font-size:0.9em;
			list-style:none;
			}
			
	#threeSteps {
		clear:both;
		}
		#step1 {
			background: transparent url(../images/home/3steps1.png) no-repeat scroll top left;
			width: 180px;
			height: 96px;
			float: left;
			}
		#step2 {
			background: transparent url(../images/home/3steps2.gif) no-repeat scroll top left;
			width: 172px;
			height: 96px;
			float: left;
			margin-left:-15px;
			}
		#step3 {
			background: transparent url(../images/home/3steps3.gif) no-repeat scroll top left;
			width: 172px;
			height: 96px;
			float: left;
			margin-left:-10px;
			}
	#showroomAdditions {
		clear: both;
		color: black;
		}
		#showroomAdditions h2 {
			background: #CC0000 url(../images/home/latest_additions_bg.gif) repeat-x scroll top left;
			text-align: center;
			font-size: 1.2em;
			padding: 8px 0 8px 0;
			margin-bottom: 0;
			}	
		#showroomAdditions ul {
			list-style: none;
			background-color: white;
			width: 470px;
			padding: 10px 15px 5px 15px;
			}		
			#showroomAdditions ul li {
				float: left;
				width: 227px;
				padding-bottom:10px;
				}
			#showroomAdditions ul li img {
				float: left;
				margin-right: 10px;
				}
				#showroomAdditions ul li a img {
					border:none;
					}
			#showroomAdditions ul li p {
				float: left;
				width: 130px;
				padding-bottom: 0;
				}
			#showroomAdditions ul li h4 {
				
				}
			#showroomAdditions span.model {
				font-weight: bold;
				display: block;
				padding-bottom:4px;
				}
			#showroomAdditions ul span.price {
				color: red;
				display: block;
				font-weight: bold;
				font-size: 1.3em;
				}
			#showroomAdditions ul span.details {
				display: block;
				line-height: 1.3em;
				}
/* ----------- RIGHT PANEL ----------- */
	
#rightPanel {
	float:left;
	width:200px;
	margin-left:12px;
	}
	#rightPanel h2.greyHead {
		width: auto !important;
	}
	#perfect {
		background: transparent url(../images/home/perfect_bg.gif) no-repeat;	
		height: 375px;
	}
	#perfect h2 {
			padding-top: 10px;
			text-align: center;
		}
		#perfect h2 span {
			font-size: 0.7em;
			display: block;
		}
	#perfect ul {
		list-style: none;
		}
	#perfect ul li {
		margin: 0 15px 10px;
		height: 57px;
		}
	#perfect ul li.agila {
		background: transparent url(../images/home/perfect_agila.png) no-repeat scroll center right;
		}
	#perfect ul li.corsa {
		background: transparent url(../images/home/perfect_corsa.png) no-repeat scroll center right;
		}
	#perfect ul li.meriva {
		background: transparent url(../images/home/perfect_meriva.png) no-repeat scroll center right;
		}
	#perfect ul li.astra {
		background: transparent url(../images/home/perfect_astra.png) no-repeat scroll center right;
		}
	#perfect ul li.zafira {
		background: transparent url(../images/home/perfect_zafira.png) no-repeat scroll center right;
		}
	#perfect ul li.insignia {
		background: transparent url(../images/home/perfect_insignia.png) no-repeat scroll center right;
		}
	#perfect ul li.antara {
		background: transparent url(../images/home/perfect_antara.png) no-repeat scroll center right;
		}
	#perfect ul li.vxr8 {
		background: transparent url(../images/home/perfect_vxr8.png) no-repeat scroll center right;
		}
	#perfect ul li.vectra {
		background: transparent url(../images/home/perfect_vectra.png) no-repeat scroll center right;
		}
	#perfect span {
		display: block;
		}
	#perfect li a {
		text-decoration: none;
	}
	#perfect li a span.model, #perfect a:hover {
		color: black;
		font-weight: bold;
		display: block;
		font-size: 1.2em;
		
		}
	#perfect a, #perfect li a:hover span.model {
		color: white;	
	}

	
	#callUsBox {
		color: white;
		height:115px;
		background-color: black;
		padding: 2em 0;
		text-align: center;
		margin-top: 8px;
		}
	#callUsBox2 {
		color: white;
		height:153px;
		background-color: black;
		padding: 2em 0;
		text-align: center;
		margin-top: 8px;
		}
		
	#taxPanelRight a {
		display:block;
		background:#D42727 url(../images/common/free_road_tax_right.gif) top right no-repeat;
		height:124px;
		width:200px;
		}

/* --------- MASTERPAGE FOOTER -------- */


/* FOOTER PANEL
---------------------------------------- */

#footer {
	width:962px;
	height:auto;
	border-top:1px solid #ddd;
	padding-bottom:10px;
	margin-top:5px;
	clear: both;
	float:left;
	position: relative;
}

#footer_copy, #footer_links {
	margin: 0 auto;
	padding-left: 40px;
	width: 500px;
}

#footer_copy { 
	padding-top: 10px;
}

.footer_group {
	width: auto;
	height:auto;
	float:left;
	color:#333;
}

.footer_group h2 {
	font-size:1.0em;
}

.footer_group ul {
	padding:5px 15px 5px 0;
	list-style:none;
}

.footer_group ul li {
	float:left;
	padding-right:10px;
	}

.footer_group a {
	color:#333;
	text-decoration:none;
}

.footer_group a:hover {
	color:#000;
}

/* SITE MAP */

.mapBullet {
	font-size:1.2em;
	font-weight:bold;
	}

#sitemap {
	float:left;
	padding:20px;
	}
	#sitemap ul {
		list-style:none;
		}
		#sitemap ul li span.mapBullet {
			color:#f70000;
			}
		#sitemap ul li {
			padding-bottom:5px;
			}
		#sitemap ul li a {
			color:#000;
			text-decoration:none;
			font-weight:bold;
			}
			#sitemap ul li a:hover {
				color:#f70000;
				}
				#sitemap ul li ul {
					padding-left:10px;
					padding-top:5px;
					}
					#sitemap ul li ul li span.mapBullet {
						color:#000;
						}
					#sitemap ul li ul li a {
						color:#f90000;
						font-weight:normal;
						}
						#sitemap ul li ul li a:hover {
							color:#000;
							}