/* CSS for Yorkshire Autos Ltd - Copyright www.ukwebsites.net */

/* ---------------------------------- COLOURS: --------------------------------------- */
/*		Blue: 		#1c64b0
		Green: 		#0bad84
*/

body {margin: 0; padding: 0; background: #2f2f2f; font-family: Verdana, Arial, Helvetica, sans-serif}
* {margin: 0; padding: 0; color: #ccc}

h1 {position: absolute; left: 18px; top: 8px; z-index: 11}
h1 span {position: relative; left: 0; top: -1000px}

div#phone-number {position: absolute; left: 750px; top: 45px; z-index: 999; color: #e2e2e2; font-family:Arial, Helvetica, sans-serif; font-size: 24px; text-align: left; padding: 0 0 0 45px; height: 25px; line-height: 25px; background: url(images/phone-icon.gif) left top no-repeat; font-weight: bold}

h2, h3, h4, h5 {margin: 10px 20px; color: #d7d7d7; font-family: Arial, Helvetica, sans-serif}
h2 {font-weight: normal; margin-bottom: 0; font-size: 26px}
h3 {color: #7a7a7a; margin-top: 0; margin-bottom: 20px; font-size: 16px}
h4 {color: #d7d7d7; margin-top: 20px; margin-bottom: 0px; font-size: 16px}
div#right-col h4 {margin-left: 0}

a {color: #0bad84; font-weight: bold; text-decoration: none}
a:hover {color: #eee}

p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.70em; margin: 10px 20px; line-height: 1.5}
ul, ol {margin: 10px 20px; font-size: 0.7em; line-height: 1.5}
ul li, ol li {margin-left: 30px}

div#scroller-container {position: relative; z-index: 1; margin: 17px 0 15px 17px; width: 943px; height: 48px; background:url(images/scroller-container.gif) 0 0 no-repeat}

div#scroller-container a.view-all-stock {position: absolute; right: 7px; top: 5px; display: block}

div#scrollerContainerlogo {padding: 5px 0 0 0; margin: 0 0 0 3px}

div#logos {height: 64px; width: 965px; padding: 0 10px 10px 0; clear: both}
div#logos img {float: right; margin: 0 4px 0 15px}

iframe {width: 650px; height: 400px; border: 3px solid #666; margin: 0 0 30px 20px}

/* -------------------------------- CAR OF THE WEEK ------------------------------------ */
div#car-of-the-week {position: relative; width: 216px; height: 318px; background: url(images/car-of-the-week.jpg) 0 0 no-repeat; margin: 5px 0 0 0}
div#car-of-the-week h3 {position: absolute; left: 10px; top: 12px; margin: 0; color: #d7d7d7; font-size: 16px}
div#car-of-the-week #cowImg {position: absolute; left: 8px; top: 42px;}
div#car-of-the-week #cowMakemodel {margin: 0; position: absolute; left: 10px; top: 197px; font-size: 15px; font-family: Arial, Helvetica, sans-serif; color: #ececec}
div#car-of-the-week #cowPrice {margin: 0; position: absolute; right: 10px; top: 197px; text-align: right; font-size: 15px; font-family: Arial, Helvetica, sans-serif; color: #afafaf}
div#car-of-the-week #cowFeatures {margin: 0; position: absolute; left: 20px; top: 227px;}
div#car-of-the-week #cowFeatures li {margin: 0; padding: 0 0 0 12px; list-style: none outside; background: url(images/blue-bullet.gif) left 4px no-repeat}
div#car-of-the-week a#cowViewDetails {display: block; position:absolute; left: 12px; bottom: 10px; width: 97px; height: 21px; line-height: 21px; background:url(images/formSubmitButtonMed.gif) 0 0 no-repeat; color: #fff; text-transform: uppercase; font-size: 11px; font-weight: normal; text-align: center; font-family:Arial, Helvetica, sans-serif}


/* ------------------------------- MAKE MODEL SEARCH ----------------------------------- */
div#make-model-search {position: relative; width: 216px; height: 192px; background: url(images/make-model-search-back.jpg) 0 0 no-repeat; margin: 5px 0 0 0}
div#make-model-search h3 {position: absolute; left: 10px; top: 12px; margin: 0; color: #d7d7d7; font-size: 16px}


/* ------------------------------- VIEW TESTIMONIALS ----------------------------------- */
div#view-testimonials {position: relative; width: 216px; height: 115px; background: url(images/view-testimonials-back.jpg) 0 0 no-repeat; margin: 10px 0 0 0}

div#view-testimonials a#viewTestimonials {display: block; position:absolute; left: 12px; bottom: 10px; width: 156px; height: 21px; line-height: 21px; background: url(images/formSubmitButtonLrge.gif) 0 0 no-repeat; color: #fff; text-transform: uppercase; font-size: 11px; font-weight: normal; text-align: center; font-family:Arial, Helvetica, sans-serif}

/* ---------------------------------- LAYOUT ------------------------------------------ */
div#main-image-full {width: 100%;background: url(images/main-image-full.jpg) left top repeat-x}
div#main-image {
    position: relative;
	z-index: 1;
	margin: 0 auto;	
    width: 975px;
    height: 337px;
	background: #000
}

div#main-image img {position: absolute; left: 0; top: 0; z-index: 999}

div#nav {
    position: absolute;
	left: 0;
	top: 293px;
	z-index: 9999;
	margin: 0;	
    width: 975px;
    height: 44px
}

div#content-full {width: 100%; background:url(images/content-full.jpg) left top repeat-x #2c2c2c}
div#content {
	margin: 0 auto; 
    position: relative;
	z-index: 1;
    width: 975px;
	background: #000;
	overflow: hidden;
	padding: 15px 0 0 0
}


#body-home div#content {
	padding: 0
}

div#left-col {float: left; width: 515px; padding: 0 0 10px 0}
div#centre-col {float: left; width: 231px; padding: 0 0 10px 0}
div#left-col-wide {float: left; width: 746px; padding: 0 0 10px 0}
body#body-location-and-hours div#left-col-wide {width: 700px}
div#right-col {float: right; width: 229px; padding: 0 0 10px 0}
body#body-location-and-hours div#right-col {width: 275px}


div#footer-full {width: 100%; background: url(images/footer-full.jpg) left top repeat-x #2c2c2c}
div#footer {
	margin: 0 auto; 
    position: relative;
	z-index: 1;
    width: 975px;
	height: 69px;
	background: url(images/footer.jpg);
	overflow: hidden
}

div#reflection-full {width: 100%; background: url(images/reflection-full.jpg) left top repeat-x #2c2c2c}
div#reflection {
	margin: 0 auto; 
    position: relative;
	z-index: 1;
    width: 975px;
	height: 81px;
	background: url(images/reflection.jpg);
	overflow: hidden
}


/* --------------------------------------- MAIN NAV ------------------------------------ */
div#nav ul {
	height: 44px;
	margin: 0 0 0 10px;
	padding: 0
}

