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

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

body {
	font-size: 62.5%;
	font-family: Helvetica, Arial, sans-serif;
	line-height:1.5;
}

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

.fixed { display:block; }

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

* html .fixed {	height:1%; }

:focus, :active { outline: 0; }

.clear { clear:both; }

a img { border:0px; }

.floatLeft 	{ float: left; }
.floatRight { float: right; }

.warning_box {
	background-color:#FDE3E3;
	border:1px solid #C33;	
	margin-bottom:20px;
	padding:10px;
}

	.warning_box p {
		color:#CC2310 !important;
		font-weight: bold;
		margin-bottom: 0px !important;
	}

/****************************
           CONTENT
*****************************/

#container {
	width:1000px;
	margin: 14px auto;	
}

/* ================== */
/* ! --- HEADER ---   */
/* ================== */

#header {
	height:110px;
	width: 960px;
}

	#header a.logo { float:left; }
	
#header #headerRight { float: right; }

	#header a.basket { float: right; }
	
	#header img.quote {
		float:right;
		margin-top: 8px;
	}

#index #header #unbeatable_prices {
	float:right;
	margin-top: 8px;
}
	
/* ====================== */
/* ! --- NAVIGATION ---   */
/* ====================== */

#navigation {
	list-style: none;
	margin-left: 19px;
}

	#navigation li {
		height:36px;
		float: left;
		margin-right: 3px;
	}
	
	#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:54px;
			height:36px;
		}
		
		#navigation li.nav_tyres a {
			background-image:url(../images/nav_tyres.gif);
			width:57px;
			height:36px;
		}
		
		#navigation li.nav_mot a {
			background-image:url(../images/nav_mot.gif);
			width:52px;
			height:36px;
		}
		
		#navigation li.nav_servicing a {
			background-image:url(../images/nav_servicing.gif);
			width:79px;
			height:36px;
		}
		
		#navigation li.nav_other a {
			background-image:url(../images/nav_other.gif);
			width:112px;
			height:36px;
		}
		
		#navigation li.nav_mobile a {
			background-image:url(../images/nav_mobile.gif);
			width:184px;
			height:36px;
		}
		
		#navigation li.nav_find a {
			background-image:url(../images/nav_find.gif);
			width:102px;
			height:36px;
		}
		
		#navigation li.nav_about a {
			background-image:url(../images/nav_about.gif);
			width:75px;
			height:36px;
		}
		
		#navigation li.nav_fleet a {
			background-image:url(../images/nav_fleet.gif);
			width:54px;
			height:36px;
		}
		
		#navigation li.nav_contact a {
			background-image:url(../images/nav_contact.gif);
			width:70px;
			height:36px;
		}
		
		#navigation li.nav_news a {
			background-image:url(../images/nav_news.gif);
			width:54px;
			height:36px;
		}
		
		#navigation li a:hover { background-position:0 50%; }
		
		#navigation li.current a { background-position:0 100%; }

/* ================== */
/* ! --- BANNER ---   */
/* ================== */

#banner {
	width:960px;
	background-color: #00aeef;
	background-image: url(../images/bg_banner_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	height:94px;	/* 110px */
	padding-top: 16px;
}

	#banner h1.page-title {
		font-size: 2.5em;
		color: #fff;
		float: left;
		margin-left: 120px;
		margin-top: 50px;
/* 		text-transform: uppercase; */
		width: 500px;
	}
	
	#banner h1.big { font-size: 3em; }

	#banner #find-centre {
		width: 254px;
		float: right;
		margin-right: 30px;
	}
	
		#banner #find-centre #frm_findacentre { margin-top: 10px; }
		
			#banner #find-centre #frm_findacentre .text {
				width: 132px;	/* 172px */
				height: 28px;	/* 38px */
				background-image: url(../images/bg_searchbox.gif);
				background-repeat: no-repeat;
				border: 0px;
				padding: 10px 20px 0px;
				color: #999;
				font-size: 1.3em;
				float: left;
				margin-right: 6px;
			}
			
			#banner #find-centre #frm_findacentre .btn { float: left; }

/* ================================ */
/* ! --- CONTENT - Index Page ---   */
/* ================================ */

#index-container {
	width:1000px;
	background-image: url(../images/bg_index_container.gif);
	background-repeat: repeat-y;
}

#index-top {
	width: 1000px;
	background-image: url(../images/bg_index_top.gif);
	background-repeat: no-repeat;
	height: 24px;
}

#index-main {
	width: 1000px;
	background-image: url(../images/bg_index_main.gif);
	background-position: bottom;
	background-repeat: no-repeat;
/* 	padding-bottom: 60px; */
	min-height: 260px;	/* 360px */
}

#banner #challenge {
	float: left;
	margin-left: 20px;
}

	#banner #challenge h3 { font-size: 1.4em; }
	
	#banner #challenge p {
		color: #fff;
		font-size: 1.5em;
		font-weight: bold;
		margin-top: -5px;
	}
	
	#banner #challenge p a { color: #fff; }
	
#index-main #services {
	float: left;
	margin-left: 20px;
	width: 310px;
}

	#index-main #services ul { list-style: none; }
	
		#index-main #services ul li { height: 30px; margin: 0 0 10px 0; }
		
			#index-main #services ul li a {
				background: url(../images/btn_services.gif) no-repeat;
				display: block;
				height: 30px;
				overflow: hidden;
				text-indent: -9999px;
				width: 304px;
			}
			
			#index-main #services ul li.tyres a 			{ background-position: 0 0; }
			#index-main #services ul li.tyres a:hover 		{ background-position: -304px 0; }
			
			#index-main #services ul li.exhausts a 			{ background-position: 0 -30px; }
			#index-main #services ul li.exhausts a:hover 	{ background-position: -304px -30px; }
			
			#index-main #services ul li.service a 			{ background-position: 0 -60px; }
			#index-main #services ul li.service a:hover 	{ background-position: -304px -60px; }
			
			#index-main #services ul li.mot a 				{ background-position: 0 -90px; }
			#index-main #services ul li.mot a:hover 		{ background-position: -304px -90px; }
			
			#index-main #services ul li.brakes a 			{ background-position: 0 -120px; }
			#index-main #services ul li.brakes a:hover 		{ background-position: -304px -120px; }
			
			#index-main #services ul li.battery a 			{ background-position: 0 -150px; }
			#index-main #services ul li.battery a:hover 	{ background-position: -304px -150px; }
	
	#index-main #services a#info_lb {
		font-size: 1.4em;
		color: #fff;
		margin-right: 20px;
		float: right;
	}
	
#info_text { padding: 20px; }

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

#index-main #main {
	float: left;
	margin-left: 48px;
	width: 562px;
}

	#index-main #main #tyre_size {
		background: url(../images/bg_tyresize.gif) no-repeat;
		height: 151px;
		margin: 16px 0px 20px;
		width: 560px;
	}
	
		#tyre_size #frm_tyre_size {
			font-size: 1.2em;
			margin: 0px 0px 0px 305px;
			padding: 12px 0px;
		}
		
			#tyre_size #frm_tyre_size label {
				color: #fff;
				display: block;
				float: left;
				font-weight: bold;
				margin: 0px 0px 6px 0px;
				padding-right: 10px;
				text-align: right;
				text-transform: uppercase;
				width: 134px;
			}
			
			#tyre_size #frm_tyre_size select {
				float: left;
				width: 60px;
			}
			
			#tyre_size #frm_tyre_size br { clear: both; }
			
			#tyre_size #frm_tyre_size input.btn {
				float: right;
				margin: 6px 48px 0px 0px;
			}
			
