/****************************
			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;
}

.confirm_box {
	color:#239919;
	padding:10px;
	text-align:left;
	border:1px solid #33CC33;
	background-color:#CCFFCC;
	margin-bottom:20px;
	font-size: 1.2em;
}

.warning_box {
	color:#CC2310;
	padding:10px;
	text-align:left;
	border:1px solid #C33;
	background-color:#FDE3E3;
	margin-bottom:20px;
	font-size: 1.2em;
}

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

.fixed {
	display:block;
}

/*  \*/
.fixed {
	min-height:1%;
}

* html .fixed {
	height:1%;
}

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

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

#header {
	width:950px;
}

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

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

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

#navigation {
	background-color:#5cae4a;
	height:30px;
	list-style:none;
	width:783px;
}

	#navigation li {
		float:left;
		height:30px;
	}
	
		#navigation li a {
			text-indent:-9999px;
			overflow:hidden;
			display:block;
			background-repeat:no-repeat;
		}
		
		#navigation li.nav_home a {
			background-image:url(../images/nav_home.gif);
			width:52px;
			height:30px;
		}
		
		#navigation li.nav_products a {
			background-image:url(../images/nav_products.gif);
			width:136px;
			height:30px;
		}
		
		#navigation li.nav_reminder a {
			background-image:url(../images/nav_reminder.gif);
			width:146px;
			height:30px;
		}
		
		#navigation li.nav_vouchers a {
			background-image:url(../images/nav_vouchers.gif);
			width:70px;
			height:30px;
		}
		
		#navigation li.nav_careline a {
			background-image:url(../images/nav_careline.gif);
			width:102px;
			height:30px;
		}
		
		#navigation li.nav_fleet a {
			background-image:url(../images/nav_fleet.gif);
			width:47px;
			height:30px;
		}
		
		#navigation li.nav_about a {
			background-image:url(../images/nav_about.gif);
			width:51px;
			height:30px;
		}
		
		#navigation li.nav_expansion a {
			background-image:url(../images/nav_expansion.gif);
			width:79px;
			height:30px;
		}
		
		#navigation li.nav_jobs a {
			background-image:url(../images/nav_jobs.gif);
			width:45px;
			height:30px;	
		}
		
		#navigation li.nav_news a {
			background-image:url(../images/nav_news.gif);
			width:55px;
			height:30px;	
		}
		
		#navigation li a:hover {
			background-position:0 100%;
		}
		
/* ================== */
/* = --- SUBNAV --- = */
/* ================== */

#subnav {
	background-color:#005daa;
	height:34px;
	list-style:none;
	width:783px;
}

	#subnav li {
		float:left;
		height:34px;
	}
	
		#subnav li a {
			text-indent:-9999px;
			overflow:hidden;
			display:block;
			background-repeat:no-repeat;
		}
		
		#subnav li.sub_tyres a {
			background-image:url(../images/sub_tyres.gif);
			width:53px;
			height:34px;
		}
		
		#subnav li.sub_exhausts a {
			background-image:url(../images/sub_exhausts.gif);
			width:79px;
			height:34px;
		}
		
		#subnav li.sub_brakes a {
			background-image:url(../images/sub_brakes.gif);
			width:64px;
			height:34px;
		}
		
		#subnav li.sub_clutches a {
			background-image:url(../images/sub_clutches.gif);
			width:73px;
			height:34px;
		}
		
		#subnav li.sub_shocks a {
			background-image:url(../images/sub_shocks.gif);
			width:66px;
			height:34px;
		}
		
		#subnav li.sub_batteries a {
			background-image:url(../images/sub_batteries.gif);
			width:76px;
			height:34px;
		}
		
		#subnav li.sub_mot a {
			background-image:url(../images/sub_mot.gif);
			width:97px;
			height:34px;
		}
		
		#subnav li.sub_servicing a {
			background-image:url(../images/sub_servicing.gif);
			width:78px;
			height:34px;
		}
		
		#subnav li.sub_findcentre a {
			background-image:url(../images/sub_findcentre.gif);
			width:101px;
			height:34px;
		}
		
		#subnav li.sub_contact a {
			background-image:url(../images/sub_contact.gif);
			width:96px;
			height:34px;
		}
		
		#subnav li a:hover {
			background-position:0 100%;
		}
		
