body {
	margin: 0;
	padding: 0;
	background:url(images/body-rac.png) 50% 0 repeat #000
}

body.body-rac {
	margin: 0;
	padding: 0;
	background:url(images/body-rac.png) 50% 0 repeat #000
}

* {margin: 0; padding: 0}

/* ---------------------------------------------------- LAYOUT ------------------------------------------------------ */
div#container {
	margin: 0 auto;
	width: 990px;
	color: #eee
}

div#top {
	position: relative;
	width: 990px;
	height: 220px;
}

div#nav {
	width: 990px;
	height: 25px;
	}

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

div#right-col {
	float: right;
	width: 290px;
	overflow: hidden
}


div#foot-nav {
	clear: both;
	margin: 15px 0 0 0;
	width: 990px;
	height: 25px;
	border-top: 1px solid #4c5052;
	border-bottom: 1px solid #4c5052	
}

div#ukwebsites {
	clear: both;
	margin: 5px 0 0 0;
	width: 990px;
	height: 25px
}


/* ------------------------------------------------- EXTRA LAYOUT --------------------------------------------------- */
div.address {
	float: right;
	width: 150px;
	height: 95px;
	padding: 20px 0 0 0;
	text-transform: uppercase
}

div.address p {margin: 0}

div#quick-links  {
	position: relative;
	width: 990px;
	height: 44px;
	clear: both;
	background: url(images/quick-links-back.gif) 0 0 no-repeat
}

img#quick-links-title {position: absolute; left: 10px; top: 11px}

div#logoscroller {
	position: absolute;
	right: 0; 
	top: 0;
	height: 44px;
	width: 840px;
}


div#quick-search  {   /* Make model search container */
	position: relative;
	margin: 20px 0 0 0;
	width: 990px;
	height: 44px;
	clear: both;
	background: url(images/quick-links-back.gif) 0 0 no-repeat
}

img#quick-search-title {position: absolute; left: 10px; top: 11px}

div#car-details {width: 259px; float: right}

div.location-map {float: left; margin: 10px 7px 0 0; padding: 0 0 0 13px; width: 310px}
div.location-map iframe {width: 310px; height: 300px; float: left}
object {border: 0!important}
div.location-map p {margin-left: 0}

div#branch-hours {padding: 10px 0 20px 13px; float: left; width: 977px; text-align: left}


/* --------------------------------------------------- TYPGRAPHY ----------------------------------------------------- */
h1 {margin: 8px 0}
	
h1 a img {border: 0}