#index-main #news {
	height: 98px;	/* 102px */
	width: 430px;	/* 450px */
	background-image: url(../images/bg_news.gif);
	background-repeat: no-repeat;
	padding: 2px 2px 2px 18px;
}

#index-main #news #image {
	float: right;
	width: 100px;
	height: 87px;
	margin: 6px 6px 0px 0px;
}

#index-main #news h3 {
	font-size: 1.6em;
	font-family: 'Arial Black', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #00aeef;
}

#index-main #news p {
	font-size: 1.1em;
	color: #fff;
	width: 400px;
}

#index-main #news p a { color: #fff; }

/* ====================================== */
/* ! --- CONTENT - All Other Pages ---   */
/* ===================================== */

#content-container {
	width:1000px;
	background-image: url(../images/bg_content_container.gif);
	background-repeat: repeat-y;
}

#content-top {
	width: 1000px;
	background-image: url(../images/bg_content_top.gif);
	background-repeat: no-repeat;
	height: 24px;
}

#content-main {
	width: 1000px;
	background-image: url(../images/bg_content_main.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 100px;
	min-height: 260px;	/* 360px */
}

#content-main .blue { color: #00aeef; }

#content-main .l { font-size: 1.2em; }

#content-main .xl { font-size: 1.8em; }

#content-main .list {
	margin-left: 20px;
	font-size: 1.2em;
	margin-bottom: 20px;
}

	#content-main .list li { color: #00aeef; }
	
		#content-main .list li span { color: #333; }
		
#content-main img.right {
	float: right;
	margin:0px 0px 20px 20px;
}

/* --- TEXT - Floated Left --- */

#content-main .text {
	margin-left: 120px;
	float: left;
	width: 430px;
}

	#content-main .text h2 {
		font-family: 'Arial Black', Arial, Helvetica, sans-serif;
		color: #4E5151;
		font-size: 2.2em;
		font-weight: bold;
		margin-bottom: 16px;
	}
	
	#content-main .text p {
		font-size: 1.2em;
		color: #333;
		margin-bottom: 20px;
	}
	
	#content-main .text p.no_mgn { margin-bottom: 0px; }
	
	#content-main .text p a { color: #00aeef; }
	
	#content-main #google-map { margin-left:150px; }
		
/* --- TEXT - Full Width --- */
		
#content-main .text_wide {
	margin-left: 120px;
	width: 800px;
}

	#content-main .text_wide h2 {
		font-family: 'Arial Black', Arial, Helvetica, sans-serif;
		color: #4E5151;
		font-size: 2.2em;
		font-weight: bold;
		margin-bottom: 16px;
	}
	
	#content-main .text_wide p {
		font-size: 1.2em;
		color: #333;
		margin-bottom: 20px;
	}
	
	#content-main .text_wide .xl { font-size: 1.8em; }
	
	#content-main .text_wide p.no_mgn { margin-bottom: 0px;	}
	
	#content-main .text_wide p a { color: #00aeef; }
		
/* ================= */
/* = --- TYRES --- = */
/* ================= */

#tyres #content-main { position: relative; }

#tyres #content-main #right_tyres {
	position: absolute;
	right: 0;
	margin-right: 70px;
	margin-top: 80px;
}

#tyres #content-main #tyres_box {
	width: 814px;
	margin-left: 70px;
}

	#tyres #content-main #tyres_box #tyres_box_top {
		width: 814px;
		height: 22px;
		background-image: url(../images/tyres_box_top.png);
		background-repeat: no-repeat;
	}
	
	#tyres #content-main #tyres_box #tyres_box_mid {
		width: 744px;	/* 814px */
		background-image: url(../images/tyres_box_mid.png);
		background-repeat: repeat-y;
		padding: 0px 20px 0px 50px;
	}
	
		#tyres #content-main #tyres_box #tyres_box_mid ul { list-style: none; }
		
			#tyres #content-main #tyres_box #tyres_box_mid ul li {
				border-bottom: 2px solid #7ECAE9;
				padding-bottom: 10px;
				padding-top: 10px;
			}
						
			#tyres #content-main #tyres_box #tyres_box_mid ul li.fulda {
				background-image: url(../images/bg_tyres_fulda.jpg);
				background-repeat: no-repeat;
				background-position: bottom right;
			}
			
			#tyres #content-main #tyres_box #tyres_box_mid ul li.sava {
				background-image: url(../images/bg_tyres_sava.jpg);
				background-repeat: no-repeat;
				background-position: bottom right;
			}
		
			#tyres #content-main #tyres_box #tyres_box_mid ul li.pirelli {
				background-image: url(../images/bg_tyres_pirelli.jpg);
				background-repeat: no-repeat;
				background-position: bottom right;
			}
			
			#tyres #content-main #tyres_box #tyres_box_mid ul li.avon {
				background-image: url(../images/bg_tyres_avon.jpg);
				background-repeat: no-repeat;
				background-position: bottom right;
				margin-bottom: 10px;
			}
			
					
				#tyres #content-main #tyres_box #tyres_box_mid ul li img.logo {
					float: left;
					margin-right: 30px;
				}
				
				#tyres #content-main #tyres_box #tyres_box_mid ul li p {
					float: left;
					width: 250px;
				}
				
				#tyres #content-main #tyres_box #tyres_box_mid ul li p a {
					color: #999;
					float: right;
				}
				
		#tyres #content-main #tyres_box #tyres_box_mid p {
			font-size: 1.2em;
			color: #333;
		}
		
		#tyres #content-main #tyres_box #tyres_box_mid p a { color: #00aeef; }
	
	#tyres #content-main #tyres_box #tyres_box_btm {
		width: 814px;
		height: 62px;
		background-image: url(../images/tyres_box_btm.png);
		background-repeat: no-repeat;
	}
	
		#tyres #content-main #tyres_box #tyres_box_btm img { margin: 26px 0px 0px 450px; }
		
#tyres #content-main #enviro_text {
	float: left;
	width: 490px;
	margin-top: 30px;
}

	#tyres #content-main #enviro_text h1 {
		color: #666;
		font-size: 1.8em;
	}
	
	#tyres #content-main #enviro_text h2 {
		color: #333;
		font-size: 1.4em;
	}

	#tyres #content-main #enviro_text p {
		font-size: 1.1em;
		color: #333;
		margin-bottom: 20px;
	}
	
/* ============================================== */
/* = --- TYRE MAKE (Goodyear, Fulda etc...) --- = */
/* ============================================== */

#tyre_make #content-main .logo { float: left; }

