/* CSS for MASTERDRIVER - Copyright www.ukwebsites.net */

/* ----------------------------------- COLOURS ------------------------------------- */
/*						BLUE:			 	#004a7d									 */
/*						LIGHT BLUE			#abbdca									 */
/* 						GREY (TEXT): 		#6b6b6b									 */
/*						LIGHT GREY: 		#f0f0f0									 */
/* --------------------------------------------------------------------------------- */

body {margin: 0; padding: 0 0 30px 0; font-family: Verdana, Arial, Helvetica, sans-serif; background: url(images/body-back.jpg) 50% 135px no-repeat #fff}
* {margin: 0; padding: 0}

a img {border: 0}
a {text-decoration: none; color: #004a7d}
a:hover {color:#000}

h2, h3, h4, h5 {font-family: Arial, Helvetica, sans-serif; text-transform: uppercase}
h2 {color: #004a7d; font-size: 23px; margin: 0 20px 0 20px; padding: 10px 0 0 0}
h3 {color: #6b6b6b; font-size: 16px; margin: 0 20px 10px 20px}
h3 a, h3 a:hover {color: #6b6b6b}

p {margin: 15px 20px; font-size: 0.75em; line-height: 1.5; color: #404040; }
ul, ol {margin: 15px 20px; font-size: 0.75em; color: #404040;}

ul li {list-style: outside square; margin: 0 0 0 20px}

/* --------------------------------------- TYPE ------------------------------------ */
h1 {position: absolute; left: 0; top: 0px; z-index: 10}

p#tel-number {margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; color: #004a7d; font-size: 24px; position: absolute; right: 5px; top: 60px; font-weight: bold; padding: 0 0 0 58px; background: url(images/tel-num.gif) left 50% no-repeat; line-height: 42px; height: 36px}

a.finance-button {
	display: block;
	height: 71px;
	width: 287px;
	text-indent: -9999px;
	outline: none;
	position: absolute;
	top: 38px;
	left: 440px;
	background: url('../images/carloanadvisor.jpg') no-repeat top left;
}

/* -------------------------------------- LAYOUT ------------------------------------------ */
div#container {
	position: relative;
	margin: 0 auto;
	width: 970px;
}

div#top {
    position: relative;
	z-index: 1;
    width: 970px;
    height: 202px;
	background: url(images/nav-back.gif) 0 143px no-repeat
}

div#nav {
    position: absolute;
	top: 143px;
	left: 0;
	z-index: 2;
    width: 970px;
    height: 45px;
}

div#main-image {
	position: relative;
	width: 970px;
	height: 269px;
	z-index: 1;
	background: #000
}

div#content {
	position: relative;
	width: 970px;
	margin: -4px 0 0 0;
	padding: 0 0 15px 0;
	background: url(images/content-back.gif) 0 0 repeat-y;
	z-index: 1;	
	overflow: hidden
}

div#content-top {
	margin: 14px 0 0 0;
	width: 970px; 
	height: 15px;
	background: url(images/content-top.gif) 0 0 no-repeat;
	z-index: 10
}

div#content-top2 {
	margin: 14px 0 0 0;
	width: 970px; 
	height: 15px;
	background: url(images/content-top2.gif) 0 0 no-repeat;
	z-index: 10
}

div#content-bot {
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 970px; 
	height: 21px;
	background: url(images/content-bot.gif) 0 top no-repeat;
	z-index: 2
}

div#left-col {float: left; width: 590px; overflow: hidden}
div#right-col {float: right; width: 380px; overflow: hidden}

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


div#logos {float: left; width: 148px}
div#logos img {margin: 13px 0}

div#logos2 {width: 100%}
div#logos2 img {margin: 13px 0 0 20px; float: left;}

/* ----------------------------------- LATEST ARRIVAL ----------------------------------- */
div#latest-arrival {float: right; margin: 15px 0 0 0; width: 212px; padding: 0 20px 0 0; height: 320px; background:url(images/latest-arrival.gif) 0 0 no-repeat; position: relative}

div#latest-arrival h3 {text-align: center; margin: 15px 0; color: #fff}

div#latest-arrival img {border: 3px solid #fff}

div#latest-arrival ul {margin: 15px 12px 0 15px; padding: 0; width: 180px}
div#latest-arrival ul li {color: #fff; margin: 0; padding: 0 0 0 8px; list-style: none outside; background: url(images/latest-bullet.gif) left 6px no-repeat; font-size: 11px; line-height: 17px}

