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

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

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

div#address-box {
	position: absolute;
	right: 15px;
	top: 20px;
	text-transform: uppercase;
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.3;
	color: #ddd;
	text-align: right
}

div#main-nav-full {width: 100%; height: 45px; background: url(images/nav-back.jpg) left top repeat-x}

div#main-nav {
    position: relative;
	margin: 0 auto;
    width: 990px;
    height: 45px;
	z-index: 100	
}

div#full-col {float: left; width: 990px; overflow: hidden; padding: 0 0 30px 0}

div#right-box {float: right; width: 300px; padding: 10px 0 0 10px}

div#right-box-extra {float: right; width: 300px; padding: 10px 0 0 10px}

div#left-col {float: left; width: 620px; overflow: hidden; padding: 0 0 30px 0}

div#main-image,
div#main-image-wide {
    width: 617px;
    height: 255px;
	background: #000;
}
div#main-image-wide {width: 990px}

div#main-image img {z-index: 1;}


div#right-col {float: right; width: 370px; overflow: hidden}

div#footer-full {width: 100%; height: 110px; padding: 15px 0; background:url(images/footer-back.gif) left top repeat-x}
div#footer {
    position: relative;
	margin: 0 auto;
    width: 990px;
    height: 110px;
}

div.clear {clear: both}

div#search-used-all {margin: 10px 5px; padding: 8px 10px; background: #f6f6f6; border: 1px solid #ddd}
div#search-used-cars {margin: 10px 5px; padding: 8px 10px; background: #f6f6f6; border: 1px solid #ddd}
div#search-used-motorhomes {margin: 10px 5px; padding: 8px 10px; background: #f6f6f6; border: 1px solid #ddd}

div#stocklist {margin: 0 0 0 5px}


/* -------------------------------------------- TYPE --------------------------------------------- */
h1 {position: absolute; left: 0; top: 25px}
h1 span {position: relative; font-size: 2px; top: -1000px}