#tyre_make #content-main #tyres_box {
	width: 814px;
	margin-left: 70px;
}

	#tyre_make #content-main #tyres_box #tyres_box_top {
		width: 814px;
		height: 22px;
		background-image: url(../images/tyres_box_top.png);
		background-repeat: no-repeat;
	}
	
	#tyre_make #content-main #tyres_box #tyres_box_mid {
		width: 744px;	/* 814px */
		background-image: url(../images/tyres_box_mid.png);
		background-repeat: repeat-y;
		padding: 0px 20px 0px 50px;
	}
		
		#tyre_make #content-main #tyres_box #tyres_box_mid .tyre {
			width: 350px;
			float: left;
			border-bottom: 1px solid #00aeef;
			padding: 10px 0px;
			margin-right: 20px;
		}
		
		#tyre_make #content-main #tyres_box #tyres_box_mid .no_border { border-bottom: none; }
		
			#tyre_make #content-main #tyres_box #tyres_box_mid .tyre h4 {
				font-size: 1.8em;
				font-weight: normal;
				color: #333;
			}
			
			#tyre_make #content-main #tyres_box #tyres_box_mid .tyre img {
				float: right;
				margin-left: 8px;
			}
			
			#tyre_make #content-main #tyres_box #tyres_box_mid .tyre ul {
				font-size: 1.1em;
				margin-left: 14px;
				padding-left: 4px;
			}
			
				#tyre_make #content-main #tyres_box #tyres_box_mid .tyre ul li { color: #00aeef; }
				
					#tyre_make #content-main #tyres_box #tyres_box_mid .tyre ul li span { color: #333; }
					
				#tyre_make #content-main #tyres_box #tyres_box_mid .tyre ul li ul {
					font-size: 1em;
					margin-left: 30px;
				}
					
			#tyre_make #content-main #tyres_box #tyres_box_mid .tyre p {
				color: #333;
				font-size: 1.1em;
				margin-top: 10px;
			}
			
			#tyre_make #content-main #tyres_box #tyres_box_mid img.stamp {
				float: left;
				margin-left: 80px;
				margin-top: 30px;
			}
	
	#tyre_make #content-main #tyres_box #tyres_box_even_btm {
		width: 814px;
		height: 62px;
		background-image: url(../images/tyres_box_btm.png);
		background-repeat: no-repeat;
	}
	
		#tyre_make #content-main #tyres_box #tyres_box_even_btm img { margin: 26px 0px 0px 480px; }
		
	#tyre_make #content-main #tyres_box #tyres_box_btm {
		width: 814px;
		height: 62px;
		background-image: url(../images/tyres_box_btm.png);
		background-repeat: no-repeat;
	}
	
		#tyre_make #content-main #tyres_box #tyres_box_btm img { margin: 26px 0px 0px 450px; }

/* =============================== */
/* = --- OTHER SERVICES PAGE --- = */
/* =============================== */

#content-main #other_services { list-style: none; }

	#content-main #other_services li {
		float: left;
		margin-right: 4px;
		font-size: 2.2em;
		color: #333;
	}
	
		#content-main #other_services li a {
			color: #00aeef;
			text-decoration: none;
		}
		
		#content-main #other_services li a:hover { text-decoration: underline; }
		
#content-main #other_box {
	width: 850px;
	margin-left: 70px;
}

	#content-main #other_box #other_box_top {
		height: 53px;
		width: 850px;
		background-image: url(../images/other_box_top.png);
		background-repeat: no-repeat;
	}
	
	#content-main #other_box .other_box_mid {
		width: 850px;
		background-image: url(../images/other_box_mid.png);
		background-repeat: repeat-y;
	}
	
		#content-main #other_box .other_box_mid .other_box_left {
			float: left;
			margin-left: 50px;
			margin-right: 40px;
			width: 530px;
		}
		
			#content-main #other_box .other_box_mid .other_box_left h1 {
				font-family: 'Arial Black', Arial, Helvetica, sans-serif;
				color: #333;
				font-size: 2.2em;
				font-weight: bold;
			}
			
			#content-main #other_box .other_box_mid .other_box_left p {
				font-size: 1.2em;
				color: #333;
				margin-bottom: 14px;
			}
			
			#content-main #other_box .other_box_mid .other_box_left ul {
				font-size: 1.4em;
				margin-left: 20px;
				margin-bottom: 14px;
				color: #333;
				font-weight: bold;
			}
			
		#content-main #other_box .other_box_mid .other_box_right {
			float: left;
			width: 207px;
		}
		
			#content-main #other_box .other_box_mid .other_box_right .other_box_yellow_top {
				width: 207px;
				height: 22px;
				background-image: url(../images/other_box_yellow_top.gif);
				background-repeat: no-repeat;
			}
			
			#content-main #other_box .other_box_right .other_box_yellow_mid {
				width: 189px;	/* 207px */
				background-image: url(../images/other_box_yellow_mid.gif);
				background-repeat: repeat-y;
				padding: 0px 12px 0px 6px;
			}
			
				#content-main #other_box .other_box_right .other_box_yellow_mid h2 {
					font-family: 'Arial Black', Arial, Helvetica, sans-serif;
					color: #000;
					font-size: 1.7em;
					font-weight: bold;
					line-height: 1.2em;
				}
				
					#content-main #other_box .other_box_right .other_box_yellow_mid h2 a { color: #000; }
				
					#content-main #other_box .other_box_right .other_box_yellow_mid h2.white { color: #fff; }
					
				#content-main #other_box .other_box_right .other_box_yellow_mid p {
					font-size: 1.4em;
					color: #000;
					line-height: 1.3em;
				}
				
					#content-main #other_box .other_box_right .other_box_yellow_mid p a { color: #000; }
					
					#content-main #other_box .other_box_right .other_box_yellow_mid p a:hover { color: #00aeef;	}
			
			#content-main #other_box .other_box_mid .other_box_right .other_box_yellow_btm {
				width: 207px;
				height: 22px;
				background-image: url(../images/other_box_yellow_btm.gif);
				background-repeat: no-repeat;
				margin-bottom: 6px;
			}
			
			#content-main #other_box .other_box_mid .other_box_right h4 {
				color: #fff;
				font-size: 1.6em;
				line-height: 1.2em;
				margin-left: 6px;
			}
	
	#content-main #other_box #other_box_btm {
		height: 58px;
		width: 850px;
		background-image: url(../images/other_box_btm.png);
		background-repeat: no-repeat;
	}

/* ========================= */
/* = --- FIND A CENTRE --- = */
/* ========================= */

#google-map #side_bar {
	font-size: 1.2em;
	list-style: none;
}
	
	#google-map #side_bar li { margin-bottom: 4px; }

		#google-map #side_bar li a {
			color: #00aeef;
			display: block;
		}
		
		#google-map #side_bar li a:hover { color: #333; }

#location-detail p {
	font-size: 1.2em;
	color: #333;
	margin-top: 10px;
}

	#location-detail p a { color: #00aeef; }

/* ========================= */
/* = --- BRANCH FINDER --- = */
/* ========================= */

#branch_finder #content-main ol {
	font-size: 1.2em;
	margin-left: 20px;
	color: #333;
}

	#branch_finder #content-main ol li { margin-bottom: 12px; }
	
		#branch_finder #content-main ol li a {
			color: #00aeef;
			text-decoration: none;
		}
		
		#branch_finder #content-main ol li a:hover { text-decoration: underline; }
		