div#nav ul li {
	display: block;
	float: left;
	height: 44px;	
	margin: 0;
	padding: 0
}

div#nav ul li a {
	display: block;
	float: left;
	height: 44px;
	line-height: 44px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	color: #dbdbdb;
	font-weight: normal;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: left 37px
}

div#nav ul li a:hover {color:  #fff; background-position: 0 top; line-height: 50px;}


/* --- WIDTHS --- */
a#nav-view-stock {width: 105px; background-image: url(images/nav-view-stock.gif)}
a#nav-finance {width: 99px; background-image: url(images/nav-finance.gif)}
a#nav-warranty  {width: 93px; background-image: url(images/nav-warranty.gif)}
a#nav-drive-away {width: 108px; background-image: url(images/nav-drive-away.gif)}
a#nav-location-and-hours {width: 148px; background-image: url(images/nav-location-and-hours.gif)}
a#nav-sell-your-car {width: 120px; background-image: url(images/nav-sell-your-car.gif)}
a#nav-valeting {width: 95px; background-image: url(images/nav-valeting.gif)}
a#nav-contact {width: 108px; background-image: url(images/nav-contact.gif)}
a#nav-home {width: 79px; background-image: url(images/nav-home.gif)}



/* --- CURRENT STYLES --- */
#body-view-stock a#nav-view-stock,
#body-finance a#nav-finance,
#body-warranty a#nav-warranty,
#body-drive-away a#nav-drive-away,
#body-location-and-hours a#nav-location-and-hours,
#body-sell-your-car a#nav-sell-your-car,
#body-valeting a#nav-valeting,
#body-contact a#nav-contact,
#body-home a#nav-home {
	background-position: 0 -44px;
	line-height: 50px;
}



/* ------------------------------------ FOOTER NAV ------------------------------------ */
div#footer ul {
	height: 15px;
	margin: 18px 0 0 10px;
	padding: 0
}

div#footer ul li {
	display: block;
	float: left;
	height: 15px;	
	margin: 0;
	padding: 0
}

div#footer ul li a {
	display: block;
	float: left;
	height: 15px;
	line-height: 15px;
	margin: 0;
	padding: 0 10px;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	color: #bbb;
	font-weight: normal;
	text-transform: uppercase;
}

div#footer ul li a:hover, a#ukwebsites:hover {color: #fff;}


a#ukwebsites {
	display: block;
	float: left;
	height: 15px;
	line-height: 15px;
	margin: 3px 0 0 10px;
	padding: 0 10px;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	color: #bbb;
	font-weight: normal;
	text-transform: uppercase;
}