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

body {margin: 0; padding: 0; background: url(../images/body.jpg) left top repeat-x #7f7f7f; font-family: Arial, Helvetica, sans-serif; color: #333}
* {margin: 0; padding: 0}
a img {border: 0}

a {color: #0096ff; font-weight: bold; text-decoration: none}
a:hover {color: #000}

p, ul {margin: 10px 18px; font-size: 12px; line-height: 1.6}
ul li {margin: 0; padding: 0 0 0 15px; list-style: none outside; background: url(../images/blue-bullet.gif) left 7px no-repeat}


h1, h2, h3 {margin: 20px 18px 0 18px; font-family: Arial, Helvetica, sans-serif; color: #0096ff}
h1 {margin-top: 10px; font-size: 20px;}
h2 { font-size: 18px; }
h3 {font-size: 16px;}

/* Like <p> text but bold: */
h4 {margin: 10px 18px; font-size: 12px; line-height: 1.6; color: #333}

#rightCol h3 {margin: 10px 5px 0 5px}

a#whats-my-budget {float: left; display: block; width: 252px; height: 119px; background-image: url(../images/whats-my-budget.jpg); background-repeat: no-repeat; background-position: left top}

a#a-plan-link {float: left; display: block; width: 276px; height: 119px; background-image: url(../images/a-plan-link.jpg); background-repeat: no-repeat; background-position: left top}

a#whats-my-budget:hover,
a#a-plan-link:hover {background-position: left bottom}


/* ---------------------------------- LAYOUT ------------------------------------------ */
div#container-outer {position: relative; z-index: 2; margin: 0 auto; width: 990px; padding: 0 0 10px 0;	overflow: hidden}
div#container-outer #topshadow {width: 990px; height: 19px; background: url(../images/container-top.gif) 0 0 no-repeat}
div#container-outer #bottomshadow {position: absolute; left: 0; bottom: 0; z-index: 4; width: 990px; height: 10px; background: url(../images/container-bottom.gif) 0 0 no-repeat;} /* ??? */


div#container {
	position: relative;
	z-index: 3;
	padding: 0;
	width: 990px;
	background: url(../images/container-back.gif) 0 0 repeat-y;
	overflow: hidden
}

.satnav {
	margin: 20px 0px 0px 30px;
}

div#top {position: relative; z-index: 5; padding: 16px 21px 0 21px; width: 948px; height: 242px; overflow: hidden; background: url(../images/top-back.gif) 0 0 no-repeat}

div#main-image {
	position: relative;
	z-index: 6;
    width: 948px; 
    height: 242px;
	background: #000
}

/*
.image-trans {
	position: relative;
}

.image-trans div {
	position: absolute;
	top: 0px ;
	left: 0px;
}
*/

div#search-vans {position: absolute; right: 0; top: 0; z-index: 7; width: 190px; height: 242px; color: #fff; font-size: 11px}

div#content {width: 948px; padding: 16px 21px; overflow: hidden; background: url(../images/content-back.gif) 0 0 no-repeat}

div#leftCol {float: left; width: 208px; padding: 0 0 160px 0; margin-bottom: 120px; background: url(../images/nemo-van.jpg) left bottom no-repeat #0096ff; position: relative;}
div#centreCol {float: left; width: 550px}
div#rightCol {float: right; width: 190px; background: #141414}
div#rightColWide {float: right; width: 740px}

div.smallcol {float: left; width: 270px}
div.addr p {margin-left: 20px; font-size: 11px}

div#footer {margin: 0 16px 12px 16px; height: 42px; line-height: 42px; background: #0096ff; clear: both}

a#ttt, a#ukwebsites {display: block; height: 42px; color: #fff; text-transform: uppercase; font-size: 11px}
a#ttt {float: left; padding: 0 20px 0 34px; background: url(../images/ttt.gif) 10px 0 no-repeat}
a#ukwebsites {float: right; padding: 0 20px}

div#address-bar {width: 990px; margin: 0 auto; text-indent: 20px; height: 30px; color: #eee; text-transform: uppercase; font-size: 11px}

a#lowcostvans {float: right; color: #fff; line-height: 14px; margin: 0 20px 0 0}

.clear {clear: both}

/* ---------------------------------- MAIN NAV ------------------------------------------ */
div#nav ul {margin: 0}
div#nav ul li {display: block; margin: 0; padding: 0; width: 100%; height: 36px; list-style: none outside}
div#nav ul li a {display: block; margin: 0; padding: 0; width: 100%; height: 36px; line-height: 36px; color: #eee; text-decoration: none; font-size: 11px; text-transform: uppercase; text-indent: 12px; font-weight: bold; background-image: url(../images/nav-a.gif); background-position: left top;}

div#nav ul li a:hover {background-position: left -36px}

body#body-home div#nav ul li a#nav-home,
body#body-view-stock div#nav ul li a#nav-view-stock,
body#body-vehicle-hire div#nav ul li a#nav-vehicle-hire,
body#body-van-sourcing div#nav ul li a#nav-van-sourcing,
body#body-sell-your-van div#nav ul li a#nav-sell-your-van,
body#body-finance div#nav ul li a#nav-finance,
body#body-warranty div#nav ul li a#nav-warranty,
body#body-services-and-accessories div#nav ul li a#nav-services-and-accessories,
body#body-find-us-and-opening-hours div#nav ul li a#nav-find-us-and-opening-hours,
body#body-meet-the-team div#nav ul li a#nav-meet-the-team,
body#body-contact-us div#nav ul li a#nav-contact-us
{color: #fff; background-position: left -72px}


/* ------------------------------- BROWSE BY TYPE --------------------------------------- */
ul#browse-by-type {margin: 8px 18px 18px 18px; overflow: hidden}
ul#browse-by-type li {display: block; float: left; margin: 0 7px 7px 0; list-style: none outside; width: 163px; height: 104px; background: none; padding: 0}
ul#browse-by-type li a {display: block; float: left; width: 163px; height: 104px; position: relative; z-index: 10; background: #444; border: 1px solid #0096ff; text-transform: uppercase}

ul#browse-by-type li a span.type-title {display: block; width: 100%; margin: 85px 0 0 0; text-align: center; font-size: 12px; line-height: 12px; cursor: pointer; color: #fff; position: relative; z-index: 11}
ul#browse-by-type li a * {cursor: pointer}

ul#browse-by-type li .fadeThis {position:relative; display: block; width: 163px; height: 104px}
.fadeThis * {display: none}


/* SPECIFIC TYPES: */
ul#browse-by-type li#panel-vans .fadeThis {background: url(../images/browse-by-type/panel-vans.jpg) no-repeat 0 top;}
ul#browse-by-type li#panel-vans .fadeThis span.hover {background: url(../images/browse-by-type/panel-vans.jpg) no-repeat 0 bottom; position: absolute; display: block; left: 0; top: 0; width: 163px; height: 104px; z-index: 9}


ul#browse-by-type li#double-cabs .fadeThis {background: url(../images/browse-by-type/double-cabs.jpg) no-repeat 0 top;}
ul#browse-by-type li#double-cabs .fadeThis span.hover {background: url(../images/browse-by-type/double-cabs.jpg) no-repeat 0 bottom; position: absolute; display: block; left: 0; top: 0; width: 163px; height: 104px; z-index: 9}


ul#browse-by-type li#tippers .fadeThis {background: url(../images/browse-by-type/tippers.jpg) no-repeat 0 top;}
ul#browse-by-type li#tippers .fadeThis span.hover {background: url(../images/browse-by-type/tippers.jpg) no-repeat 0 bottom; position: absolute; display: block; left: 0; top: 0; width: 163px; height: 104px; z-index: 9}


ul#browse-by-type li#mini-buses .fadeThis {background: url(../images/browse-by-type/mini-buses.jpg) no-repeat 0 top;}
ul#browse-by-type li#mini-buses .fadeThis span.hover {background: url(../images/browse-by-type/mini-buses.jpg) no-repeat 0 bottom; position: absolute; display: block; left: 0; top: 0; width: 163px; height: 104px; z-index: 9}


ul#browse-by-type li#combi-vans .fadeThis {background: url(../images/browse-by-type/combi-vans.jpg) no-repeat 0 top;}
ul#browse-by-type li#combi-vans .fadeThis span.hover {background: url(../images/browse-by-type/combi-vans.jpg) no-repeat 0 bottom; position: absolute; display: block; left: 0; top: 0; width: 163px; height: 104px; z-index: 9}


ul#browse-by-type li#drop-sides .fadeThis {background: url(../images/browse-by-type/drop-sides.jpg) no-repeat 0 top;}
ul#browse-by-type li#drop-sides .fadeThis span.hover {background: url(../images/browse-by-type/drop-sides.jpg) no-repeat 0 bottom; position: absolute; display: block; left: 0; top: 0; width: 163px; height: 104px; z-index: 9}


ul#browse-by-type li#lutons .fadeThis {background: url(../images/browse-by-type/lutons.jpg) no-repeat 0 top;}
ul#browse-by-type li#lutons .fadeThis span.hover {background: url(../images/browse-by-type/lutons.jpg) no-repeat 0 bottom; position: absolute; display: block; left: 0; top: 0; width: 163px; height: 104px; z-index: 9}


ul#browse-by-type li#part-ex .fadeThis {background: url(../images/browse-by-type/part-ex.jpg) no-repeat 0 top;}
ul#browse-by-type li#part-ex .fadeThis span.hover {background: url(../images/browse-by-type/part-ex.jpg) no-repeat 0 bottom; position: absolute; display: block; left: 0; top: 0; width: 163px; height: 104px; z-index: 9}


ul#browse-by-type li#refrigerated-vans .fadeThis {background: url(../images/browse-by-type/refrigerated-vans.jpg) no-repeat 0 top;}
ul#browse-by-type li#refrigerated-vans .fadeThis span.hover {background: url(../images/browse-by-type/refrigerated-vans.jpg) no-repeat 0 bottom; position: absolute; display: block; left: 0; top: 0; width: 163px; height: 104px; z-index: 9}


ul#browse-by-type li#view-all-types .fadeThis {background: url(../images/browse-by-type/view-all.jpg) no-repeat 0 top;}
ul#browse-by-type li#view-all-types .fadeThis span.hover {background: url(../images/browse-by-type/view-all.jpg) no-repeat 0 bottom; position: absolute; display: block; left: 0; top: 0; width: 163px; height: 104px; z-index: 9}


/* ----------------------------- VIEW ALL STOCK BUTTON ------------------------------------ */
a#view-all-stock {display: block; margin: 10px 0 10px 21px; border: 0!important; background:url(../images/view-all-stock.gif) 0 0 no-repeat!important; color: #fff; text-align: center; padding: 0 20px 0 0; width: 130px; height: 28px; line-height: 28px; text-transform: uppercase; font-size: 12px; font-weight: normal}


/* --------------------------------- FOOTER LOGOS ----------------------------------------- */
div#footer-logos {height: 80px; width: 100%; clear: both}
div#footer-logos * {float: left}


/* --------------------------------- LOCATION MAP ----------------------------------------- */
#MyMap {width: 505px; height: 330px; margin: 10px 0 0 20px; border: 1px solid #000}
#MyMap iframe {width: 505px; height: 330px}


/* --------------------------------- ACCESSORIES ----------------------------------------- */
div.services-list {margin: 15px; padding: 0; border: 1px solid #ccc; overflow: hidden; height: 130px}
div.services-list ul {margin: 20px 12px; overflow: hidden}
div.services-list ul li {float: left; margin: 0 0 0 20px; padding: 2px 0 2px 20px; display: block; width: 40%; background: url(../images/servicesTickBullet.gif) left 2px no-repeat; font-weight: bold;}


/* --------------------------------- MEET THE TEAM ----------------------------------------- */
ul.ul-meet-the-team {margin: 12px;}
ul.ul-meet-the-team li {float: left; margin: 0 0 10px 0; padding: 20px 10px; display: block; width: 500px; background: #eee; overflow: hidden}
ul.ul-meet-the-team li img {float: right; margin: 22px 20px 20px 10px; border: 1px solid #666}
ul.ul-meet-the-team li h3 {margin: 0 0 0 10px; line-height: 1}
ul.ul-meet-the-team li p {margin: 0 10px 5px 10px; line-height: 1.3}

p.job {font-size: 13px; font-weight: bold; margin-top: 0; color: #444; line-height: 1}


/* --------------------------------- GET DIRECTIONS -------------------------------------- */
.frm-directions label {display: block}
#saddr {background: #eee!important; height:18px; border: 1px solid #666!important}
.formSubmitButton {border: 0!important; width: 50px; height: 30px; background: #333; color: #fff!important; margin: 0 0 0 3px; cursor: pointer}


/* -------------------------------- NEW IMAGE TRANS -------------------------------------- */
div.image-trans { margin: 0; width: 100%; height: 242px; position: relative; z-index: 7; background: #000}
div.image-trans div { width: 100%; }
div.image-trans div image {}
div.image-trans div p { position: absolute; z-index: 10; bottom: 12px; left: 0; width: 758px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; color: #fff; margin:0; padding:0}
div.image-trans div p.left {left: 20px}
div.image-trans div p.right {right: 20px}


/* ----------------------------- BENEFITS AND SERVICES ----------------------------------- */
ul#benefitsList {margin: 10px 0 10px 15px; overflow: hidden; clear: both}
ul#benefitsList li {margin: 5px 10px 5px 0; display: block; float: left; width: 240px; height: 70px; background-repeat: no-repeat; background-position: left top; color: #fff; position: relative; z-index: 6}
ul#benefitsList li span {line-height: 14px; position: absolute; display: block; left: 20px; top: 27px; z-index: 8; width: 200px}

ul#benefitsList li.benefitsListMot {background-image: url(../images/benefits-mot.jpg)}
ul#benefitsList li.benefitsListInspection {background-image:url(../images/benefits-inspection.jpg) }
ul#benefitsList li.benefitsListService {background-image: url(../images/benefits-service.jpg)}
ul#benefitsList li.benefitsListWarranty {background-image: url(../images/benefits-warranty.jpg)}
ul#benefitsList li.benefitsListWarranty span {top: 20px}
ul#benefitsList li.benefitsListValet {background-image: url(../images/benefits-valet.jpg)}
ul#benefitsList li.benefitsListFuel {background-image:url(../images/benefits-fuelpump.jpg)}



.roberts {
	width: 209px;
	height: 139px;
	display: block;
	background: url('../images/viewourcars.jpg') no-repeat left top;
	text-indent: -9999px;
	position: absolute;
	left: 0px;
	top: 520px;
}
a:hover.roberts {
	background-position: 0px -140px}