/* ========================= */
/* = --- BRANCH DETAIL --- = */
/* ========================= */

#branch_detail #content-main .text { width: 260px; }

#branch_detail #content-main p strong.blue { line-height: 1.2em; }
	
#branch_detail #content-main #right {
	width: 510px;
	float:left;
/* 	margin-top:-90px; */
	position:relative;
}

	#branch_detail #content-main #right #map {
		border: 3px solid #00aeef;
		float: left;
		margin-right: 20px;
		margin-bottom: 30px;
	}
	
	#branch_detail #content-main #right img.branch {
		border: 3px solid #00aeef;
		float: left;
		margin-top: 40px;
		margin-bottom: 30px;
	}
	
	img.branch2 {
		border: 3px solid #00aeef;
		float: left;
		margin:0 0 0 40px;
	}
	
	#branch_detail #content-main #right #frm_directions {
		font-size: 1.2em;
		margin-bottom: 12px;
	}
	
		#branch_detail #content-main #right #frm_directions input[type="hidden"] { display:none; }
		
		#branch_detail #content-main #right #frm_directions label {
			color: #333;
			width: 430px;
			display: block;
			margin-bottom: 8px;
		}
		
		#branch_detail #content-main #right #frm_directions input.postcode {
			width: 111px;	/* 131px */
			height: 21px;	/* 25px */
			background-image: url(../images/bg_input_directions.gif);
			background-repeat: no-repeat;
			border: 0px;
			padding: 4px 10px 0px;
			color: #333;
			float: left;
			margin-right: 6px;
			display: block;
		}
		
		#branch_detail #content-main #right #frm_directions br { clear:left; }
		
		#branch_detail #content-main #right p a {
			font-size: 1em;
			color: #333;
		}
		
		#branch_detail #content-main #right #special_offers { width: 500px; }
		
			#branch_detail #content-main #right #special_offers #special_offers_top {
				height: 127px;
				width: 500px;
				background-image: url(../images/special_top.gif);
				background-repeat: no-repeat;
			}
			
			#branch_detail #content-main #right #special_offers #special_offers_mid {
				width: 480px;	/* 500px */
				background-image: url(../images/special_mid.gif);
				background-repeat: repeat-y;
				padding: 0px 10px;
			}
			
				#branch_detail #content-main #right #special_offers #special_offers_mid .offer {
					width: 204px;	/* 236px */
					float: left;
					background-color: #F8B126;
					margin: 8px;
					padding: 8px;
				}
				
					#branch_detail #content-main #right #special_offers #special_offers_mid .offer h4 {
						font-size: 1.8em;
						color: #FFFFFF;
					}
					
					#branch_detail #content-main #right #special_offers #special_offers_mid .offer p {
						font-size: 1.6em;
						color: #000000;
					}
					
					#branch_detail #content-main #right #special_offers #special_offers_mid .offer p span {
						float: right;
						font-size: 1.2em;
						font-weight: bold;
					}
			
			#branch_detail #content-main #right #special_offers #special_offers_btm {
				height: 28px;
				width: 500px;
				background-image: url(../images/special_btm.gif);
				background-repeat: no-repeat;
			}

/* ==================== */
/* = --- ABOUT US --- = */
/* ==================== */

#content-main #dates { list-style: none; }

	#content-main #dates li {
		font-size: 1.2em;
		color: #333;
		margin-bottom: 12px;
	}
	
		#content-main #dates li strong {
			width: 80px;
			float: left;
		}
		
		#content-main #dates li span {
			width: 490px;
			float: left;
		}
		
		#content-main #dates li br {
			height: 0px;
			width: 0px;
			clear: left;
		}

/* ================= */
/* = --- FLEET --- = */
/* ================= */

#fleet #content-main .text_wide h1 {
	color: #666;
	font-size: 1.8em;
}

#fleet #content-main .text_wide h2 {
	color: #333;
	font-size: 1.4em;
	margin-bottom: 10px;
}

/* =================== */
/* = --- CONTACT --- = */
/* =================== */

#contact #content-main .text { width: 490px; }
	
#contact #content-main #right {
	width: 300px;
	float:left;
}

	#contact #content-main #right #gmap {
		width: 260px;
		height: 260px;
		border: 3px solid #00aeef;
	}
	
#contact #content-main form {
	font-size: 1.2em;
	margin: 0px 0px 20px;
}

	#contact #content-main form label {
		color: #333;
		display: block;	
		float: left;
		font-weight: bold;
		margin: 4px 0px 10px;
		padding-right:10px;
		text-align:right;
		width: 100px;
	}
	
	#contact #content-main form input.text {
		border:1px solid;
		border-color:#7c7c7c #c3c3c3 #dddddd;
		display: block;	
		float: left;
		margin: 0px 0px 10px;
		padding:4px;
		width: 200px;	
	}
	
	#contact #content-main form input.text:focus { border-color: #00aeef; }
	
	#contact #content-main form input[type="hidden"] { display:none; }
	
	#contact #content-main form textarea {
		border:1px solid;
		border-color:#7c7c7c #c3c3c3 #dddddd;
		display: block;
		float: left;
		margin: 0px 0px 10px;
		padding:4px;
	}
	
		#contact #content-main form textarea:focus { border-color: #00aeef; }
	
	#contact #content-main form br { clear:left; }

/* ===================== */
/* = --- NEWS PAGE --- = */
/* ===================== */
		
#content-main .news-image {
	width: 293px;
	height: 203px;
/*	background-image: url();*/
	background-repeat: no-repeat;
	float: right;
	margin-top: 10px;
	margin-right: 70px;
}

#content-main .news-image-portrait {
	width: 203px;
	height: 293px;
/*	background-image: url();*/
	background-repeat: no-repeat;
	float: right;
	margin-top: 10px;
	margin-right: 70px;
}


#content-main p.date {
	color: #999;
	text-align: right;
}


#content-main #news_boxes {
	margin-top: 30px;
	margin-left: 120px;
}

/* --- NEWS BOX - BLACK --- */

	#content-main #news_boxes .news_box_black {
		width: 244px;
		float: left;
		margin-right: 20px;
	}
	
	#content-main #news_boxes .news_box_black_top {
		width: 244px;
		height: 18px;
		background-image: url(../images/bg_news_black_top.gif);
		background-repeat: no-repeat;
	}
	
	#content-main #news_boxes .news_box_black_main {
		width: 200px;	/* 244px */
		background-image: url(../images/bg_news_black.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		padding: 0px 22px 26px;
		
		min-height: 150px;
	}
	
		#content-main #news_boxes .news_box_black_main h3 a {
			color: #fff;
			font-size: 1.4em;
			font-family: 'Arial Black', Arial, Helvetica, sans-serif;
			line-height: 1.2em;
			text-decoration: none;
		}
		
		#content-main #news_boxes .news_box_black_main h3 a:hover { text-decoration: underline; }
		
		#content-main #news_boxes .news_box_black_main p {
			color: #fff;
			font-size: 1em;
			margin-bottom: 10px;
		}
		
			#content-main #news_boxes .news_box_black_main p a { color: #999; }

		#content-main #news_boxes .news_box_black .news_img_black {
			width: 120px;
			height: 78px;
			background-image: url(../images/news_img_black.jpg);
			background-repeat: no-repeat;
		}