a {text-decoration: none; font-weight: bold; color: #00418a}
a:hover {color: #FF9900}

h2, h3, h4 {font-family: Arial, Helvetica, sans-serif; color: #00418a}
h2 {margin: 15px 10px 5px 5px; font-size: 2.10em; font-weight: bold; text-transform: uppercase}
h2 span.introtext {display: block; font-size: 0.70em; text-transform: none}

h3 {margin: 15px 10px 5px 5px; font-size: 1.25em; font-weight: bold; text-transform: uppercase}
h3.greytitle {margin-top: -5px; color: #888}

h4 {margin: 15px 10px 5px 5px; font-size: 1.15em; font-weight: bold; text-transform: uppercase}

p {margin: 10px 10px 20px 5px}
div#right-box p.tel, div#right-box-extra p.tel {margin-top: 0; margin-bottom: 0}

p.special-text {font-size: 18px; text-transform: uppercase; color: #00418a; font-family: Arial, Helvetica, sans-serif; text-align: center}

ul, ol {margin: 0; padding: 0}
ul li {margin: 0 0 0 25px; list-style: square outside}
ol li {margin: 0 0 0 25px; list-style-position: outside}

/* ------------------------------------------ MAIN NAV ------------------------------------------- */

/*See Spry*/



/* ------------------------------------------ RIGHT COL ------------------------------------------- */
div#right-col ul {z-index: 1}
div#right-col ul li {display: block; float: left; margin: 0 0 3px 0; padding: 0; width: 370px; height: 126px; background: url(images/box-back.gif) left top repeat-x;}

div#right-col ul li img {float: left}

div#right-col ul li h4, div#right-col ul li p {margin-left: 175px}

div#right-col ul li h4 {margin-top: 11px}
div#right-col ul li p {margin-top: 0; margin-bottom: 7px; font-size: 11px; line-height: 1.1}
div#right-col ul li p.tel {padding: 0 0 0 18px; font-weight: bold; background: url(images/tel.gif) left 50% no-repeat; color: #00418a}

div#right-col ul li#first-box {background: url(images/first-box-back.gif) left top repeat-x}


div#right-box h4,
div#right-box-extra h4 {  /* USED ON PAGES OTHER THAT HOMEPAGE */
	margin: 7px 0 0 5px;
}

div#right-box p.tel, div#right-box-extra p.tel {padding: 0 0 0 17px; font-weight: bold; background: url(images/tel.gif) left 50% no-repeat; color: #00418a}

iframe {margin: 0 0 0 5px; border: 1px solid #444}


/* ------------------------------------------ FOOTER NAV ------------------------------------------- */
div#footer ul {margin: 0; width: 100%; float:left}
div#footer ul li {display: inline; margin: 0; padding: 0}
div#footer ul li a {display: inline; color: #cedbe9; text-align: center; font-size: 10px; padding: 0 5px; margin: 0; text-transform: uppercase; font-weight: normal}

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

a#ukwebsites {position: absolute; right: 20px; top: 5px; text-align: right; color: #cedbe9; font-size: 10px; z-index: 10; font-weight: normal; text-transform: uppercase}

a#ukwebsites:hover {color: #fff}



/* -------------------------------------- MOTORHOMES PAGE ------------------------------------- */
ul#motorhomes-new-used-list {margin: 10px 0 0 5px; padding: 0; width: 670px; height: 245px; overflow: hidden}
ul#motorhomes-new-used-list li {display: block; float: left; margin: 0; width: 335px; height: 230px; padding: 0; list-style: none inside; background: #fff}
ul#motorhomes-new-used-list li a {display: block; float: left; width: 319px; height: 228px; margin: 0; padding: 0; text-transform: uppercase; color: #00418a; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: center; border: 1px solid #ddd; background: #f6f6f6;}
ul#motorhomes-new-used-list li a:hover {color: #FF9900}
ul#motorhomes-new-used-list li a img {margin: 6px 1px 6px 0}


ul#motorhomes-servicing-list {margin: 0 0 0 5px; padding: 0; width: 670px; height: 119px; overflow: hidden}
ul#motorhomes-servicing-list li {display: block; float: left; margin: 0; width: 335px; height: 109px; padding: 0; list-style: none inside;}
ul#motorhomes-servicing-list li a {display: block; float: left; width: 179px; margin: 0 2px 0 0; padding: 0 0 0 140px; line-height: 107px; text-transform: uppercase; color: #00418a; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: center; border: 1px solid #ddd; background: #f6f6f6; overflow: hidden}

ul#motorhomes-servicing-list li a:hover {color: #FF9900}
ul#motorhomes-servicing-list li a.vehicleservicing {background: url(images/motorhomes/vehicle-servicing.jpg) left 50% no-repeat #f6f6f6}
ul#motorhomes-servicing-list li a.habitationservicing {background: url(images/motorhomes/habitation-servicing.jpg) left 50% no-repeat #f6f6f6}

ul#motorhomes-website-list {margin: 10px 0 30px 5px; width: 665px; overflow: hidden}
ul#motorhomes-website-list li {margin:0 10px 0 0; padding: 0; list-style: none inside; display: block; float: left; width: 206px; height: 150px}
ul#motorhomes-website-list li a {margin:0; padding: 0; display: block; float: left; width: 193px; text-transform: uppercase; color: #00418a; text-align: center; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
ul#motorhomes-website-list li a:hover {color: #FF9900}
ul#motorhomes-website-list li a span.link {display: block; padding: 5px 0 3px 0}


/* ----------------------------------------- SERVICE PAGE ----------------------------------------- */
/* -- CARS OR MOTORHOMES --*/
ul#servicing {margin: 10px 0 0 5px; padding: 0; width: 670px; height: 245px; overflow: hidden}
ul#servicing li {display: block; float: left; margin: 0; width: 335px; height: 230px; padding: 0; list-style: none inside; background: #fff}
ul#servicing li a {display: block; float: left; width: 319px; height: 228px; margin: 0; padding: 0; text-transform: uppercase; color: #00418a; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: center; border: 1px solid #ddd; background: #f6f6f6;}
ul#servicing li a:hover {color: #FF9900}
ul#servicing li a img {margin: 6px 1px 6px 0}

/* -- BADGES --*/
ul.service-list {margin: 0 10px 0 0}
ul.service-list li {margin: 0; padding: 0; list-style: none inside; display: block; float: left; width: 80px; height: 100px;}
ul.service-list li.wider {width: 470px}

ul.service-list li a {margin:0; padding: 0; display: block; float: left; width: 100%; height: 100px}


/* ----------------------------------------- CAR SERVICING  ----------------------------------------- */
ul#cars-servicing {margin: 10px 10px 10px 5px; overflow: hidden}
ul#cars-servicing li {margin: 5px 10px 10px 0; padding: 0; float: left; display: block; list-style: none; width: 660px; height: 102px;}
ul#cars-servicing li a {margin: 0; padding: 0; display: block; width:660px; height: 100px; border: 1px solid #ccc; background: #f6f6f6; overflow: hidden; position: relative}
ul#cars-servicing li a:hover {background: #f0f0f0}

ul#cars-servicing li a img {position: absolute; left: 0; top: 0;}

ul#cars-servicing li a h4 {margin: 14px 15px 0 10px; text-align: right; font-size: 20px; font-weight: normal; color: #333}
ul#cars-servicing li a p {margin: 5px 15px; text-align: right; font-size: 11px; color: #333}
ul#cars-servicing li a p.price {margin: 0 15px; text-align: right; font-size: 18px; color: #00418a; font-weight: normal}


/* -------------------------------------- SERVICE VEHICLES PAGES ------------------------------------- */
ul.service-models {float: left; margin: 10px 0 10px 5px; width: 660px; overflow: hidden}
ul.service-models li {margin: 5px 20px 10px 0; padding: 0; list-style: none inside; display: block; float: left; width: 195px; height: 165px; text-align: center; font-family:Arial, Helvetica, sans-serif; color: #00418a; font-size: 14px; font-weight: bold; border: 1px solid #ccc; background: #f6f6f6}

ul.service-models li h4 {margin: 10px 0 8px 0; font-size: 14px}
ul.service-models li img {margin: 0 0 5px 0}

div#service-desk {position: relative; clear: both; margin: 10px 5px; width: 570px; background: #f6f6f6; border: 1px solid #ccc; height: 170px}
div#service-desk img {position: absolute; left: 10px; top: 10px;}

div#service-desk h4, div#service-desk p {margin-left: 260px}
div#service-desk h4 {}



/* -- SERVICING VOUCHER --*/
div#service-voucher {width: 287px; height: 108px; float: right; margin: 0 20px 10px 0}
div#service-voucher a {display: block; width: 287px; height: 108px; background: url(images/e-voucher.png) left top no-repeat}
div#service-voucher a:hover {background-position: left bottom}

div#parts-vouch-popup { /*  ACTUAL POP-UP DIV  */
	width: 640px;
	height: 284px;
}

div#parts-vouch-popup img {position: absolute; left: 0; top: 0; z-index: 101}



div#parts-vouch-popup a#print-voucher,
div#parts-vouch-popup a#close-voucher {font-size: 16px; text-transform: uppercase; color: #fff; font-family: Arial, Helvetica, sans-serif;}

div#parts-vouch-popup a#print-voucher {position: absolute; bottom: 17px; left: 90px;}

div#parts-vouch-popup a#close-voucher {position: absolute; bottom: 17px; right: 25px;}

div#parts-vouch-popup h3,
div#parts-vouch-popup h4,
div#parts-vouch-popup h5,
div#parts-vouch-popup h6,
div#parts-vouch-popup p,
div#parts-vouch-popup ul,
div#parts-vouch-popup ol,
div#parts-vouch-popup a,
div#parts-vouch-popup span {z-index: 1000}

div#parts-vouch-popup div#voucher-text {position: absolute; left: 15px; top: 68px; z-index: 110; width: 700px;}
div#parts-vouch-popup div#voucher-text p {color: #222; font-size: 13px; font-weight: bold}

a#older-servicing {margin: 5px 0 0 0; float: left; display: block; width: 343px; height: 103px; color: #fff; background: url(images/servicing-button.jpg) 0 0 no-repeat}

a#older-servicing:hover {color: #FF9900}

a#older-servicing span#servicing-large {display: block; margin: 15px 18px 0 18px; font-size: 19px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; cursor: pointer; font-weight: normal}
a#older-servicing span#servicing-small {display: block; margin: 10px 18px 0 18px; font-size: 13px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; cursor: pointer}



/* ----------------------------------------- THINGS TO DO  ----------------------------------------- */
div.things-to-do {margin: 10px 5px; width: 900px; overflow: hidden}
div.things-to-do img {float: left; margin: 0 30px 0 0}
div.things-to-do h4,
div.things-to-do p {margin-left: 0 0 0 20px}

/* ------------------------------- SERVICING INFO IN RIGHT COLUMN -------------------------------------- */

div#services-rightcol {background: #00418a; color: #fff; padding: 5px 10px}
div#services-rightcol h3 {color: #fff; font-size: 18px}


/* ----------------------------------------- OLDER VEHICLES  ----------------------------------------- */
div#service-plans {margin: 15px 0; float: left; width: 670px; overflow: hidden}
div.service-col {float: left; width: 205px; margin: 0 18px 0 0; overflow: hidden}

div.service-col p.blue-back {margin: 10px 0 0 0; padding: 8px; font-size: 12px; color: #fff; background: #00418a; text-align: center}
div.service-col p.service-price {margin: 0; font-size: 36px; color: #00418a; text-align: center}
div.service-col p.service-price sup {font-size: 13px; padding: 0; color: #00418a}
div.service-col p.service-line {font-size: 11px; padding: 0 0 10px 0; color: #00418a; border-bottom: 1px solid #00418a}
div.service-col p {font-size: 11px; margin: 5px 0; color: #00418a}
div.service-col ul {font-size: 11px; margin: 5px 0; color: #00418a}
div.service-col ul li {list-style: none outside; margin: 0}

div#service-plan-notes {width: 100%; padding: 10px 0; clear: both; font-size: 11px}

div#service-plan-notes p {margin-left: 0}


/* ----------------------------------------- NEW NISSAN  ----------------------------------------- */
a#new-nissan-link {position: relative; margin: 10px 5px; display: block; width: 659px; height: 141px; background: url(images/new-vehicles/new-nissan-button.jpg) 0 0 no-repeat}

span#view-nissan {font-size: 22px; text-transform: uppercase; color: #fff; font-weight: bold; font-family:Arial, Helvetica, sans-serif; position: absolute; right: 15px; bottom: 25px; cursor: pointer}

span#click-here {font-size: 14px; text-transform: uppercase; color: #fff; font-weight: bold; font-family:Arial, Helvetica, sans-serif; position: absolute; right: 15px; bottom: 10px; cursor: pointer}



/* ----------------------------------------- NEW VEHICLES  ----------------------------------------- */
ul#new-vehicles {margin: 10px 10px 10px 5px; overflow: hidden}
ul#new-vehicles li {margin: 5px 10px 10px 0; padding: 0; float: left; display: block; list-style: none; width: 660px; height: 102px;}
ul#new-vehicles li a {margin: 0; padding: 0; display: block; width:660px; height: 100px; border: 1px solid #ccc; background: #f6f6f6; overflow: hidden; position: relative}
ul#new-vehicles li a span {position: absolute; left: 370px; line-height: 100px; text-align: center; margin: 0; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 18px; cursor: pointer; font-weight: normal}
ul#new-vehicles li a img {position: absolute; left: 0; top: 0}
ul#new-vehicles li a:hover {background: #f0f0f0}



/* ----------------------------------------- CONTACT US  ----------------------------------------- */
div#find-us {float: right; margin: 17px 10px 0 0}
div#find-us a {display: block; margin: 10px 0 0 0; width: 138px; height: 195px; background: url(images/find-us.jpg) left top no-repeat; overflow: hidden}
div#find-us a:hover {background-position: left -194px}
div#find-us h4 {text-align: center; widows: 138px; margin: 0}



/* ----------------------------------------- HIRE CARS  ----------------------------------------- */	
div#hire-cars {margin: 10px; padding: 0 0 0 200px; height: 240px; background: url(images/servicing/hire-cars.gif) left 50% no-repeat}

div#hire-cars div {width: 120px; height: 170px; padding: 15px; background: #eee; float: left; margin: 0 10px 0 5px}

div#hire-cars div p {margin: 0; text-align: center; font-size: 17px}
div#hire-cars div p.hire-price {margin-top: 20px; font-size: 30px}


/* S3 Slider */

#slider1 					{ width: 617px; /* important to be same as image width */ height: 255px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ margin: 0; padding: 0; }


#slider1Content 			{ width: 617px; height: 255px; position: absolute;	top: 0;	left: 0; list-style: none; margin: 0; padding: 0; z-index: 50!important; }
#slider1Content img			{ z-index: 50!important; }

.slider1Image 				{ float: left; position: relative; display: none; z-index: 50!important; margin: 0; padding: 0; }


.slider1Image span 			{ position: absolute; height: 60px; width: 617px;  background: url(../images/1px-tran-bg.png) left top repeat; color: #fff; display: none; }
.clear 						{ clear: both; }

.top 						{ top: 0; left: 0; display: none; visibility: hidden; } 
.bottom 					{ bottom: 0; right: 0; }
.left 						{ top: 0; left: 0; width: 150px!important;	height: 280px; }
.right 						{ right: 0;	bottom: 0; width: 150px !important;	height: 282px; }

.bottom p					{ font-size: 13px; font-weight: bold; margin: 20px 0 0 20px; }

#slider2 					{ width: 990px; /* important to be same as image width */ height: 255px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ margin: 0; padding: 0; }


#slider2Content 			{ width: 990px; height: 255px; position: absolute;	top: 0;	left: 0; list-style: none; margin: 0; padding: 0; z-index: 50!important; }
#slider2Content img			{ z-index: 50!important; }

.slider2Image 				{ float: left; position: relative; display: none; z-index: 50!important; margin: 0; padding: 0; }


.slider2Image span 			{ position: absolute; height: 60px; width: 990px;  background: url(../images/1px-tran-bg.png) left top repeat; color: #fff; display: none; }
.clear 						{ clear: both; }

.top 						{ top: 0; left: 0; display: none; visibility: hidden; } 
.bottom 					{ bottom: 0; right: 0; }
.left 						{ top: 0; left: 0; width: 150px!important;	height: 280px; }
.right 						{ right: 0;	bottom: 0; width: 150px !important;	height: 282px; }

.bottom p					{ font-size: 13px; font-weight: bold; margin: 20px 0 0 20px; }