/****************************
		   CONTENT
*****************************/

#content_container {
	width:924px;
	margin-left:26px;
	margin-top:122px;
	background-image:url(../images/bg_content.gif);
	background-repeat:repeat-y;
	background-color:#fff;
}

#content_top {
	height:45px;
	background-image:url(../images/bg_content_top.gif);
	background-repeat:no-repeat;
	background-position:top;
}

#content {
	padding:0px 6px 20px;
}

#content_left {
	float:left;
	width:134px;
	margin-right:12px;
	padding-top:20px;
}

	#content_left #puncture_repair {
		margin-bottom: 30px;
	}

	#content_left #sidenav {
		width:118px;	/*134px*/
		background-color:#B3BCD3;
		background-image:url(../images/bg_sidenav_top.gif);
		background-repeat:no-repeat;
		background-position:top;
		padding:10px 6px 0px 10px;
	}
	
		#sidenav h3 {
			color:#369;
			display:block;
			border-bottom:1px solid #369;
			font-size:1.4em;
			margin-bottom:10px;
		}
	
		#sidenav #sidenav_ul {
			list-style:none;
		}
		
			#sidenav_ul li {
				font-size:1.2em;
				padding-bottom:10px;
			}
			
				#sidenav_ul li a {
					color:#00387B;
					text-decoration:none;
					display:block;
					text-transform:capitalize;
				}
				
				#sidenav_ul li a:hover {
					color:#41A336;
				}
				
				#sidenav_ul li.current a {
					color:#41A336;
					font-weight:bold;
				}
	
	#content_left #sidenav_bottom {
		width:134px;
		height:18px;
		background-image:url(../images/bg_sidenav_bottom.gif);
		background-repeat:no-repeat;
		margin-bottom:10px;
	}
	
	#content_left #testimonial {
		width:118px;	/*134px*/
		background-color:#c5e2c0;
		background-image:url(../images/bg_testimonial.gif);
		background-repeat:no-repeat;
		background-position:top;
		padding:10px 6px 0px 10px;
	}
	
		#testimonial h3 {
			color:#37a037;
			display:block;
			border-bottom:1px solid #37a037;
			font-size:1.4em;
			margin-bottom:10px;
		}
		
		#testimonial p {
			color: #333;
			font-size: 1.1em;
			margin-bottom: 8px;
		}
		
		#testimonial a {
			color: #003c7c;
			font-size: 1.1em;
		}
		
	#content_left #testimonial_bottom {
		width:134px;
		height:18px;
		background-image:url(../images/bg_testimonial_bottom.gif);
		background-repeat:no-repeat;
		margin-bottom:10px;
	}