/* --- NEWS BOX - BLUE --- */
		
	#content-main #news_boxes .news_box_blue {
		width: 244px;
		float: left;
		margin-right: 20px;
	}
	
	#content-main #news_boxes .news_box_blue_top {
		width: 244px;
		height: 18px;
		background-image: url(../images/bg_news_blue_top.gif);
		background-repeat: no-repeat;
	}
	
	#content-main #news_boxes .news_box_blue_main {
		width: 200px;	/* 244px */
		background-image: url(../images/bg_news_blue.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		padding: 0px 22px 26px;
		
		min-height: 150px;
	}
	
		#content-main #news_boxes .news_box_blue_main h3 a {
			color: #000;
			font-size: 1.4em;
			font-family: 'Arial Black', Arial, Helvetica, sans-serif;
			line-height: 1.2em;
			text-decoration: none;
		}
		
		#content-main #news_boxes .news_box_blue_main h3 a:hover { text-decoration: underline; }
		
		#content-main #news_boxes .news_box_blue_main p {
			color: #fff;
			font-size: 1em;
			margin-bottom: 10px;
		}
		
			#content-main #news_boxes .news_box_blue_main p a { color: #000; }
			
	#content-main #news_boxes .news_box_blue .news_img_blue {
		width: 120px;
		height: 78px;
		background-image: url(../images/news_img_blue.jpg);
		background-repeat: no-repeat;
	}
		
/* --- NEWS BOX - YELLOW --- */
		
	#content-main #news_boxes .news_box_yellow {
		width: 244px;
		float: left;
		margin-right: 20px;
	}
	
	#content-main #news_boxes .news_box_yellow_top {
		width: 244px;
		height: 18px;
		background-image: url(../images/bg_news_yellow_top.gif);
		background-repeat: no-repeat;
	}
	
	#content-main #news_boxes .news_box_yellow_main {
		width: 200px;	/* 244px */
		background-image: url(../images/bg_news_yellow.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		padding: 0px 22px 26px;
		
		min-height: 150px;
	}
	
		#content-main #news_boxes .news_box_yellow_main h3 a {
			color: #000;
			font-size: 1.4em;
			font-family: 'Arial Black', Arial, Helvetica, sans-serif;
			line-height: 1.2em;
			text-decoration: none;
		}
		
		#content-main #news_boxes .news_box_yellow_main h3 a:hover { text-decoration: underline; }
		
		#content-main #news_boxes .news_box_yellow_main p {
			color: #000;
			font-size: 1em;
			margin-bottom: 10px;
		}
		
			#content-main #news_boxes .news_box_yellow_main p a { color: #fff; }
			
	#content-main #news_boxes .news_box_yellow .news_img_yellow {
		width: 120px;
		height: 78px;
		background-image: url(../images/news_img_yellow.jpg);
		background-repeat: no-repeat;
	}
	
/* --- OLDER NEWS --- */
	
#content-main #old_news {
	margin-left: 120px;
	width: 800px;
}

	#content-main #old_news p {
		font-size: 1.2em;
		color: #333;
		margin-bottom: 20px;
	}
	
		#content-main #old_news p a { color: #00aeef; }
		
		#content-main #old_news #old_news_list { list-style: none; }
		
			#content-main #old_news #old_news_list li {
				margin-right: 20px;
				margin-bottom: 10px;
				border-bottom: 1px solid #ccc;
			}
			
				#content-main #old_news #old_news_list li a {
					color: #00aeef;
					text-decoration: none;
				}
				
				#content-main #old_news #old_news_list li a h4 { font-size: 1.6em; }
				
				#content-main #old_news #old_news_list li p {
					font-size: 1.2em;
					color: #333;
				}
	
/* ========================== */
/* ! --- SPECIAL OFFERS ---   */
/* ========================== */

#offers #content-main #special_offers {	list-style: none; }

	#offers #content-main #special_offers li {
		float: left;
		margin-right: 4px;
		font-size: 2.2em;
		color: #333;
	}
	
		#offers #content-main #special_offers li a {
			color: #00aeef;
			text-decoration: none;
		}
		
		#offers #content-main #special_offers li a:hover { text-decoration: underline; }

#offers #content-main #offers_box {
	width: 850px;
	margin-left: 70px;
}

	#offers #content-main #offers_box #offer_box_top {
		height: 39px;	/* 53px */
		width: 800px;	/* 850px */
		background-image: url(../images/offer_box_top.png);
		background-repeat: no-repeat;
		padding: 14px 0px 0px 50px;
	}
	
		#offers #content-main #offers_box #offer_box_top h1 {
			font-family: 'Arial Black', Arial, Helvetica, sans-serif;
			color: #333;
			font-size: 2.2em;
			font-weight: bold;
		}
	
	#offers #content-main #offers_box #offer_box_mid {
		width: 850px;
		background-image: url(../images/offer_box_mid.png);
		background-repeat: repeat-y;
	}
	
		#offers #content-main #offers_box #offer_box_mid #offer_box_left {
			float: left;
			margin-left: 50px;
			margin-right: 39px;
			width: 531px;
		}
			
			#offers #content-main #offers_box #offer_box_mid #offer_box_left ul {
				font-size: 1.8em;
				list-style: none;
			}
			
				#offers #content-main #offers_box #offer_box_mid #offer_box_left ul li {
					border-bottom: 1px solid #454545;
					color: #333;
				}
				
				#offers #content-main #offers_box #offer_box_mid #offer_box_left ul li.last { border-bottom: none; }
				
				#offers #content-main #offers_box #offer_box_mid #offer_box_left ul li span {
					width: 445px;
					float: left;
				}
				
				#offers #content-main #offers_box #offer_box_mid #offer_box_left ul li strong {
					width: 86px;
					text-align: center;
					float: left;
					color: #fff;
				}
				
				#offers #content-main #offers_box #offer_box_mid #offer_box_left ul li br {
					height: 0px;
					width: 0px;
					clear: left;
				}
			
		#offers #content-main #offers_box #offer_box_mid #offer_box_right {
			float: left;
			width: 207px;
		}
		
			#offers #content-main #offers_box #offer_box_mid #offer_box_right #offer_box_yellow_top {
				width: 207px;
				height: 22px;
				background-image: url(../images/other_box_yellow_top.gif);
				background-repeat: no-repeat;
			}
			
			#offers #content-main #offers_box #offer_box_right #offer_box_yellow_mid {
				width: 189px;	/* 207px */
				background-image: url(../images/other_box_yellow_mid.gif);
				background-repeat: repeat-y;
				padding: 0px 12px 12px 6px;
			}
			
				#offers #content-main #offers_box #offer_box_right #offer_box_yellow_mid h2 {
					font-family: 'Arial Black', Arial, Helvetica, sans-serif;
					font-size: 1.7em;
					font-weight: bold;
					line-height: 1.2em;
					margin-bottom: 8px;
				}
				
					#offers #content-main #offers_box #offer_box_right #offer_box_yellow_mid h2 a { color: #fff; }
				
				#offers #content-main #offers_box #offer_box_right #offer_box_yellow_mid p {
					font-size: 1.4em;
					color: #000;
					line-height: 1.3em;
					margin-bottom: 8px;
				}
				
					#offers #content-main #offers_box #offer_box_right #offer_box_yellow_mid p a { color: #000; }
					
					#offers #content-main #offers_box #offer_box_right #offer_box_yellow_mid p a:hover { color: #00aeef; }
			
			#offers #content-main #offers_box #offer_box_mid #offer_box_right #offer_box_yellow_btm {
				width: 207px;
				height: 22px;
				background-image: url(../images/other_box_yellow_btm.gif);
				background-repeat: no-repeat;
				margin-bottom: 12px;
			}
			
			#offers #content-main #offers_box #offer_box_mid #offer_box_right h4 {
				color: #fff;
				font-size: 1.6em;
				line-height: 1.2em;
				margin-left: 6px;
				font-weight: normal;
			}
	
	#offers #content-main #offers_box #offer_box_btm {
		height: 73px;
		width: 850px;
		background-image: url(../images/offer_box_btm.png);
		background-repeat: no-repeat;
	}
	
