@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif
}

* {margin: 0; padding: 0}
a img {border: 0}
img {border: 0}
input {cursor: pointer}

div#container {
	position: relative;
	margin: 0 auto;
	width: 990px;
	background:url(images/mill-lane-watermark.jpg) left bottom no-repeat
}

div#top {
	width: 990px;
	height: 90px;
	background: url(images/top-back3.jpg) 0 10px no-repeat;
	position: relative;
}

div#main-nav {
	width: 990px;
	height: 30px;
	padding-top: 2px;
	position: relative;
	z-index: 10
	}

div#left-col {
	float: left;
	width: 691px;
	overflow:hidden
}

div#main-image {height: 269px; overflow: hidden; background: #000; z-index: 1}
div#main-image img {z-index: 1}

div#content-top {
	margin: 12px 0 0 0;
	width: 691px;
	height: 1px;
	line-height: 1px;
	padding: 0;
	background: #e1e1e1;
	overflow: hidden
}

div#content {
	margin: 0;
	width: 691px;
	padding: 0;
	background: url(images/content-back.gif) left top repeat-y;
	overflow: hidden;
	text-align: left;
	clear: both;
	position: relative;
	z-index: 1;
	font-size: 0.75em
}

div#content-bottom {
	margin: 0 0 12px 0;
	width: 691px;
	height: 1px;
	line-height: 1px;
	padding: 0;
	background: #e1e1e1;
	overflow: hidden
}

#contracthire-edit { width: 689px; height: auto; overflow: hidden; margin: 10px auto; border: 1px solid #e1e1e1; }

div#right-col {
	float: right;
	width: 299px;
	overflow:hidden;
	font-size: 0.75em
}

div#footer {
	position: relative;
	clear: both;
	border-top: 1px solid #6b6b6b;
	width: 990px;
	height: 110px;
}

div.clear {clear: both}


div#used-car-search-b {margin: 0 14px; padding: 7px 0; background: #6b6b6b}


/* ----------------------------------- VEHICLE MAKE BADGES ----------------------------- */
#ford-badge {
	position: absolute;
	right: 252px;
	top: 10px;
}

#renault-badge {
	position: absolute;
	right: 170px;
	top: 10px;
}

#fiat-badge {
	position: absolute;
	right: 84px;
	top: 10px;
}

#mitsubishi-badge {
	position: absolute;
	right: 10px;
	top: 10px;
}


/* ------------------------------------ TYPOGRAPHY -----------------------------------*/
h1 {position: absolute; left: 0; top: 23px; width: 349px; height: 54px;}

h1 a span {     /* IMAGE REPLACEMENT */
   display: none;
}

h1 a img {border: 0}

