/* CSS for Draytons */
						
body {position: relative; margin: 0px; padding: 0px; background: #efefef; font-family:Verdana, Arial, Helvetica, sans-serif }

#top {
	position: relative;
	height: 100px;
	background-image: url(images/top-back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#top #logo {
	position: absolute;
	right: 0;
	top: 0;
}

#top p {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	font-size: 24px;
	line-height: 24px;
	position: absolute;
	left: 30px;
	top: 48px;
	color: #fff;
}

#stock-nav {
	position: relative;
	height: 31px;
	background: url(images/stock-nav.jpg) left top repeat-x #000;
	border-bottom: 1px solid #fff;
}
#stock-nav #indicator {
	position: absolute;
	left: 10px;
	top: 0
	}
#stock-nav ul {
	margin: 0px;
	padding: 0px;
	width: 320px;
}	

#stock-nav ul li {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
	color:#FFFFFF;
	font-size: 12px;
}

#stock-nav ul li a {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
#stock-nav ul li a:hover {
	color: #44709c
}

#stock-nav ul li a span {
	font-size: 12px;
	color: #FFFFFF;
	display: inline
}
.menuInsert  { z-index: 200; 
}
.menuContainer { z-index: 1000;
}
#main-image {
	height: 130px;
	background: #000;
	border-bottom: 1px solid #fff;
}

#main-nav {
	position: relative;
	height: 25px;
	background:url(images/nav-back.jpg) left top repeat-x #000;
	border-bottom: 1px solid #fff;
}

#main-nav ul {
	margin: 0 0 0 10px;
	padding: 0px;
}

#main-nav ul li {
	padding: 0px;
	float: left;
	margin: 0;
	list-style-type: none;
	color:#FFFFFF;
	font-size: 12px;
}

#main-nav .line {
	padding-right: 2px;
	background: url(images/line.jpg) right top no-repeat
}

#main-nav ul li a {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: center;
	width: 100px
}

#main-nav ul li a:hover {
	background: url(images/main-nav-hover.jpg) left top repeat-x
}

/* CURRENT STATES */

body#body-home div#main-nav ul li a#home, 
body#body-about-us div#main-nav ul li a#about-us,
body#body-location div#main-nav ul li a#location,
body#body-contact div#main-nav ul li a#contact,
body#body-car-finder div#main-nav ul li a#car-finder,
body#body-part-ex div#main-nav ul li a#part-ex,
body#body-exports div#main-nav ul li a#exports,
body#body-finance-options div#main-nav ul li a#finance-options,
body#body-warranty div#main-nav ul li a#warranty
{background: url(images/main-nav-hover.jpg) left top repeat-x}

#left-column {
	width: 692px;
	background-color: #fff
}

#left-column-narrow {
	width: 190px;
	background-color: #fff
}

#center-column {
	width: 502px;
	background-color: #fff
}

#right-column {
	position: relative;
	width: 300px;
	background: url(images/latest-cars.jpg) left top no-repeat #fff	
}

#right-column2 {
	position: relative;
	width: 300px;
	background: #fff	
}

#foot {
	font-size: 10px;
	padding: 5px 0;
	background: #efefef;
	text-align: left;
}

#uk {
	background: #efefef;
	text-align: right
}

#uk a {
	font-size: 10px;
	text-decoration: none;
	color: #000
}

#uk a:hover {
	color: #666
}

div#car-of-the-week {
	background: #fff;
	position: relative
}

div#car-of-the-week img {
	position: absolute;
	left: 35px;
	top: 40px
}

div#car-of-the-week #make-m {
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	left: 35px;
	top: 215px;
	text-align: center;
	width: 220px;
}

div#car-of-the-week #price-m {
	font-size: 22px;
	font-weight: bold;
	color: #cc0000;
	position: absolute;
	left: 35px;
	top: 247px;
	text-align: center;
	width: 220px;
}

div#car-of-the-week a {
	position: absolute;
	left: 62px;
	top: 285px;
	text-align: center;
	display: block;
	width: 163px;
	color: #fff;
	font-size: 12px;
	padding: 11px 0;
	text-decoration: none;
	background: url(images/details-button.jpg) 0 0 no-repeat
}

div#car-of-the-week a:hover {
	color: #44709c
}

/* ------------------------------------------- TYPE ---------------------------------------- */

#center-column h1,
#left-column h1 {
	margin: 0 0 20px 30px;
	padding: 31px 0 0 0;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: normal;
}

#center-column h1 {
	margin-left: 10px;
}


#center-column h2,
#left-column h2 {
	margin: 0 0 20px 30px;
	padding: 10px 0 0 0;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: normal;
}



#left-column-narrow h3,
#right-column2 h3 {
	margin: 30px 0 10px 30px;
	color: #222;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: normal
}

h4 {font-size: 11px; font-weight: bold; margin: 40px 10px 10px 30px; padding: 0; color: #000}

p {
	padding: 0; 
	margin: 0 10px 15px 30px;
	font-size: 11px;
	color: #000
}

#center-column p {
	margin-left: 10px;
}

iframe {border: 2px solid #44709c; margin-left: 20px}

ul {margin: 0 10px 15px 60px;font-size: 11px}