/* =============================== */
/* = --- TYRE FINDER RESULTS --- = */
/* =============================== */

#content-main #tyreFilter {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin: 0 0 20px 0;
	padding: 5px 0;
}

	#content-main #tyreFilter label {
		color: #333;
		font-size: 1.2em;
		padding-right: 4px;
	}

#content-main .tyre_result {
	border-bottom: 1px dashed #333;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
}

	#content-main .tyre_result .tyre_image {
		float: left;
		width: 110px;
	}
	
		#content-main .tyre_result .tyre_image img.tyre {
			border: 1px solid #ccc;
			margin-bottom: 4px;
			padding: 4px;
		}
	
	#content-main .tyre_result .tyre_details {
		float: right;
		width: 310px;
	}
	
		#content-main .tyre_result .tyre_details h3 {
			color: #333;
			font-size: 1.6em;
			margin-bottom: 3px;
		}			
		
		#content-main .tyre_result .tyre_details ul {
			color: #00b0f0;
			font-size: 1.1em; 
			margin: 0px 0px 10px 20px;
		}
					
			#content-main .tyre_result .tyre_details ul li span { color: #333; }
			
		#content-main .tyre_result .tyre_details p.trigger {
			font-weight: bold;
			margin-bottom: 0px;
			text-align: right;
		}
		
			#content-main .tyre_result .tyre_details p a {
				background: url(../images/arrow.gif) no-repeat right center;
				padding-right: 10px;
				text-decoration: none;
			}
			
			#content-main .tyre_result .tyre_details p a:hover { color: #333; }
			
			#content-main .tyre_result .tyre_details .toggle_container {
				clear: both;
				margin: 0 0 10px;
				overflow: hidden;
				padding: 0;				
				width: 310px;				
			}
				
				#content-main .tyre_result .tyre_details .toggle_container .block { padding-top: 10px; }
			
				#content-main .tyre_result .tyre_details .toggle_container p { font-size: 1.1em; margin-bottom: 0px; }
			
		#content-main .tyre_result .tyre_details form { border-top: 1px solid #ccc; padding-top: 8px; }
		
			#content-main .tyre_result .tyre_details form label { color: #333; float: left; font-size: 1.2em; font-weight: bold; }
			
			#content-main .tyre_result .tyre_details form select { float: left; margin: 0px 3px; }
			
			#content-main .tyre_result .tyre_details form p { float: left; font-weight: bold; }
			
				#content-main .tyre_result .tyre_details form p strong { color: #990000; font-size: 1.3em; margin: 0px 3px; }
			
			#content-main .tyre_result .tyre_details form input.btn { float: right; margin-top: 6px; }
			
			#content-main .tyre_result .tyre_details form br { clear: both; }
			
#content-main #refine_search {
	float: left;
	margin: 0px 0px 0px 120px;
	width: 260px;
}

	#content-main #refine_search #refine {
		background: url(../images/bg_refine.gif) no-repeat;
		height: 189px;
		margin-top: 20px;
		width: 255px;
	}
	
	#content-main #refine_search #refine #frm_refine {
			font-size: 1.2em;
			padding: 44px 0px 12px;
		}
		
			#content-main #refine_search #refine #frm_refine label {
				color: #fff;
				display: block;
				float: left;
				font-weight: bold;
				margin: 0px 0px 6px 0px;
				padding-right: 10px;
				text-align: right;
				text-transform: uppercase;
				width: 134px;
			}
			
			#content-main #refine_search #refine #frm_refine select {
				float: left;
				width: 60px;
			}
			
			#content-main #refine_search #refine #frm_refine br { clear: both; }
			
			#content-main #refine_search #refine #frm_refine input.btn {
				float: right;
				margin: 6px 48px 0px 0px;
			}

/* ======================================= */
/* = --- TYRE FINDER ARRANGE FITTING --- = */
/* ======================================= */

#content-main #enterPostcode {
	background: url(../images/bg_postcode.gif) no-repeat;
	height: 128px;	/* 184px */
	padding: 56px 160px 0 14px;
	width: 256px;	/* 430px */
}

	#content-main #enterPostcode p { margin: 0 0 12px 0; }

	#content-main #enterPostcode #postcode {
		background: url(../images/bg_postcodebox.gif) no-repeat;
		border: 0;
		color: #999;
		float: left;
		font-size: 1.2em;
		height: 34px;	/* 34px */
		margin: 0 6px 0 36px;
		padding: 2px 14px 0px 14px;
		width: 93px;	/* 121px */
	}
	
	#content-main #enterPostcode #fittingPostcode {
		background: url(../images/bg_postcodebox.gif) no-repeat;
		border: 0;
		color: #999;
		float: left;
		font-size: 1.2em;
		height: 34px;	/* 34px */
		margin: 0 6px 0 36px;
		padding: 2px 14px 0px 14px;
		width: 93px;	/* 121px */
	}
	
	#content-main #enterPostcode input.btn { float: left; }
	
#content-main #mobileFitting {
	background: url(../images/bg_mobile.gif) no-repeat;
	/*height: 69px;	*//* 149px */
	margin: 0 0 20px 0;
	padding: 80px 10px 0;
	width: 410px;	/* 430px */
}

	#content-main #mobileFitting a img { margin-bottom: 10px; }
	
	#content-main #mobileFitting p { text-align: right; }
	
		#content-main #mobileFitting p a { color: #706135; font-weight: bold; }
		