h1, h2, h3, h4, h5, p, ol, ul, table {text-align: left; color: #ddd}

h2 {margin: 10px 0 0 10px; font-weight: normal; font-size: 1.75em; }

h3 {margin: 5px 0 10px 10px; font-size: 0.90em; border-bottom: 1px solid #444}

h4 {margin: 15px 0 15px 10px; font-size: 0.90em; border-bottom: 1px solid #444}

h5 {margin: 13px 0 0 10px; font-size: 0.80em; }

p {margin:0 0 10px 10px; color: #ddd; font-size: 0.75em; line-height: 1.5}
p.note {margin: 10px 0 0 10px; font-size: 0.60em; line-height: 1.3}

ul, ol {margin: 0 0 10px 30px; color: #ddd; font-size: 0.75em; line-height: 1.5}
ul {list-style: square outside}

a {color: #eee; font-weight: normal}
a:hover {color: #9ad0ff; font-weight: normal}

div.bottom-links {}
div.bottom-link {display: block; float: left; margin: 10px 0 20px 0px; width: 240px; height: 60px; text-transform: uppercase}
div.bottom-link img {float: left; margin: 0 10px 0 0}
div.bottom-link p {margin: 0; font-size: 0.90em}
div.bottom-link p a {margin: 0; font-size: 0.70em}

img#credit-cards {float: right; margin: 0}

div#ukwebsites a {padding: 0 18px; font-size: 0.60em; color: #777; font-weight: normal; text-decoration: none; text-transform:uppercase}
div#ukwebsites a:hover {color: #ccc}

a#apply-now {display: block; float: right; width: 148px; height: 182px; background-image: url(images/apply-now.gif); background-position: left top; background-repeat: no-repeat}
a#apply-now:hover {background-position: right top}

.img-right {float: right; margin: 5px 10px}  /* USE FOR IMAGES IN CONTENT THAT YOU WANT FLOATED RIGHT */

div.clear {clear: both}


/* -------------------------------------------------- MAIN NAV ----------------------------------------------------- */
div#nav ul {margin: 0; padding: 0; overflow: hidden}
div#nav ul li {display: block; float: left; margin: 0; padding: 0; list-style: none inside}
div#nav ul li a {text-align: center; font-size: 0.90em; display: block; float: left; padding: 0; height: 25px; line-height: 25px; font-weight: normal; color: #969b9e; text-decoration: none; text-transform:uppercase}
div#nav ul li a:hover {color: #fff}


a#view-stock {width: 101px}
a#warranty {width: 100px}
a#finance {width: 86px}
a#part-exchange {width: 134px}
a#vehicle-locator {width: 147px}
a#about-us {width: 100px}
a#contact-us {width: 110px}
a#location-hours {width: 145px}
a#home {width: 60px}


/* CURRENT STATES */
body#body-view-stock div#nav ul li a#view-stock,
body#body-warranty div#nav ul li a#warranty,
body#body-finance div#nav ul li a#finance,
body#body-part-exchange div#nav ul li a#part-exchange,
body#body-vehicle-locator div#nav ul li a#vehicle-locator,
body#body-about-us div#nav ul li a#about-us,
body#body-contact-us div#nav ul li a#contact-us,
body#body-location-hours div#nav ul li a#location-hours,
body#body-home div#nav ul li a#home 
{color: #eee}



/* ------------------------------------- HOME PAGE:  SELECT VEHICLE TYPE ------------------------------------------- */
div#vehicle-types ul {margin: 10px 0; padding: 0; overflow: hidden}
div#vehicle-types ul li {display: block; float: left; margin: 0 15px 15px 0; padding: 0; list-style: none inside}
div#vehicle-types ul li.end {margin-right: 0}
div#vehicle-types ul li a {display: block; float: left; margin: 0; padding: 0; width: 320px; height: 196px; background-repeat: no-repeat; background-position: left top}
div#vehicle-types ul li a:hover {background-position: left bottom}
div#vehicle-types ul li a span {display: none}

/* div#vehicle-types ul li a#type-sports {background-image: url(images/car-type-sports.jpg)}*/
div#vehicle-types ul li a#type-4x4 {background-image: url(images/car-type-4x4.jpg)}
div#vehicle-types ul li a#type-diesel {background-image: url(images/car-type-diesel.jpg)}
div#vehicle-types ul li a#type-people-carrier {background-image: url(images/car-type-people-carrier.jpg)}
div#vehicle-types ul li a#type-prestige {background-image: url(images/car-type-prestige.jpg)}
div#vehicle-types ul li a#type-petrol-car {background-image: url(images/car-type-petrol.jpg)}



/* ------------------------------------------------ FOOTER NAV ---------------------------------------------------- */
div#foot-nav ul {margin: 0; padding: 0}
div#foot-nav ul li {display: block; float: left; margin: 0; padding: 0; list-style: none inside}
div#foot-nav ul li a {font-size: 0.75em; display: block; float: left; padding: 0 18px; height: 25px; line-height: 25px; font-weight: normal; color: #b5b9bb; text-decoration: none; text-transform:uppercase}
div#foot-nav ul li a:hover {color: #fff}

#nextyear {
	border: 1px solid #cc0000;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	width: 250px;
	color: #000000;
	background: #CCCCCC;
	position: absolute;
	left: 40%;
	top: 200px;
	padding: 0 0 15px 0;

}
#nextyear .close {
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	background: #000000;
	display: block;
	text-indent: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #cc0000;

}
#nextyear a:hover.close {
	background: #dddddd;
	color: #000000;
}
#nextyear p {
	color: #000000;
	font-size: 24px;
	margin: 0 10px 0 10px;
	text-align: center;
}
#nextyear #tag {
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}
#nextyear .con {
	text-decoration: none;
	color: #0000cc;
}
#nextyear a:hover.con {
	border-bottom: 1px dotted #000000;
	color: #000000;
}


/* New top Section */


#top {
	background: url('../images/new-cheltenham-car-sales4.jpg') no-repeat 0px 0px;
	width: 990px;
	height: 210px !important;
	position: relative;
	color: #000;
}

#top a {
	display: block;
	width: 950px;
	height: 50px;
	top: 10px;
	left: 20px;
	text-indent: -9999px;
	position: absolute;
	background: #000;
	opacity: 0;
	filter: alpha(opacity=0);
}

#top a:hover {
	opacity: 0.2;
	filter: alpha(opacity=20);
}

#top div {
	font: 12px "Verdana", "Arial", "Tahoma", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	width: 200px;
	height: 100px;
	float: left;
	margin: 76px 20px 0px 20px;
	position: relative;
	overflow: hidden;
	
	display: none;
}

#top strong {
	position: absolute;
	right: 6px;
	bottom: 18px;
	font-size: 14px;
	display: block;
	width: 200px;
	text-align: right;
}

#top div.one {
	margin-left: 40px;
}