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

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


#banners {
	display: block;
	width: 770px;
	margin: 16px 10px;
	float: left;
}

#banners img {
	display: block;
	float: left;

}

#banners .half {
	margin: 10px 20px 0px 0px;
}

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

div#main-image-full {width: 100%; height: 407px; background: url(../images/main-image-full-back.gif) left top repeat-x}
div#main-image {margin: 0 auto; position: relative; z-index: 1; width: 990px; height: 407px; background: url(images/home/main-image-back.jpg) 0 0 no-repeat} /* HOMEPAGE SITE */
div#main-image img {z-index: 1}

div#main-nav-full {width: 100%; height: 50px; background:url(images/nav-back.gif)}
div#main-nav {margin: 0 auto; position: relative; z-index: 10; width: 990px; height: 50px;}


div#content {position: relative; margin: 0 auto; padding: 0; width: 990px}
div#left-col {float: left; width: 730px; padding: 0 0 20px 0; overflow: hidden}

div.half-col {float: left; width: 50%; overflow: hidden}

div#right-col {float: right; width: 260px; padding: 0 0 20px 0; overflow: hidden}

div#footer-full {clear:both; width: 100%; border-top: 1px solid #ccc}
div#footer {position: relative;	margin: 0 auto; padding: 10px 0; width: 990px;}


div.editable-region {float: left; height: auto; width: 730px; margin: 10px 15px 0 15px; overflow: hidden!important; font-size: 12px}
div.editable-region h1,
div.editable-region h2,
div.editable-region h3,
div.editable-region h4,
div.editable-region h5,
div.editable-region h6
 {position: relative; float: none} /* fixes some issues with editable pages I found */
 
