@charset "utf-8";
/* CSS for S Williams Car Sales - Copyright www.ukwebsites.net */

/*
*****************************************************************
Colours - Gold (on titles etc) -  #f6ae02
		  Grey (on makemodelsearch box) - #525252
		  Darker grey (top background colour) - #313131
*****************************************************************
*/

body {margin: 0; padding: 0; background: #fff; color: #444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; text-align: center}
* {margin: 0; padding: 0; text-align: left}
a img {border: 0}


/* ----------------------------------------- LAYOUT ------------------------------------------- */
div#top-full {width: 100%; height: 134px; background: url(images/top-back.gif) 0 0 repeat-x}
div#top {margin: 0 auto; position: relative; width: 990px; height: 134px; z-index: 1; overflow: hidden}

div#content {margin: 0 auto; width: 990px}
div#main-image {position: relative; width: 990px; height: 235px; background: url(images/main-image-back.gif) 0 0 no-repeat}
div#main-image img#loading {position: absolute; left: 325px; top: 77px; z-index: 1}
div#main-image object {position: absolute; left: 0; top: 0; z-index: 10}

div#main-nav {position: absolute; left: 0; bottom: 0; width: 990px; height: 32px}
div#full-col {float: left; width: 990px; overflow: hidden}
div#left-col {float: left; width: 725px; overflow: hidden}
div#right-col {float: right; width: 265px; overflow: hidden}

div#footer-full {width: 100%; margin: 0 0 30px 0; border-top: 1px solid #d2d2d2; clear: both}
div#footer {position: relative; margin: 0 auto; width: 990px; height: 35px}

div#used-car-search {width: 250px; height: 220px; position: absolute; right: 8px; top: 8px;}
h3#search-title {margin: 15px 10px 5px 12px; font-size: 18px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #eee}

div#logos {margin: 10px 0 20px 0; padding: 15px 0 0 0; height: 74px; width: 100%; clear: both}
div#logos img {float: left}

div#features-scroller {margin: 10px 0 10px 10px; width: 245px; height: 330px; overflow: hidden!important}
div#features-scroller img {margin: 3px 0}

div#hours-container {margin: 10px; padding: 10px; border: 1px solid #ccc; background: #f6f6f6}

div#vehicle-details-container {margin: 0 0 0 12px; position: relative; z-index: 10}

a#view-all-stock {margin: 0; display: block; position: absolute; left: 111px; top: 137px; z-index: 10; width: 130px; height: 30px; line-height: 30px; color: #eee; font-weight: normal; text-align: center; font-size: 11px; text-transform: uppercase; background:url(images/view-all-button.gif) 0 50% no-repeat}


div.clear {clear: both}

a#online-finance {display: block; float: right; width: 188px; height: 131px; background: url(images/online-finance.jpg) left top no-repeat}
a#online-finance:hover {background-position: left bottom}

/* -------------------------------------------- TYPE --------------------------------------------- */
h1 {margin: 0; position: absolute; left: 0; top: 11px; z-index: 1000; width: 495px; height: 86px}

h2, h3, h4 {font-family: Arial, Helvetica, sans-serif; color: #f6ae02; text-transform:uppercase}
h2 {margin: 20px 10px 0 10px; padding: 0; font-size: 28px; font-weight: normal; color: #717171} /* sifr */
h3 {margin: -2px 10px 10px 10px; padding: 0; font-size: 20px; font-weight: normal; color: #f6ae02} /* sifr */
h4 {margin: 15px 10px 5px 10px; font-size: 15px; font-weight: bold;}

p {margin: 10px; line-height: 1.5; color: #525252}

ul, ol {margin: 10px; padding: 0; line-height: 1.5; color: #525252}
ul li {list-style: none outside; padding: 0 0 0 15px; margin: 0 0 0 5px; background: url(images/grey-bullet.gif) left 50% no-repeat}

p#telephone-number {position: absolute; right: 0; top: 30px; width: 200px; font-family: Arial, Helvetica, sans-serif; color: #bfbfbf; font-size: 30px; font-weight: bold; z-index: 1000; line-height: 30px}

table {margin: 10px}
table.finance-example {margin: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc}
table.finance-example tr td {padding: 2px 0}

div#vehicle-details-container table {margin: 0}

ul.grey-boxes {margin: 20px 10px}
ul.grey-boxes li {float: left; padding: 15px; width: 130px; height: 70px; margin: 0 13px 0 0; background: #f6f6f6; text-align: center; border: 1px solid #ccc}

iframe {margin: 0 0 0 10px; border: 1px solid #666}


/* -------------------------------------------- LINKS --------------------------------------------- */
a {text-decoration: none; font-weight: bold; color:#f6ae02}
a:hover {color:#000}

a#find-us {display: block; margin: -15px 0 0 0; float: right; width: 193px; height: 202px; background-image: url(images/find-us.jpg); background-position: left top; background-repeat: no-repeat}
a#find-us:hover {background-position: left bottom}


/* ------------------------------------------ MAIN NAV ------------------------------------------- */
div#main-nav ul {margin: 0}
div#main-nav ul li {float: left; margin: 0; padding: 0; display: block; height: 32px; line-height: 32px; background: none}
div#main-nav ul li a {float: left; display: block; height: 32px; line-height: 32px; color: #ffc900; text-align: center; background-image: url(images/nav-a.gif); background-position: left top; background-repeat: repeat-x; font-weight: normal; font-size: 11px;  text-transform: uppercase}
div#main-nav ul li a:hover {background-position: left bottom; color: #111}

div#main-nav ul li a#nav-view-stock {width: 163px; background-image: url(images/nav-view-stock.gif)}
div#main-nav ul li a#nav-finance {width: 152px}
div#main-nav ul li a#nav-warranty {width: 157px}
div#main-nav ul li a#nav-contact-us {width: 162px}
div#main-nav ul li a#nav-location-and-hours {width: 207px}
div#main-nav ul li a#nav-home {width: 149px; background-image: url(images/nav-home.gif)}


/* CURRRENT STATES */
body#body-home div#main-nav ul li a#nav-home,
body#body-sales div#main-nav ul li a#nav-view-stock, 
body#body-finance div#main-nav ul li a#nav-finance,
body#body-warranty div#main-nav ul li a#nav-warranty,
body#body-location-and-hours div#main-nav ul li a#nav-location-and-hours,
body#body-contact-us div#main-nav ul li a#nav-contact-us
{background-position: left bottom; color: #111}



/* ------------------------------------------ FOOTER NAV ------------------------------------------- */
div#footer ul {margin: 0}
div#footer ul li {float: left; display: block; height: 35px; line-height: 35px; margin: 0; padding: 0; background: none}
div#footer ul li a {float: left; display: block; height: 35px; line-height: 35px; color: #777; text-align: center; font-size: 0.90em; padding: 0 15px; font-weight: normal; text-transform: uppercase; font-size: 10px}
div#footer ul li a:hover {color: #222}

a#ukwebsites {position: absolute; right: 20px; top: 10px; text-align: right; color: #777; font-size: 0.90em; z-index: 10; font-weight: normal; text-transform: uppercase; font-size: 10px}
a#ukwebsites:hover {color: #222}