#content_middle {
	float:left;
	width:490px;
	margin-right:40px;
	padding-top:4px;
}

	#content_middle h1 {
		color:#41A336;
		font-family:verdana, arial, sans-serif;
		margin-bottom:20px;
		font-size:2.6em;
		font-weight:bold;
	}
	
	#content_middle h2 {
		color:#00387B;
		font-family:verdana, arial, sans-serif;
		font-size:2em;
		font-weight:bold;
	}
	
	#content_middle p {
		font-size:1.2em;
		color:#333;
		margin-bottom:14px;
	}
	
	#content_middle p.blue {
		color:#00387B;
	}
	
	#content_middle p.green {
		color:#41A336;
	}
	
	#content_middle p.small {
		font-size:1em;
	}
	
		#content_middle p a {
			color:#00387B;
		}
	
		#content_middle p a:hover {
			color:#41A336;
		}
		
		#content_middle p a.red_link {
			color:#CB0926;
		}
		
		#content_middle ul.list {
			font-size:1.2em;
			margin-left:20px;
			margin-bottom:14px;
		}
		
			#content_middle ul.list li {
				color:#41A336;
			}
			
				#content_middle ul.list li span {
					color:#333;
				}
				
				#content_middle ul.list dl {
					margin-left: 10px;
					color: #333;
				}
				
					#content_middle ul.list dl dd {
						list-style: circle;
					}
				
	#content_middle #service_costs {
		padding-left:105px;		
	}
	
	#content_middle_left {
		float:left;
		width:235px;
		margin-right:20px;
	}
	
		#content_middle ul.pdf {
			font-size:0.8em;
			color:#333333;
			list-style:none;
		}
		
			#content_middle ul.pdf li {
				background:transparent url(../images/pdf.gif) no-repeat scroll 4px 50%;
				padding:2px 0px 2px 24px;
			}
			
				#content_middle ul.pdf li a {
					color:#00387B;
				}
				
				#content_middle ul.pdf li a:hover {
					color:#41A336;
				}
	
	#content_middle_right {
		float:left;
		width:235px;
	}
	
	#content_middle_right #frm_directions br {
		clear:both;
	}
		
	#content_middle_right #frm_directions label {
		font-size:1.2em;
		color:#333;
	}
	
	#content_middle_right #frm_directions input.text {
		width:140px;
		float:left;
		padding:4px;
		border:1px solid;
		border-color:#7c7c7c #c3c3c3 #dddddd;
		margin-top:6px;
		margin-right:8px;
	}
	
	#content_middle_right #frm_directions input.btn_go {
		float:left;
		margin-top:6px;
	}
	
#content_right {
	float:left;
	width:236px;
}

	#content_right h2 {
		color:#00387B;
		font-family:verdana, arial, sans-serif;
		font-size:2em;
		font-weight:bold;
		margin-top: 54px;
	}

#content_wide {
	width:740px;
	margin-left:146px;
	padding-right:16px;
}

	#content_wide h1 {
		color:#41A336;
		font-family:verdana, arial, sans-serif;
		margin-bottom:20px;
		font-size:2.6em;
		font-weight:bold;
	}
	
	#google-map ul {
		list-style:none;
	}
	
		#google-map ul li {
			font-size:1.1em;
			margin-bottom:8px;
		}
		
			#google-map ul li a {
				color:#00387B;
			}
			
	.small_logo {
/*		padding-left:130px;*/
		float:left;
	}
	
	.map_text {
		float:left;
		font-size:1.1em;
		margin-right:10px;
	}

	#content_wide p {
		font-size:1.2em;
		color:#333;
		margin-bottom:14px;
	}
	
		#content_wide p a {
			color:#00387B;
		}
	
		#content_wide p a:hover {
			color:#41A336;
		}
	
/* =============================== */
/* = --- PRODUCTS & SERVICES --- = */
/* =============================== */

.hidden_list a {
	font-weight: bold;
	font-size:1.2em;
	color:#00387B;
	margin-bottom:10px;	
	display: block;
}

	.hidden_list a:hover {
		color:#41A336;
	}

	.hidden_list_left {
		width: 230px;
		float: left;
		margin-right: 30px;
	}
	
	.hidden_list_right {
		width: 230px;
		float: left;
	}

/* =========================== */
/* = --- BRANCH DETAILS ---- = */
/* =========================== */

#content_branch_left {
	float:left;
	width:215px;
	margin-right:20px;
	padding-left:20px;
}

#content_branch_left h1 {
	color:#41A336;
	font-family:verdana, arial, sans-serif;
	margin-bottom:20px;
	font-size:2.6em;
	font-weight:bold;
}

#content_branch_left h2 {
	color:#00387B;
	font-family:verdana, arial, sans-serif;
	font-size:2em;
	font-weight:bold;
}

#content_branch_left p {
	font-size:1.2em;
	color:#333;
	margin-bottom:14px;
}