#content-main .centreDetails {
	border-bottom: 1px dashed #333;
	padding: 20px 0;
}

	#content-main .centreDetails h3 {
		color: #333;
		font-size: 1.6em;
		font-weight: bold;
	}
	
	#content-main .centreDetails p { margin: 0; }
	
	#content-main .centreDetails p.trigger { float: right; }
	
	#content-main .centreDetails .toggle_container {
		clear: both;
		overflow: hidden;
		width: 430px;
	}
	
		#content-main .centreDetails .toggle_container h4 {
			color: #00b0f0;
			font-size: 1.6em;
		}
		
		#content-main .centreDetails .toggle_container table {
			color: #333;
			font-size: 1.2em;
			line-height: 1;
			margin: 0 0 10px 0;
		}
		
			#content-main .centreDetails .toggle_container table th, #content-main .centreDetails .toggle_container table td {
				padding: 6px 0;
				text-align: center;
			}
			
		#content-main .centreDetails .toggle_container a { float: right; }
		
		#content-main .centreDetails .toggle_container .continue { float: right; }
		
	
#content-main #refine_search #yourbasket { margin-top: 20px; }
	
#content-main #refine_search #miniBasket {
	background: url(../images/bg_minibasket.gif) no-repeat left bottom;
	margin-bottom: 20px;
	padding: 0 11px 11px 11px;
	width: 233px;	/* 255px */
}
	
	#content-main #refine_search #miniBasket #tbl_minibasket {
		color: #fff;
		font-size: 1.2em;
		margin-bottom: 20px;
	}
	
		#content-main #refine_search #miniBasket #tbl_minibasket th { border-bottom: 1px solid #fff; padding: 2px 0; }
		
		#content-main #refine_search #miniBasket #tbl_minibasket td { border-bottom: 1px dashed #fff; padding: 2px 0; }
		
		#content-main #refine_search #miniBasket #tbl_minibasket tr.total td { border-bottom: 0; font-weight: bold; }
		
#content-main #refine_search #newPostcode {
	background: url(../images/bg_newPostcode.gif) no-repeat;
	height: 98px;	/* 150px */
	padding: 52px 114px 0 20px;
	width: 122px;	/* 256px */
}

	#content-main #refine_search #newPostcode #newPostcode {
		background: url(../images/bg_postcodebox.gif) no-repeat;
		border: 0;
		color: #999;
		font-size: 1.2em;
		height: 34px;	/* 34px */
		margin: 0 0 6px;
		padding: 2px 14px 0px 14px;
		width: 93px;	/* 121px */
	}
	#content-main #refine_search #newPostcode #newPostcodeVal {
		background: url(../images/bg_postcodebox.gif) no-repeat;
		border: 0;
		color: #999;
		font-size: 1.2em;
		height: 34px;	/* 34px */
		margin: 0 0 6px;
		padding: 2px 14px 0px 14px;
		width: 93px;	/* 121px */
	}
	
	#content-main #refine_search #newPostcode input.btn { float: right; }

/* =============================== */
/* = --- TYRE FINDER BOOKING --- = */
/* =============================== */

#content-main #time_place {
	background-color: #e5e5e5;
	margin-bottom: 20px;
	padding: 14px 24px;
}

	#content-main #time_place #time_place_left {
		float: left;
		margin-right: 32px;
		width: 420px;
	}
	
	#content-main #time_place #time_place_right {
		float: left;
		width: 300px;
	}
	
	#content-main #time_place #frm_time_place h3 {
		color: #333;
		font-size: 1.6em;
		margin-bottom: 1em;
	}
	
	#content-main #time_place #frm_time_place label {
		color: #333;
		display: block;	
		float: left;
		font-size: 1.2em;
		font-weight: bold;
		margin: 4px 0px 10px;
		padding-right:10px;
	}
	
	#content-main #time_place #frm_time_place input.text {
		border:1px solid;
		border-color:#7c7c7c #c3c3c3 #dddddd;
		color: #999;
		display: block;	
		float: left;
		font-size: 1.2em;
		margin: 0px 10px 10px 0px;
		padding:4px;
		width: 100px;
	}
	
	#content-main #time_place #frm_time_place input.datepicker {
		color: #333 !important;
		margin-right: 50px;
	}
	
	#content-main #time_place #frm_time_place input.text:focus { color: #333; }
	
	#content-main #time_place #frm_time_place select {
		float: left;
		font-size: 1.2em;
		margin: 4px 0px 10px;
	}
	
#content-main #tbl_tyres {
	font-size: 1.2em;
	margin-bottom: 20px;
}

	#content-main #tbl_tyres th {
		background-color: #a6e3f9;		
		color: #333;
		font-weight: bold;
		padding: 3px 8px;
		text-align: center;
	}
	
		#content-main #tbl_tyres th.first { text-align: left; }
		
	#content-main #tbl_tyres td {
		background: #fff;
		border-bottom: 1px solid #ccc;		
		color: #333;
		padding: 10px 8px;
		text-align: center;
	}

		#content-main #tbl_tyres td.first { text-align: left; }
		
		#content-main #tbl_tyres td.total { text-align: right; }
		
		#content-main #tbl_tyres td.alt { border-bottom: 1px solid #888; }

/* =============================== */
/* = --- TYRE FINDER DETAILS --- = */
/* =============================== */

#content-main #frm_details fieldset {
	border: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 10px 14px;
}

	#content-main #frm_details fieldset legend {
		color: #00b0f0;
		font-size: 1.4em;
		font-weight: bold;
		padding: 0px 10px;
	}

	#content-main #frm_details #details_left, #content-main #frm_details #details_right { float: left;	width: 376px; }
	#content-main #frm_details #details_left { margin-right: 16px; }
	
	#content-main #frm_details #fitting_address, #content-main #frm_details #billing_address { float: left; width: 362px; }	
	#content-main #frm_details #fitting_address { margin-right: 16px; }
	
#content-main #frm_details label {
	color: #333;
	display: block;	
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	margin: 4px 0px 10px;
	padding-right:10px;
	text-align:right;
	width: 140px;
}

#content-main #frm_details input.text {
	border:1px solid;
	border-color:#7c7c7c #c3c3c3 #dddddd;
	color: #333;
	display: block;	
	float: left;
	font-size: 1.2em;
	margin: 0px 0px 10px;
	padding:4px;
	width: 160px;	
}

	#content-main #frm_details input.small { width: 80px; }

	#content-main #frm_details input.text:focus { border-color: #00b0f0; }
	
#content-main #frm_details select {
	font-size: 1.2em;
	margin: 4px 0px 10px;
}

#content-main #frm_details input.checkbox { margin: 8px 0px 10px; }
	
#content-main #frm_details br { clear:left; }

/* ================== */
/* ! --- BASKET ---   */
/* ================== */

#content-main #tbl_basket {
	color: #333;
	font-size: 1.2em;
	line-height: 1;
	margin-bottom: 30px;
}

	#content-main #tbl_basket th {
		background-color: #a6e3f9;
		padding: 6px 8px;
	}
	
	#content-main #tbl_basket td {
		border-bottom: 1px solid #ccc;
		padding: 10px 8px;
	}
	
		#content-main #tbl_basket td a { color: #00aeef; }
	
#content-main #wheelAlignment {
	float: right;
	margin-bottom: 50px;
}

	#content-main #wheelAlignment a { float: left; }
	
.qtip-blue { font-size: 1.2em; line-height: 1.5; }

/* =========================== */
/* ! --- CONFIRM DETAILS ---   */
/* =========================== */

