body {margin: 0; padding: 0; background: url(images/body-back.gif) left top repeat-x #fff; font: Verdana, Arial, Helvetica, sans-serif 0.75em}
* {margin: 0; padding: 0}



/* ------------------------------- MAIN LAYOUT --------------------------------------- */

div#container {margin: 0 auto; width: 990px;}

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

div#nav {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2.20em;
	width: 990px;
}

div#main-image-area {
	margin: 15px 0 0 0;
	position: relative;
	width: 990px; 
	height: 270px;
}

div#main-image {
	width: 714px;
	height: 266px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(images/main-img-back.jpg) 0 0 no-repeat;
	overflow: hidden
}

div#content {
	margin: 10px 0;
	width: 990px;
	padding: 0
}

div#full-col {
	float: left;
	width: 990px;
}

div#left-col {
	float: left;
	width: 656px;
}

div#right-col {
	float: right;
	width: 323px;
}

div.clear {clear: both}

div#footer {
	margin: 20px 0;
	clear: both;
	width: 990px;
	height: 2.20em;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}


/* -------------------------------- OTHER DIVS --------------------------------------- */
div#newsletter {
	position: relative;
	width: 323px;
	height: 251px;
	background: url(images/newsletter.gif) 0 0 no-repeat;
	overflow: hidden
}

div#newsletter img {position: absolute; right: 10px; top: 65px}
div#newsletter-form {margin: 10px; width: 166px; float: left}
div#newsletter-form p {font-size: 0.90em; margin: 0 0 5px 0}
div#newsletter-form label {font-size: 0.80em}
div#newsletter-form input#submit-button {margin: 10px 0 0 0; font-size: 0.80em; border: 1px solid #333; background: #fff; text-transform: uppercase; width: 65px; padding: 3px 0; cursor: pointer}

div#tel {position: absolute; right: 0; top: 40px; padding: 0 0 0 25px; text-align: right; color: #0042b7; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background: url(images/tel.gif) left 50% no-repeat}
div#address {position: absolute; right: 0; top:63px; text-align: right; color: #0042b7; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 0.90em}