#content_branch_left p.blue {
	color:#00387B;
}

#content_branch_left p.green {
	color:#41A336;
}


#content_branch_right {
	float:left;
	width:600px;
}

/* ==================== */
/* = --- VOUCHERS --- = */
/* ==================== */

#vouchers {
	width:490px;
	list-style:none;
}

	#vouchers li {
		width:150px;
		height:66px;
		float:left;
		padding:4px;
		background-color:#dae4f1;
		margin:2px;
	}
	
	#vouchers li input {
		margin-right:6px;
		height:12px;
/*		float:left;*/
		margin-top:27px;
	}
	
	#vouchers li img {
		width:130px;
		height:66px;
		float:right;
	}
	
#frm_vouchers .btn_submit {
	clear:both;
	margin-top:30px;
}

/* ==================== */
/* = --- SITE MAP --- = */
/* ==================== */

ul.sitemap {
	list-style: none;
	font-size: 1.2em;
	margin-left: 20px;
	margin-bottom: 10px;
}

	ul.sitemap li {
		margin-bottom: 10px;
	}
	
		ul.sitemap li a {
			color: #00387B;
			font-weight: bold;
		}
		
		ul.sitemap li a:hover {
			color: #41A336;
		}
		
		ul.sitemap li ul {
			margin-left: 40px;
			list-style: none;
			margin-top: 10px;
		}
		
.hr {
	height: 0px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}

/* =============================== */
/* = --- JOB APPLY FORM - CV --- = */
/* =============================== */

#frm_apply_cv {
	font-size:1.2em;
	background-color: #eee;
	padding: 30px;
}

	#frm_apply_cv label {
		display: block;
		width: 160px;
		float: left;
		margin-bottom: 10px;
		padding-right:10px;
		text-align:right;
	}
	
		#frm_apply_cv label span, p span.asterisk {
			font-size: 1em;
			color: #cc0000;
		}
	
	#frm_apply_cv input.text {
		display: block;
		width: 200px;
		float: left;
		margin-bottom: 10px;
		padding:4px;
		border:1px solid;
		border-color:#7c7c7c #c3c3c3 #dddddd;
	}
	
	#frm_apply_cv input[type="hidden"] {
		display:none;
	}
	
	#frm_apply_cv br {
		clear:left;
	}
	
/* ================================== */
/* = --- JOB APPLY FORM - NO CV --- = */
/* ================================== */

#form_steps {
	list-style: none;
	width: 312px;
}
	
	#form_steps li {
		float: left;
	}

.form_box {
	background-color: #eee;
	padding: 10px;
	margin-bottom: 20px;
}

.form_box h2 {
	margin-bottom: 20px;
}

	.form_box a.prev {
		float: left;
		font-size: 1em;
		padding: 4px 8px;
		background-color: #fff;
		border: 1px solid #ccc;
		color:#00387B;
		text-decoration: none;
		margin-top: 10px;
	}
	
		.form_box a.prev:hover {
			color: #41A336;
		}

	.form_box a.next {
		float: right;
		font-size: 1em;
		padding: 4px 8px;
		background-color: #fff;
		border: 1px solid #ccc;
		color:#00387B;
		text-decoration: none;
		margin-top: 10px;
	}
	
		.form_box a.next:hover {
			color: #41A336;
		}
		
	.form_box input.btn_submit {
		float: right;
		font-size: 1em;
		padding: 4px 8px;
		background-color: #fff;
		border: 1px solid #ccc;
		color:#00387B;
		text-decoration: none;
		margin-top: 10px;
	}
	
		.form_box input.btn_submit:hover {
			color: #41A336;
		}