#content-main .confirmDetails {
	border: 1px solid #ccc;
	float: left;
	margin-bottom: 20px;
	padding: 10px 14px;	
	width: 362px;
}
	
	#content-main #customerDetails { margin-right: 16px; }

	#content-main .confirmDetails legend {
		color: #00b0f0;
		font-size: 1.4em;
		font-weight: bold;
		padding: 0px 10px;
	}
	
	#content-main .confirmDetails ul { list-style: none; }
	
		#content-main .confirmDetails ul li {
			color: #333;
			font-size: 1.2em;
			margin-bottom: 8px;
		}
		
			#content-main .confirmDetails ul li strong {
				display: block;
				float: left;
				padding-right: 6px;
				text-align: right;
				width: 138px;
			}
			
			#content-main .confirmDetails ul li span {
				display: block;
				float: left;
				width: 218px;
			}

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

#content-main #sitemap {
	list-style: none;
	font-size: 1.2em;
	margin-left: 20px;
}

	#content-main #sitemap li {
		margin-bottom: 12px;
		font-weight: bold;
	}
	
		#content-main #sitemap li a { color: #00aeef; }
		
		#content-main #sitemap ul {
			list-style: none;
			margin-left: 20px;
		}
		
			#content-main #sitemap ul li { font-weight: normal; }

/* ================== */
/* ! --- FOOTER ---   */
/* ================== */

#footer {
	width: 441px;;
	background-image: url(../images/bg_footer.gif);
	background-repeat: no-repeat;
	height: 28px;
	float: right;
}

	#footer_nav {
		list-style: none;
		margin-left: 70px;
	}
	
		#footer_nav li {
			float: left;
			margin-right: 24px;
		}
		
			#footer_nav li a {
				font-size: 1.2em;
				color: #00AFF0;
				text-decoration: none;
			}
			
			#footer_nav li a:hover { color: #fff; }

/* ============================== */
/* ! --- LIGHTBOX CONTAINER ---   */
/* ============================== */

#bg_overlay {
	background: #000;
	-moz-opacity:.50; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); opacity:.50;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	}

#wrapper {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
}

#container-small {
	position: relative;
	width:570px;
	margin: 34px auto;
	border: 7px solid #fff;
}

#container-small-close {
	position: absolute;
	top: -7px;
	right: -8px;
	background-image: url(../admin/images/closebox.gif);
	width: 30px;
	height: 30px;
	cursor: pointer;
}

#content-container-small {
	width:570px;
	background-image: url(../images/bg_content_container_small.gif);
	background-repeat: repeat-y;
}

#content-top-small {
	width: 570px;
	background-image: url(../images/bg_content_top_small.gif);
	background-repeat: no-repeat;
	height: 24px;
	margin-left: 2px;
}

#content-main-small {
	width: 570px;
	background-image: url(../images/bg_content_main_small.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 100px;
	min-height: 260px;	/* 360px */
}

#content-main-small .text {
	margin-left: 120px;
	float: left;
	width: 430px;
}

	#content-main-small .text h2 {
		font-family: 'Arial Black', Arial, Helvetica, sans-serif;
		color: #4E5151;
		font-size: 2.2em;
		font-weight: bold;
		margin-bottom: 16px;
	}
	
	#content-main-small .text p {
		font-size: 1.2em;
		color: #333;
		margin-bottom: 20px;
	}

#banner-small {
	width:570px;
	background-color: #00aeef;
	background-image: url(../images/bg_banner_top_small.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:94px;	/* 110px */
	padding-top: 16px;
}
#banner-small h1.page-title {
		font-size: 2.5em;
		color: #fff;
		float: left;
		margin-left: 120px;
		margin-top: 50px;
/* 		text-transform: uppercase; */
		width: 500px;
	}
	
/* Daves Additions */
/*
#thankyou {
	height: 370px;
	font-size: 1.2em;
}

	#thankyou table { font-size: 1.1em; }

	#thankyou thead { text-align: left; }
	
		#thankyou th.part_no { width: 20%; }
			#thankyou th.manufacturer { width: 15%; }
			#thankyou th.description { width: 30%; }
			#thankyou th.price { width: 10%; }
			#thankyou th.quantity { width: 5%; }
*/



/* PPC Test Pages (Worcester) */

#branch_detail #tyre_size {
	background: url(../images/bg_tyresize_worc.gif) no-repeat;
	height: 151px;
	margin: 16px 0px 20px;
	width: 510px;
}

	#branch_detail #tyre_size #frm_tyre_size {
		font-size: 1.2em;
		margin: 0px 0px 0px 285px;
		padding: 12px 0px;
	}
	
		#branch_detail #tyre_size #frm_tyre_size label {
			color: #fff;
			display: block;
			float: left;
			font-weight: bold;
			margin: 0px 0px 6px 0px;
			padding-right: 10px;
			text-align: right;
			text-transform: uppercase;
			width: 134px;
		}
		
		#branch_detail #tyre_size #frm_tyre_size select { float: left; width: 60px; }
		
		#branch_detail #tyre_size #frm_tyre_size br { clear: both; }
		
		#branch_detail #tyre_size #frm_tyre_size input.btn { float: right; margin: 6px 48px 0px 0px; }
		
/* PPC Test Pages (Worcester - Big) */

#branch_detail #tyre_size_big {
	background: url(../images/bg_tyresize_worc_big.gif) no-repeat;
	height: 211px;
	margin: 16px 0px 40px;
	width: 796px;
}

	#branch_detail #tyre_size_big #frm_tyre_size {
		font-size: 1.6em;
		margin: 0px 0px 0px 470px;
		padding: 20px 0px 12px 0px;
	}
	
		#branch_detail #tyre_size_big #frm_tyre_size label {
			color: #fff;
			display: block;
			float: left;
			font-weight: bold;
			margin: 0px 0px 12px 0px;
			padding-right: 10px;
			text-align: right;
			text-transform: uppercase;
			width: 150px;
		}
		
		#branch_detail #tyre_size_big #frm_tyre_size select { float: left; width: 60px; }
		
		#branch_detail #tyre_size_big #frm_tyre_size br { clear: both; }
		
		#branch_detail #tyre_size_big #frm_tyre_size input.btn { float: right; margin: 0px 48px 0px 0px; }

#branch_detail #content-main #worcBig #map {
	border: 3px solid #00aeef;
	height:230px;
	margin:0 20px 12px 0;
	overflow:hidden;
	width:230px;
}

#branch_detail #content-main #worcBig #frm_directions {
		font-size: 1.2em;
		margin-bottom: 12px;
	}
	
		#branch_detail #content-main #worcBig #frm_directions input[type="hidden"] { display:none; }
		
		#branch_detail #content-main #worcBig #frm_directions label {
			color: #333;
			width: 430px;
			display: block;
			margin-bottom: 8px;
		}
		
		#branch_detail #content-main #worcBig #frm_directions input.postcode {
			width: 111px;	/* 131px */
			height: 21px;	/* 25px */
			background-image: url(../images/bg_input_directions.gif);
			background-repeat: no-repeat;
			border: 0px;
			padding: 4px 10px 0px;
			color: #333;
			float: left;
			margin-right: 6px;
			display: block;
		}
		
		#branch_detail #content-main #worcBig #frm_directions br { clear:left; }