div#latest-arrival a#view-all-stock {display: block; position: absolute; right: 30px; bottom: 10px; width: 83px; height: 25px; line-height: 25px; text-align: center; font-size: 11px; background: url(images/view-all-btn.gif) 0 0 no-repeat; color: #004a7d; font-weight: bold; text-decoration: none; text-transform: uppercase}
div#latest-arrival a#view-all-stock:hover {color: #000}




div#footer {margin: 14px 0 0 0; width: 970px; height: 93px; background: url(images/footer-back.gif) 0 0 no-repeat}


/* -------------------------------------- SIDE LINKS ---------------------------------------- */
div#side-links {position: absolute; right: 0px; top: 0; z-index: 2; width: 383px; height: 269px; background: url(images/side-links.jpg) right top no-repeat}

div#side-links ul {width: 100%; margin: 1px 0 0 0}
div#side-links ul li {float: left; display: block; margin: 1px 0 0 0}
div#side-links ul li a {float: left; display: block; float: left; width: 381px; height: 88px; margin: 0; padding: 0; text-align: right; text-decoration: none; color: #fff; text-transform: uppercase; background-position: left bottom; background-repeat: no-repeat}

div#side-links ul li a h3 {font-family:Arial, Helvetica, sans-serif; text-decoration: none; margin: 30px 17px 0 0; font-size: 16px; color: #fff}
div#side-links ul li a span {display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin: 0 17px 0 0 }

div#side-links ul li a:hover {background-position: left top}

div#side-links ul li a#view-hatchbacks {background-image: url(images/link-hatchback.jpg)}
div#side-links ul li a#view-convertible {background-image: url(images/link-convertible.jpg)}
div#side-links ul li a#view-other {height: 87px; background-image: url(images/link-others.jpg)}

div#side-links ul li a#view-other h3 {font-size: 15px; margin-top: 20px}

/* --------------------------------------- MAIN NAV ---------------------------------------- */
div#nav ul {width: 970px; height: 45px;	margin: 3px 0 0 5px; padding: 0}

div#nav ul li {
	display: block;
	float: left;
	height: 41px;
	line-height: 41px;	
	margin: 0;
	padding: 0 0 0 19px
}

div#nav ul li a {
	display: block;
	float: left;
	height: 41px;
	line-height: 41px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	color: #636363;	
	text-transform: uppercase;
	}

div#nav ul li a:hover {	color: #004a7d; background: url(images/nav-a.gif) left bottom repeat-x}


/* --- WIDTHS --- */
a#nav-view-stock {width: 84px;}
a#nav-service-and-parts {width: 118px;}
a#nav-valeting {width: 70px;}
a#nav-sell-your-mini  {width: 181px;}
a#nav-finance {width: 64px;}
a#nav-location-and-hours {width: 134px;}
a#nav-contact-us {width: 92px;}
a#nav-home {width: 52px;}



/* --- CURRENT STYLES --- */
body#body-view-stock a#nav-view-stock, 
body#body-service-and-parts a#nav-service-and-parts, 
body#body-valeting a#nav-valeting, 
body#body-sell-your-mini a#nav-sell-your-mini, 
body#body-finance a#nav-finance, 
body#body-location-and-hours a#nav-location-and-hours, 
body#body-contact-us a#nav-contact-us, 
body#body-home a#nav-home {
	color: #004a7d;	font-weight: bold; background: url(images/nav-a.gif) left bottom repeat-x}



/* ----------------------------------- FIND US LINK ----------------------------------- */
a#find-us {display: block; width: 210px; height: 160px; margin: 0 0 0 15px; background:url(images/find-us.jpg) left top no-repeat}
a#find-us:hover {background-position: left bottom}

/* -------------------------------------- FOOTER ---------------------------------------- */
div#footer ul {float: left; margin: 17px 0 -10px 0; padding: 0 0 0 20px; width: 75%}
div#footer ul li {display: inline; margin: 0 15px 0 0; padding: 0}
div#footer ul li a {font-size: 11px;}
div#footer ul li a:hover {color: #000}
div#footer p {float: left; font-size: 11px; margin: 15px 0 0 0; padding: 0 0 0 20px; width: 75%}

div#footer a#ukwebsites {float: right; margin: 0; padding: 38px 20px 0 0; width: 15%; text-align: right; font-size: 11px; display: block}
div#footer a#ukwebsites:hover {color: #000}

#map			{ margin: 5px 0 5px 20px; border: 1px solid #004a7d; width: 675px; height: 350px; }


/* -------------------------------------- TEXT UNDER RIGHT COL BOX --------------------------------------*/

#servicetext			{float: right; margin: 0 20px 0 0; color:#000099}

#servicetext2			{float: right; margin: 0 30px 0 0; color: #CC0000}