div.editable-region h1 {font-size: 26px}
div.editable-region h2 {font-size: 22px}
div.editable-region h3 {font-size: 18px}
div.editable-region p {font-size: 12px; color: #333}
table {font-size: 12px}
 
div.editable-region table, div.editable-region p, div.editable-region div, div.editable-region img {float: none; text-align: left}


/* -------------------------------- USED AND NEW CAR SEARCH BOXES ----------------------------------*/
div#new-and-used-search {position: absolute; left: 9px; top: 11px; width: 243px; height: 130px; z-index: 9999}

.tabberlive .tabbertabhide {display:none}

.tabber {}
.tabberlive {margin-top:0}

ul.tabbernav {
	 margin:0;
	 padding: 0;
	 height: 30px;
	 font: bold 11px Verdana, sans-serif;
	 background: url(images/tabs-back.gif) 0 0 no-repeat;
}

ul.tabbernav li {
	 list-style: none;
	 margin: 0;
	 display: inline;
}

ul.tabbernav li a {   /* THE TABS STYLES */
	display: block;
	float: left;
	margin: 0;
	width: 121px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: normal;
	 /* padding: 3px 10px; */
	 background: none;
	 color: #cdddef;
	 text-decoration: none;
}


ul.tabbernav li a:link {color: #cdddef}
ul.tabbernav li a:visited {color: #cdddef}
ul.tabbernav li a:hover {color: #fff; font-weight: normal}

ul.tabbernav li.tabberactive a {
	 color: #fff;
	 background: url(images/tab-current.gif) right 0 no-repeat
}

ul.tabbernav li.tabberactive a:hover {color: #fff}

.tabberlive .tabbertab {
	 padding:5px;
	 border-top:0;
}

.tabberlive .tabbertab h2 {display:none; font-size: 0.90em;}
.tabberlive .tabbertab h3 {display:none;}

.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab {height:200px; overflow:auto;}


/* ------------------------------------ RIGHT COLUMN STYLES --------------------------------------*/
div#congestion-charge {position: relative; width: 249px; margin: 10px 11px 0 0; height: 79px; background: url(images/congestion-charge-back.gif) 0 0 no-repeat}

div#beat-price-guarantee {position: relative; width: 249px; margin: 10px 11px 0 0; height: 174px; background:url(images/beat-price-guaranteed.gif) 0 0 no-repeat}

div#testimonials {position: relative; width: 249px; margin: 10px 11px 0 0; height: 174px; background: url(images/testimonial-middle.gif) 0 0 repeat-y}
div#testimonials img#test-top {position: absolute; left: 0; top: 0; height: 41px; z-index: 10}
div#testimonials img#test-bottom {position: absolute; left: 0; bottom: 0; height: 29px; z-index: 10}

div#refurb {position: relative; width: 249px; margin: 10px 11px 10px 0; height: 174px; background: url(images/grey-bg.jpg); background-repeat:no-repeat}

div#congestion-charge h4,
div#beat-price-guarantee h4,
div#testimonials h4 {
	position: absolute;
	z-index: 1000;
	left: 10px; 
	top: 10px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #555
}

div#congestion-charge p,
div#beat-price-guarantee p {position: absolute; left: 10px; top: 55px; margin: 0}


/* -------------------------------------------- TYPE --------------------------------------------- */
h1 {position: absolute; left: 0; top: 5px}
h1 span {position: relative; top: -1000px}

a {text-decoration: none}

h2, h3, h4 {font-family: Arial, Helvetica, sans-serif; color: #0052ae}
h2 {margin: 15px 15px 5px 15px; font-size: 2.20em; font-weight: normal}
h3 {margin: 15px 15px 5px 15px; font-size: 1.50em; font-weight: normal}
h4 {margin: 15px 15px 5px 15px; font-size: 1.00em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif}
h5 {margin: 15px 15px 5px 15px; font-size: 1.00em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif}

p {margin: 10px 15px}

a {color: #0066d9; font-weight: bold; text-decoration: none}
a:hover {color: #000; font-weight: bold; text-decoration: none}
a.special-link {padding-left: 7px; background:url(images/special-link.gif) left 50% no-repeat}

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

img.img-right {float: right; margin: 5px 15px 10px 10px}

/* iframe hack */
#menuiframe
{
width:100%;
height:100%;
position:absolute;
left:0;
top:0px;
display:block;
filter:alpha(opacity=0);
-moz-opacity: 0.80;
opacity: 0.80;
}


/* ------------------------------------------ MAIN NAV ------------------------------------------- */
/* ul */
div#main-nav ul#MenuBar2 {margin: 0; position: absolute; right: 0}
div#main-nav ul#nav-top {top: 0}

/* li */
div#main-nav ul#MenuBar2 li {float: left; padding: 0 0 0 20px; display: block; height: 25px; line-height: 25px}
div#main-nav ul#MenuBar1 li {float: left; padding: 0 0 0 20px; display: block; height: 25px; line-height: 25px; background: #0052af; }


/* a */
div#main-nav ul#MenuBar2 li a {float: left; display: block; text-align: center}
div#main-nav ul#MenuBar1 li a {display: block; text-align: center}
div#main-nav ul#MenuBar2 li a {color: #0052af;}
div#main-nav ul#MenuBar1 li a {color: #ddd;}

div#main-nav ul#MenuBar1 li ul li {padding: 0; background: #ffad22}
div#main-nav ul#MenuBar1 li ul li a {background: #ffad22; color: #0052af; text-align: left; padding: 0 0 0 25px; height: 25px; line-height: 25px}
div#main-nav ul#MenuBar1 li ul li a:hover {background: #e09413; color: #0052af;!important}


/* a:hover */
div#main-nav ul#MenuBar2 li a:hover {background: #fbbb4e; color: #0052af; }
div#main-nav ul#MenuBar1 li a:hover {background: #ffad22; color: #0052af;}

div#main-nav iframe {display: none}  /* hide iframe as hack is screwing with my styles */

/* A WIDTHS */
div#main-nav ul#MenuBar2 li a#nav-about-us {width: 95px}
div#main-nav ul#MenuBar2 li a#nav-find-us {width: 110px}
div#main-nav ul#MenuBar2 li a#nav-mkg3000-news {width: 130px}
div#main-nav ul#MenuBar2 li a#nav-sponsorship {width: 110px}
div#main-nav ul#MenuBar2 li a#nav-recruitment {width: 110px}
div#main-nav ul#MenuBar2 li a#nav-contact-us {width: 110px}
div#main-nav ul#MenuBar2 li a#nav-home {width: 98px}

div#main-nav ul#MenuBar1 li a#nav-view-stock {width: 115px}
div#main-nav ul#MenuBar1 li a#nav-mazda {width: 95px}
div#main-nav ul#MenuBar1 li a#nav-subaru {width: 95px}
div#main-nav ul#MenuBar1 li a#nav-volvo {width: 90px}
div#main-nav ul#MenuBar1 li a#nav-business-sales {width: 140px}
div#main-nav ul#MenuBar1 li a#nav-motability {width: 95px}
div#main-nav ul#MenuBar1 li a#nav-finance {width: 95px}
div#main-nav ul#MenuBar1 li a#nav-about-us {width: 95px}

div#main-nav ul#MenuBar1 li a#nav-find-us {width: 110px}
div#main-nav ul#MenuBar1 li a#nav-parts {width: 80px}
div#main-nav ul#MenuBar1 li a#nav-servicing {width: 95px}
div#main-nav ul#MenuBar1 li a#nav-parts-and-servicing {width: 190px}

div#main-nav ul#MenuBar1 li a#nav-used-mazda {width: 115px}
div#main-nav ul#MenuBar1 li a#nav-new-mazda {width: 115px}




/* ------------------------------------------ FOOTER NAV ------------------------------------------- */
div#footer ul {margin: 0 10px; width: 970px; height: 15px;}
div#footer ul li {float: left; display: block; height: 15px; line-height: 15px; margin: 0 3px 0 0}
div#footer ul li a {margin: 0; float: left; display: block; height: 15px; line-height: 15px; color: #0052af; text-align: center; font-size: 0.80em; padding: 0 5px; font-weight: normal; text-transform: uppercase}

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

a#ukwebsites {position: absolute; right: 20px; top: 115px; text-align: right; color: #555; font-size: 0.80em; z-index: 10; font-weight: normal}
a#ukwebsites:hover {color: #222}

div#address-footer {clear: both; margin: 10px 0; padding: 5px 0; width: 700px; color: #555; font-size: 0.80em}



/* ------------------------------------------ HOME STYLES ------------------------------------------- */
#volvo-badge {position: absolute; right: 10px; top: 12px;}
#subaru-badge {position: absolute; right: 120px; top: 12px;}
#mazda-badge {position: absolute; right: 253px; top: 12px;}

/* --  LARGE BUTTONS -- */
body.body-home ul#large-buttons {position: absolute; left: 10px; top: 195px; margin: 0; width: 980px; height: 187px; z-index: 100}
body.body-home ul#large-buttons li {position: relative; margin: 0; padding: 0 11px 0 0; list-style: none inside; float: left; width: 315px; height: 207px;}

body.body-home ul#large-buttons li a {position: absolute; right: 18px; bottom: 8px; display: block; width: 191px; height: 28px; line-height: 28px; background: url(images/large-button.gif) left top no-repeat; text-align: center; color: #011e40; font-weight: bold; font-size: 0.90em}
body.body-home ul#large-buttons li a:hover {background-position: left bottom}

body.body-home ul#large-buttons li#large-mazda {background: url(images/home/large-mazda.jpg) 0 0 no-repeat}
body.body-home ul#large-buttons li#large-subaru {background: url(images/home/large-subaru.jpg) 0 0 no-repeat}
body.body-home ul#large-buttons li#large-volvo {background: url(images/home/large-volvo.jpg) 0 0 no-repeat}


body.body-home ul#large-buttons li#large-mazda p,
body.body-home ul#large-buttons li#large-subaru p,
body.body-home ul#large-buttons li#large-volvo p 
{position: absolute; right: 22px; top: 133px; margin: 0; line-height: 1.25; padding: 0; color: #fff; font-size: 14px; text-align: right}
body.body-home ul#large-buttons li#large-mazda p span.tel,
body.body-home ul#large-buttons li#large-subaru p span.tel,
body.body-home ul#large-buttons li#large-volvo p span.tel 
{background: url(images/home/tel.gif) 0px 50% no-repeat; padding: 0 0 0 15px; margin: 0 0 0 5px}




/* ----------------------------------------- SUBARU STYLES ------------------------------------------ */
body.body-subaru div#main-image-full {height: 343px}   /* SUBARU SITE */
body.body-subaru div#main-image {height: 343px; background: url(images/subaru/main-image-back.jpg) 0 0 no-repeat}   /* SUBARU SITE */

#subaru-logo-top {position: absolute; right: 0; top: 12px;}

/* --  LARGE BUTTONS -- */
body.body-subaru ul#large-buttons {position: absolute; left: 10px; top: 220px; margin: 0; width: 980px; height: 118px; z-index: 100}
body.body-subaru ul#large-buttons li {position: relative; margin: 0; padding: 0 11px 0 0; list-style: none inside; float: left; width: 478px; height: 118px;}

body.body-subaru ul#large-buttons li a {position: absolute; left: 7px; bottom: 5px; display: block; width: 163px; height: 26px; line-height: 26px; background: url(subaru/images/button-back-trans.gif) left top no-repeat; text-align: center; color: #011e40; font-weight: bold; font-size: 0.90em}
body.body-subaru ul#large-buttons li a:hover {background-position: left bottom}

body.body-subaru ul#large-buttons li#new-subaru {background: url(subaru/images/new-subaru-large.jpg) 0 0 no-repeat}
body.body-subaru ul#large-buttons li#used-subaru {background: url(subaru/images/used-subaru-large.jpg) 0 0 no-repeat}

/* phone numbers */
div#telephone-numbers-subaru p {position: absolute; left: 345px; top: 36px; margin: 0; line-height: 1.5; padding: 0; color: #444; font-size: 15px; text-align: right; font-family:Arial, Helvetica, sans-serif; color: #0052af; z-index: 1000; font-weight: bold}

div#telephone-numbers-subaru p span.tel {background: url(mazda/images/tel.gif) 0px 50% no-repeat; padding: 0 0 0 15px; margin: 0 0 0 5px}




/* ----------------------------------------- MAZDA STYLES ------------------------------------------ */
body.body-mazda div#main-image-full {height: 343px}   /* MAZDA SITE */
body.body-mazda div#main-image {height: 343px}   /* MAZDA SITE */

#mazda-logo-top {position: absolute; right: 0; top: 12px;}

/* --  LARGE BUTTONS -- */
body.body-mazda ul#large-buttons {position: absolute; left: 10px; top: 220px; margin: 0; width: 980px; height: 118px; z-index: 100}
body.body-mazda ul#large-buttons li {position: relative; margin: 0; padding: 0 11px 0 0; list-style: none inside; float: left; width: 478px; height: 118px;}

body.body-mazda ul#large-buttons li a {position: absolute; left: 7px; bottom: 5px; display: block; width: 163px; height: 26px; line-height: 26px; background: url(subaru/images/button-back-trans.gif) left top no-repeat; text-align: center; color: #011e40; font-weight: bold; font-size: 0.90em}
body.body-mazda ul#large-buttons li a:hover {background-position: left bottom}

body.body-mazda ul#large-buttons li#new-mazda {background: url(mazda/images/new-mazda-large.jpg) 0 0 no-repeat}
body.body-mazda ul#large-buttons li#used-mazda {background: url(mazda/images/used-mazda-large.jpg) 0 0 no-repeat}

/* phone numbers */
div#telephone-numbers-mazda p {position: absolute; left: 375px; top: 36px; margin: 0; line-height: 1.5; padding: 0; color: #444; font-size: 15px; text-align: right; font-family:Arial, Helvetica, sans-serif; color: #0052af; z-index: 1000; font-weight: bold}

div#telephone-numbers-mazda p span.tel {background: url(mazda/images/tel.gif) 0px 50% no-repeat; padding: 0 0 0 15px; margin: 0 0 0 5px}

/* ------------------ NEW MAZDA PAGE ---------------- */ 
div.new-mazda-model {float: left; margin: 15px 0 0 15px; display: block; width: 330px; height: 125px; background: #000; position: relative}
div.new-mazda-model a {display: block; width: 100%; height: 100%}
div.new-mazda-model a img {position: absolute; left: 0; top: 0; z-index: 1; filter: alpha(opacity=80); -moz-opacity: 0.80;}
div.new-mazda-model a:hover img {filter: alpha(opacity=100); -moz-opacity: 1.0;}
div.new-mazda-model a h4 {margin: 0 5px 0 0; padding: 0; position: absolute; right: 0; bottom: 0; z-index: 10; color: #fff; font-size: 2.10em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; cursor: pointer}






/* ----------------------------------------- VOLVO STYLES ------------------------------------------ */
body.body-volvo div#main-image-full {height: 343px}   
body.body-volvo div#main-image {height: 343px; background: url(volvo/images/main-image-back.jpg) 0 0 no-repeat}   

#volvo-logo-top {position: absolute; right: 0; top: 0;}

/* --  LARGE BUTTONS -- */
body.body-volvo ul#large-buttons {position: absolute; left: 10px; top: 220px; margin: 0; width: 980px; height: 118px; z-index: 100}
body.body-volvo ul#large-buttons li {position: relative; margin: 0; padding: 0 11px 0 0; list-style: none inside; float: left; width: 971px; height: 118px;}

body.body-volvo ul#large-buttons li a {position: absolute; left: 7px; bottom: 5px; display: block; width: 163px; height: 26px; line-height: 26px; background: url(subaru/images/button-back-trans.gif) left top no-repeat; text-align: center; color: #011e40; font-weight: bold; font-size: 0.90em}
body.body-volvo ul#large-buttons li a:hover {background-position: left bottom}

body.body-volvo ul#large-buttons li#parts-and-servicing {background: url(volvo/images/parts-servicing-large.jpg) 0 0 no-repeat}

/* phone numbers */
div#telephone-numbers-volvo p {position: absolute; left: 373px; top: 44px; margin: 0; line-height: 1.5; padding: 0; color: #444; font-size: 17px; text-align: right; font-family:Arial, Helvetica, sans-serif; color: #0052af; z-index: 1000; font-weight: bold}

div#telephone-numbers-volvo p span.tel {background: url(mazda/images/tel.gif) 0px 50% no-repeat; padding: 0 0 0 15px; margin: 0 0 0 5px}






/* ----------------------------------------- DIRECTORS PAGE ------------------------------------------ */
img.director-img {margin: 5px 10px 5px 15px}
h4.director-title {margin: 5px 15px 5px 15px; font-size: 16px}
h4.director-title span {color: #666}