h1, h2, h3, h4, h5 {font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: left}
h2 {margin: 14px 14px 0 14px; font-weight: bold; font-size: 1.85em; color: #444}
h3 {margin: 0 14px 10px 14px; font-weight: bold; font-size: 1.25em; color: #1251c4}
h4 {margin: 14px 14px 0 14px; font-weight: bold; font-size: 14px; line-height: 1.5; color: #444; text-align: left; }

p {margin: 0 14px 10px 14px; line-height: 1.5; color: #444; text-align: left}

ul, ol {margin: 10px 14px 10px 40px; list-style-position: outside; line-height: 1.5; color: #444; text-align: left}
ul {list-style: square}

a {color: #1251c4; font-weight: bold; text-decoration: none}
a:hover {color: #666}
div#content img {}

img.img-right {float: right; margin: 5px 14px 5px 10px}
img.img-left {float: left; margin: 5px 10px 5px 14px}

label {float: left; margin: 0 0 0 14px; padding: 4px 0; font-size: 12px; font-weight: bold}

hr {height: 1px!important; border: 1px solid #ddd; margin: 14px; background: #ddd; padding: 0; clear: both}

sup {font-size: 8px}

strong {color: #1251c4}

ul.smalltextlist {font-size: 10px}

/* --------------------------------- SPECIAL LINKS ------------------------------------ */
a#parts-voucher {float: right; clear: both; margin: 0 15px 0 10px; display: block; width: 189px; height: 189px; background-image: url(images/e-voucher.jpg); background-position: left top}

a#parts-voucher:hover {background-position: left bottom}


div#parts-vouch-popup { /*  ACTUAL POP-UP DIV  */
	width: 700px;
	height: 310px;
	padding-top: 26px;
	background: #2a2a2a;
	border: 5px solid #2a2a2a;
	position: absolute;
	left: 120px;
	top: 230px;
	z-index: 1000;
	visibility: hidden
}

div#parts-vouch-popup img#offer {position: absolute; left: 0; top: 0; z-index: 10}

div#parts-vouch-popup a#close-voucher {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10000;
	display: block;
	width: 83px;
	height: 26px;
	background-image: url(images/voucher-close.gif);
	background-repeat: no-repeat;
	background-position: 0 top 
}
div#parts-vouch-popup a#close-voucher:hover {
	background-position: 0 bottom
}

div#parts-vouch-popup div#voucher-content {
	position: absolute;
	right: 10px;
	top: 200px;
	z-index: 10000;	
	width: 320px;
	height: 127px;
	color: #fff!important;
	text-align: center;
	font-size: 16px!important;
	font-weight: bold
}


div#parts-vouch-popup div#voucher-terms {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10000;	
	width: 690px;
	padding: 0 5px;
	color: #ccc;
	text-align: left;
	font-size: 10px;
	text-transform: uppercase
}

a#print-voucher {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10000;
	display: block;
	width: 178px;
	height: 21px;
	background-image: url(images/voucher-print.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom 
}
a#print-voucher:hover {
	background-position: 0 top
}

/* -------------------------------------- TABLE ------------------------------------------ */
table.table-standard {margin: 0 0 10px 14px; color: #444}
table.table-standard tr td {padding: 0 20px 0 0}

table.table-new-vehicle {width: 665px; margin: 0 0 10px 14px; color: #444; background: #f9f9f9; border: 1px solid #ddd}
table.table-new-vehicle tr td img {border: 0; margin: 3px}
table.table-new-vehicle tr td {padding: 3px; line-height: 1.6; vertical-align: top; text-align: left}
table.table-new-vehicle tr td h4 {margin: 10px 0 15px 0; color: #1251c4; font-size: 14px}
table.table-new-vehicle tr td p {margin: 0; font-size: 0.90em}
table.table-new-vehicle tr td table {margin: 0; font-size: 0.90em}
table.table-new-vehicle tr td table tr td {padding: 0}

table.table-warranty {width: 600px; margin: 15px 15px 30px 15px; background: #1251c4; color: #fff; border: 4px solid #ddd}
table.table-warranty tr th,
table.table-warranty tr td {text-align: left; padding: 5px 0 5px 10px}

table.table-warranty-b {float: left; margin: 15px 0 15px 15px; width: 320px; background: #1251c4; color: #fff; border: 4px solid #ddd}
table.table-warranty-b tr td img {float: right}
table.table-warranty-b tr th,
table.table-warranty-b tr td {text-align: left; padding: 3px 10px}
table.table-warranty-b tr th {text-align: right}

table.renault-commercials-offers {margin: 7px}
table.renault-commercials-offers tr th {color: #1251c4; font-size: 11px; line-height: 1.2}
table.renault-commercials-offers tr td {font-size: 10px; line-height: 1.2}
table.renault-commercials-offers tr td ul {margin: 5px 0 5px 15px; line-height: 1.2}



/* ---------------------------- RIGHT COLUMNS LINKS ---------------------------------- */
ul#rightlinks {float: right; margin: 0; width: 289px}
ul#rightlinks li {float: left; display: block; list-style: none outside}

ul#rightlinks li a {
	float: left; 
	display: block; 
	width: 289px;
	background-position: left bottom;
	background-repeat: no-repeat
}

ul#rightlinks li a span {display: none}

ul#rightlinks li a:hover {
	background-position: left top
}

ul#rightlinks li a#rightlinks-new-cars {height: 131px; background-image: url(images/rightlink-new-cars.jpg)}
ul#rightlinks li a#rightlinks-used-cars {margin-top: 6px; height: 132px; background-image: url(images/rightlink-used-cars.jpg)}
ul#rightlinks li a#rightlinks-commercials {margin-top: 12px; height: 131px; background-image: url(images/rightlink-commercials.jpg)}
ul#rightlinks li a#rightlinks-servicing {margin-top: 6px; height: 132px; background-image: url(images/rightlink-servicing.jpg)}
ul#rightlinks li a#rightlinks-bodyshop {margin-top: 6px; height: 132px; background-image: url(images/rightlink-bodyshop.jpg)}


/* ----------------------------- BRANCH LOCATION BOXES ------------------------------ */
ul.locations {float: right; margin: 12px 0 0 0; width: 289px}

ul.locations li {
	display: block;
	margin: 2px 0 0 0;
	width: 289px;
	height: 129px;
	overflow: hidden
}

ul.locations li#location-renault {background: url(images/location-renault.jpg) right 0 no-repeat #6b6b6b}
ul.locations li#location-fiat {background: url(images/location-fiat.jpg) right 0 no-repeat #6b6b6b}
ul.locations li#location-ford {background:url(images/location-ford.jpg) right 0 no-repeat #6b6b6b}
ul.locations li#location-mitsubishi {background: url(images/location-mitsubishi.jpg) right 0 no-repeat #6b6b6b; position: relative}
ul.locations li#location-mitsubishi a#mitsu-logo {position: absolute; right: 8px; top: 8px}
ul.locations li#location-used-car-centre {background: url(images/location-used-car-centre.jpg) right 0 no-repeat #1251c4; margin: 2px 0 12px 0}
ul.locations li#location-accident-repair-centre {background:url(images/location-acc-centre.jpg) right 0 no-repeat #1251c4; margin: 2px 0 12px 0}
ul.locations li#used-car-search {height: 170px; background: #1251c4}

ul.locations li h4
{margin: 7px 0 10px 9px; text-transform: uppercase; color: #fff; font-size: 14px}

ul.locations li p
{margin: 10px 0 0 9px; text-transform: uppercase; color: #fff; font-size: 0.80em}

/* BRANCHES */
div.branch-text {float: right; width: 390px}
div.branch-details {float: left; width: 260px}


/* ---------------------------------- FOOTER LISTS -------------------------------------- */
div#footer ul {float: left; margin: 0; padding: 5px 0; width: 140px; line-height: 0.8}
div#footer ul li {margin: 0; padding: 0 0 0 5px; list-style: none outside}
div#footer ul li.header {margin: 0; padding: 0; list-style: none outside; font-weight: bold}
div#footer ul li a {font-size: 0.70em; font-weight: normal; color: #444; text-decoration: none; text-transform: uppercase}
div#footer ul li a:hover {color: #1251c4}

a#ukwebsites {position: absolute; right: 0; top: 70px; text-transform: uppercase; text-align: right; text-decoration: none; color: #444; font-size: 0.70em; z-index: 1000; font-weight: normal}
a#ukwebsites:hover {color: #1251c4}


/* ----------------------------------- SPECIAL BOXES ---------------------------------- */
div.special,
div.offer
 {
	position: relative;
	margin: 15px;
	padding: 13px 0 7px 0;
	border: 1px solid #ddd;
	background: #f9f9f9;
}

div.special h3 {margin-left: 170px; font-size: 1.05em; width: 280px}
div.special p {margin-left: 170px; width: 280px}

div.offer p {margin-left: 10px}

img.right-image {position: absolute; right: 7px; top: 7px; border: 1px solid #666}
img.left-image {position: absolute; left: 10px; top: 12px}

a.blue-link-arrow {padding-left: 8px; background:url(images/blue-link-arrow.gif) 0 50% no-repeat}




/* ------------------------------- RENAULT COMMERCIALS PAGE -------------------------- */
div.ren-commercials {float: left; margin: 10px 0 0 5px; width: 155px; height: 480px; overflow: hidden;}
div.ren-commercials h3 {margin: 0 0 0 10px; padding: 0; font-weight: bold; font-size: 1.00em; color: #1251c4; border-bottom: 1px solid #ccc; text-align: center}
div.ren-commercials div.vehicle {width: 155px; height: 90px; text-align: center;}
div.ren-commercials div.vehicle a {font-size: 0.80em; font-weight: normal; text-transform:uppercase; text-align: center; margin: 0; padding: 0; line-height: 10px}

div#ren-commercial-editable {
	width: 631px;
	margin: 0 30px 30px 30px;
	float: left;
	border: 1px solid #ccc;
	
}

div#ren-commercial-editable *	{ font-size: 11px!Important; color: #444; margin: 10px 15px; }

div#ren-commercial-editable h3 {margin: 0; padding: 5px; font-size: 14px!Important; color: #1251c4; background: #ddd}




/* ----------------------------- CONTRACT HIRE PAGE -------------------------------- */
div.contract-hire {
	position: relative;
	margin: 15px;
	padding: 0;
	height: 114px; 
	background: #2c2c2c
}

div.contract-hire img.contract-hire-vehicle {margin: 0; position: absolute; left: 0; top: 0}
div.contract-hire img.contract-hire-badge {margin: 0; position: absolute; right: 10px; top: 10px}
div.contract-hire h3 {margin: 0 0 0 270px; padding: 20px 0 0 0; width: 270px; font-size: 16px; color: #fff}
div.contract-hire h3 a {color: #4184ff}
div.contract-hire h3 a:hover {color: #fff}
div.contract-hire p {margin: 0 0 0 270px; padding: 0; width: 270px; font-size: 0.80em; color: #fff}
div.contract-hire p a {font-weight: normal; color: #4184ff}
div.contract-hire p a:hover {color: #fff}

/* ---------------------------------- BOX LINKS ---------------------------------- */
/* USED ON NEW REAULT, NEW FIAT AND NEW MITSUBISHI PAGES */
div.box-link {float: left; margin: 5px 5px 12px 15px; padding: 8px; width: 185px; background: #f9f9f9; border: 1px solid #ddd}
div.box-link a {font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase}
div.box-link a img {display: block; width: 183px; height: 118px; margin-top: 5px; border: 1px solid #1251c4}




/* ------------------------------ SERVICE PLANS  ------------------------------ */
div.service-plans {
	margin: 15px;
	width: 655px;
	padding: 10px 0;
	background: #f6f6f6;
	border: 1px solid #eee;
	overflow: hidden
}

div.service-plans ul {width: 270px; float: left}
div.service-plans ul ul {float: none; width: 250px; margin: 0 0 0 20px; clear: right}


/* ----------------------------------- MAPS  ----------------------------------- */
div#map {margin: 0 0 15px 15px; border: 1px solid #000}
.mapimg {margin: 0 0 5px 0; width: 206px; height: 68px}




/* ---------------------------- NEW RENAULT PAGE  ------------------------------ */
div#new-renault-left {float: left; width: 700px; overflow: hidden}

div#new-renault-right {float: right; width: 451px;}
div#new-renault-right img {margin: 5px 0 0 0}





/* -------------------------------------------------- MAIN NAV ------------------------------------------------------ */
/* CURRENT STATES */
body#body-home ul#nav li a#home {font-weight: bold}
body#body-new-cars ul#nav li a#new-cars {font-weight: bold}
body#body-used-cars ul#nav li a#used-cars {font-weight: bold}
body#body-servicing ul#nav li a#servicing {font-weight: bold}
body#body-bodyshop ul#nav li a#bodyshop {font-weight: bold}
body#body-contract-hire ul#nav li a#contract-hire {font-weight: bold}
body#body-branches ul#nav li a#branches {font-weight: bold}
body#body-contact-us ul#nav li a#contact-us {font-weight: bold}


#nav, #nav ul { /* all lists */
			padding: 0;
			margin: 0;
			list-style: none;
			line-height: 28px;
		}
		
		#nav li {color: #fff!important}
		
		/* keeps current top level element in its hover state whilst hovering over 2nd level links */
		#nav li:hover {background: #1352c4; color: #fff!important}
		#nav li:hover a {color: #fff!important}
		
		#nav a {
			display: block;
			width: 123px;
			padding: 0 0 2px 0;
			font-weight: normal;
			font-size: 11px;
			text-align: center;
			text-transform: uppercase;
		}
		
		#nav a.noborder:hover {background-image: none}
		
		#nav li a:hover {
			color: #fff;
			background-image: url(images/nav-border.gif);
			background-position: left bottom;
			background-repeat: repeat-x;
			background-color: #1352c4
			}
		
		#nav li { /* all list items */
			float: left;
			width: 123px; /* width needed or else Opera goes nuts */
		}
		
		#nav li ul { /* second-level lists */
			position: absolute;
			background: #1352c4;
			width: 170px;
			line-height: 24px;
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		}
		
		#nav li ul a {padding: 0 0 0 28px; width: 142px; color: #fff; text-align: left; border: 0; background-image: none}
		
		#nav li ul a:hover {color: #fff; background: #0f44a3}
		
		#nav li ul ul { /* third-and-above-level lists */
			margin: -1.2em 0 0 10em;
		}		
		
		#nav li:hover > ul { /* shows lists nested DIRECTLY under hovered list item */
			left: auto;
		}
		#nav .soasfhover {/*Split up for IE6 Compatability*/
			left:auto;
		}
		#nav li:hover { /*Fix for IE7*/
			position: static;
		}
		
		
#jumpto1		{ position: absolute; left: 0; top: 1000px; }

#contracthire-edit{}