#frm_apply {
	font-size:1.2em;
}

	#frm_apply h3 {
		color:#00387B;
		margin-bottom: 10px;
	}

	#frm_apply p.small {
		font-size: 0.8em;
	}
	
	#frm_apply ul.small {
		font-size: 0.8em;
		margin-left: 30px;
		color: #333
	}

	#frm_apply label {
		display: block;
		width: 210px;
		float: left;
		margin-bottom: 10px;
		padding-right:10px;
		text-align:right;
	}
	
		#frm_apply label span, p span.asterisk {
			font-size: 1em;
			color: #cc0000;
		}
		
		#frm_apply label span.small {
			font-size: 0.8em;
			color: #777;
		}
		
	#frm_apply label.radio {
		text-align: left;
	}
	
	#frm_apply input.text {
		display: block;
		width: 230px;
		float: left;
		margin-bottom: 10px;
		padding:4px;
		border:1px solid;
		border-color:#7c7c7c #c3c3c3 #dddddd;
	}
	
	#frm_apply input[type="hidden"] {
		display:none;
	}
	
	#frm_contact textarea.textarea {
		display: block;
		float: left;
		margin-bottom: 10px;
		padding:4px;
		border:1px solid;
		border-color:#7c7c7c #c3c3c3 #dddddd;
		font-family:helvetica, arial;
		font-size:0.8em;
	}
	
	#frm_apply br {
		clear:left;
	}
	
	#frm_apply hr {
		margin-bottom: 10px;
	}
	
/* ====================================== */
/* = --- Special Offers Branch List --- = */
/* ====================================== */

ul.branches {
	width: 230px;
	float: left;
	list-style: none;
	font-size: 1.2em;
}

	ul.branches li {
		margin-bottom: 4px;
	}
	
		ul.branches li a {
			color: #00387B;
			font-weight: bold;
			text-decoration: none;
		}
		
		ul.branches li a:hover {
			color: #41A336;
		}

/* ============================ */
/* = --- Service Reminder --- = */
/* ============================ */

.reminder_box {
	background-color: #DCE8F1;
	border: 1px solid #B9CFE7;
	padding: 10px;
	margin-bottom: 20px;
}

/* --- LOGIN/REGISTER --- */

#frm_reminder_login, #frm_reminder_register {
	font-size:1.2em;
}

	#frm_reminder_login label, #frm_reminder_register label {
		display: block;
		width: 150px;
		float: left;
		margin-bottom: 10px;
		padding-right:10px;
		text-align:right;
		color: #333;
	}
	
	#frm_reminder_register span.asterisk {
		font-size: 1em;
		color: #cc0000;
	}
	
	#frm_reminder_login input.text, #frm_reminder_register input.text {
		display: block;
		width: 230px;
		float: left;
		margin-bottom: 10px;
		padding:4px;
		border:1px solid;
		border-color:#7c7c7c #c3c3c3 #dddddd;
	}
	
	#frm_reminder_login input[type="hidden"], #frm_reminder_register input[type="hidden"] {
		display:none;
	}
	
	#frm_reminder_login br, #frm_reminder_register br {
		clear:left;
	}
	
	#frm_reminder_login input.btn_submit, #frm_reminder_register input.btn_submit {
		font-size: 1em;
		padding: 4px 8px;
		background-color: #00387B;
		border: 1px solid #fff;
		color:#fff;
		text-decoration: none;
		font-weight: bold;
	}
	
		#frm_reminder_login input.btn_submit:hover, #frm_reminder_register input.btn_submit:hover {
			color: #41A336;
		}
		
/* --- VEHICLES --- */

#frm_vehicles {
	font-size: 1.2em;
	color: #333;
}

	#frm_vehicles label {
		color: #333;
		padding-right: 10px;
		margin-bottom: 10px;
	}
	
	#frm_vehicles select {
		margin-bottom: 10px;
	}
	
	#frm_vehicles .rule {
		height:0px;
		border-bottom: 1px dashed #B7CFE7;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	#frm_vehicles a.add_vehicle {
		padding-left: 20px;
		background-image: url(../images/add.png);
		background-repeat: no-repeat;
		color: #00387B;
		margin-left: 166px;
	}
	
	#frm_vehicles ul {
		list-style: none;
		margin-top: 8px;
	}
	
		#frm_vehicles ul li {
			color: #00387B;
			padding: 8px;
			border: 1px solid #B7CFE7;
			background-color: #fff;			
		}
	
			#frm_vehicles ul li a.delete_vehicle {
				padding-left: 20px;
				background-image: url(../images/cancel2.png);
				background-repeat: no-repeat;
				color: #00387B;
				float: right;
			}