div.section-line {margin: 5px 10px 0 10px; height: 5px; border-top: 1px solid #ddd}
#right-col div.section-line {margin-left: 0}

/* -------------------------------- TYPOGRAPHY --------------------------------------- */
h1 {position: absolute; left: 0; top: 20px}
h1 a {}

h2, h3, h4, h5 {font-family: Arial, Helvetica, sans-serif; line-height: 1.2}
p, ol, ul, span, table, label {line-height: 1.5}

h2 {padding: 4px 0; margin: 0 10px 0 0; color: #3c3c3c; font-size: 1.75em; border-bottom: 2px solid #0042b7}

h3 {padding: 4px 0; margin: 15px 10px 10px 0; color: #3c3c3c; font-size: 1.35em; border-bottom: 1px solid #0042b7}

#right-col h3 {padding: 4px 0; margin: 0 10px 0 0; color: #3c3c3c; font-size: 1.75em; border-bottom: 2px solid #0042b7}

div#newsletter h3 {padding: 3px 0; margin: 7px 10px 0 10px; color: #3c3c3c; font-size: 1.35em; border-bottom: 2px solid #0042b7}

p {margin: 10px 10px 0 0; color: #535353;}

ul {margin: 10px 0 0 0}
li {margin: 0 0 0 15px; list-style: square outside}
li.widthmargin {margin: 10px 0 0 15px; list-style: square outside}

a {color: #ff0000; text-decoration: none}
a:hover {color: #000}

div#map {border: 1px solid #000; margin: 10px 0 0 0; width: 620px; height: 350px}
iframe {border: 0; width: 620px; height: 350px}

.small {font-size: 11px}

/* --------------------------------- MAIN NAV  ---------------------------------------- */
div#nav ul {width: 990px; height: 2.20em; overflow: hidden; margin: 0; padding: 0}
div#nav ul li {margin: 0; padding: 0; display: block; float: left; height: 2.20em; line-height: 2.20em; margin: 0 2px 0 0}
div#nav ul li a {margin: 0; padding: 0; display: block; float: left; height: 2.20em; line-height: 2.20em; background: url(images/nav-link.gif) 0 0 repeat-x #979797; border-left: 1px solid #c3c3c3; border-top: 1px solid #c3c3c3; border-right: 1px solid #848484; color: #fff; text-align:center; text-transform: uppercase; font-size: 0.95em}

div#nav ul li a:hover {background:url(images/nav-hover.gif) 0 0 repeat-x #7a7a7a; border-left: 1px solid #b0b0b0; border-top: 1px solid #b0b0b0; border-right: 1px solid #6c6c6c;}

/* --------- SET WIDTHS -------- */
div#nav ul li a#home {width: 64px}
div#nav ul li a#view-stock {width: 106px}
div#nav ul li a#what-we-do {width: 107px}
div#nav ul li a#contract-hire {width: 124px}
div#nav ul li a#finance {width: 80px}
div#nav ul li a#warranty {width: 92px}
div#nav ul li a#vehicle-sourcing {width: 143px}
div#nav ul li a#location-and-hours {width: 143px}
div#nav ul li a#contact-us {width: 93px}

/* --------- SET CURRENT TABS -------- */
body#body-home div#nav ul li a#home,
body#body-view-stock div#nav ul li a#view-stock,
body#body-what-we-do div#nav ul li a#what-we-do,
body#body-contract-hire div#nav ul li a#contract-hire,
body#body-finance div#nav ul li a#finance,
body#body-warranty div#nav ul li a#warranty,
body#body-vehicle-sourcing div#nav ul li a#vehicle-sourcing,
body#body-location-and-hours div#nav ul li a#location-and-hours,
body#body-contact-us div#nav ul li a#contact-us
{background: url(images/nav-current.gif) 0 0 repeat-x #0042b7; border-left: 1px solid #8caadf; border-top: 1px solid #8caadf; border-right: 1px solid #002260;}


/* -------------------------------- TOP LEFT NAV  --------------------------------------- */
div#top-left-nav ul {margin: 0; padding: 0; width: 267px;}
div#top-left-nav ul li {margin: 0 0 7px 0; padding: 0; display: block; width: 267px; height: 84px; float: left}
div#top-left-nav ul li a {margin: 0; display: block; width: 267px; height: 84px; float: left; background-position: left top; background-repeat: no-repeat}

div#top-left-nav ul li a:hover {background-position: left bottom}

div#top-left-nav ul li a#view-stock-large {background-image: url(images/view-stock-large.jpg)}
div#top-left-nav ul li a#car-offers-large {background-image: url(images/car-offers-large.jpg)}
div#top-left-nav ul li a#van-offers-large {background-image: url(images/van-offers-large.jpg)}



/* --------------------------------- FOOTER NAV  ---------------------------------------- */
div#footer ul {width: 990px; height: 1.40em; overflow: hidden; margin: 5px 0 0 0; padding: 0}
div#footer ul li {margin: 0; padding: 0; display: block; float: left; height: 1.40em; line-height: 1.40em; border-right: 1px solid #eee}
div#footer ul li a {margin: 0; padding: 0; display: block; float: left; height: 1.40em; line-height: 1.40em; color: #888; font-size: 0.95em; padding: 0 15px}

div#footer ul li a:hover {color: #000;}
.uk {
	font-size: 10px;
	text-decoration: none;
	width: 165px;
	text-align: left;
	display: block;
	float: right;
	margin: 10px 10px 0 0;
	padding: 0 0 17px 0;
	background: url(images/globe.jpg) no-repeat right top;
	color: #999999;
}
a:hover.uk {
	color: #000000;
}

#logos {
	text-align: center;
	padding: 12px 0 20px 0;
}