/* --- DIARY --- */

#frm_diary {
	font-size: 1.2em;
	color: #333;
}

	#frm_diary span.how {
		float: right;
	}
	
		#frm_diary span.how img {
			margin: 0px 10px;
		}
		
	#frm_diary .rule {
		height:0px;
		border-bottom: 1px dashed #B7CFE7;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	#frm_diary ul {
		list-style: none;
	}
	
		#frm_diary ul li {
			padding: 6px;
			border-bottom: 1px solid #B7CFE7;
		}
		
			#frm_diary ul li span.label {
				font-weight: bold;
				color: #00387B;
				width: 86px;
				float: left;
			}
			
			#frm_diary ul li span.date {
				float: left;
				width: 160px;
			}
			
				#frm_diary input.calendar {
					display: block;
					width: 140px;
					padding:2px;
					border:1px solid;
					border-color:#7c7c7c #c3c3c3 #dddddd;
				}
			
			#frm_diary ul li span.notice {
				float: left;
				width: 140px;
			}
			
			#frm_diary ul li span.check_phone {
				float: left;
				width: 29px;
				text-align: center;
				margin-right: 15px;
			}
			
			#frm_diary ul li span.check_sms {
				float: left;
				width: 20px;
				text-align: center;
			}
			
			#frm_diary ul li .clear_float {
				clear: left;
				height: 0px;
			}

	#frm_diary input.btn_submit {
			font-size: 1em;
			padding: 4px 8px;
			background-color: #00387B;
			border: 1px solid #fff;
			color:#fff;
			text-decoration: none;
			font-weight: bold;
		}
		
			#frm_diary input.btn_submit:hover {
				color: #41A336;
			}

/* --- EDIT DETAILS --- */

#frm_details {
	font-size: 1.2em;
}

	#frm_details label {
		display: block;
		margin-bottom: 4px;
		color: #333;
		font-weight: bold;
	}
	
	#frm_details input.text {
/* 		display: block; */
		width: 160px;
		float: left;
		margin-bottom: 10px;
		padding:4px;
		border:1px solid;
		border-color:#7c7c7c #c3c3c3 #dddddd;
		margin-left: 30px;
	}
	
	#frm_details input[type="hidden"] {
		display:none;
	}
	
	#frm_details br {
		clear:left;
	}
	
	#frm_details input.btn_submit {
		font-size: 1em;
		padding: 4px 8px;
		background-color: #00387B;
		border: 1px solid #fff;
		color:#fff;
		text-decoration: none;
		font-weight: bold;
	}
	
		#frm_details input.btn_submit:hover {
			color: #41A336;
		}

/*
#field_email {
	background:transparent url(../images/mail.gif) no-repeat scroll 0 60%;
}

#field_phone {
	background:transparent url(../images/phone.gif) no-repeat scroll 7px 65%;
}
*/


/* ================= */
/* = --- NEWS ---- = */
/* ================= */

ul#news {
	list-style: none;
	
	width: 210px;
	margin: 0px auto;
}

	ul#news li {
		float: left;
		margin:0px 14px 14px 0px;
		font-size: 1.2em;
		color: #333;
		font-weight: bold;
		text-align: center;
		width: 210px;
	}
	
		ul#news li a img {
			padding: 4px;
			border: 1px solid #ccc;
		}
		
		ul#news li a:hover img {
			border-color: #2E922A;
		}

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

#footer {
	background-color:#004790;
	width:904px;	/*924px*/
	height:15px;	/*40px*/
	margin-left:26px;
	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;
}