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

body {margin: 0; padding: 0; background: #000; color: #eee; font-family: Arial, Helvetica, sans-serif}
* {margin: 0; padding: 0}

a img {border: 0}

a {color: #fe0000; text-decoration: none}
a:hover {color: #ffff01}

h1, h2, h3, h4 {margin: 10px 28px}

h1 {margin: 10px 28px 0 28px; font-size: 26px; font-weight: normal; color: #ffff01; text-transform: uppercase}
h2 {margin: 0 28px 10px 28px; padding: 2px 0 9px 0; font-size: 16px; font-weight: bold; color: #fff; border-bottom: 1px solid #fe0000}
h3 {margin: 10px 28px 0 28px; padding: 2px 0 9px 0; font-size: 16px; font-weight: bold; color: #fff}
div#leftCol h3 {margin: 10px 28px 0 28px; padding: 15px 0 0 0; color: #ffff01}

#rightCol h3 {color: #ffff01; font-size: 16px; margin: 0 10px; line-height: 40px; text-transform: uppercase; font-weight: normal}

p {margin: 15px 28px; color: #eee; font-size: 12px; line-height: 1.6; text-align: justify}

ul, ol {font-size: 12px}

div#leftCol table {margin: 15px 28px; color: #eee; font-size: 12px; line-height: 1.6; text-align: left; border-collapse: collapse}
div#leftCol table tr td {padding: 0 10px}
div#leftCol table tr td.tdRight {text-align: right; vertical-align: top}

/* holly */
.holly1 {
	position: absolute;
	left: 144px;
	top: 100px;
	z-index: 999;
}

.holly2 {
	position: absolute;
	left: 0px;
	top: 410px;
	z-index: 999;
}

.holly3 {
	position: absolute;
	right: 1px;
	top: 44px;
	z-index: 999;
	display: none;
}

/* ---------------------------------- LAYOUT ------------------------------------------ */
div#container {position: relative; z-index: 2; margin: 0; width: 965px}
div#top {margin: 10px 0; position: relative; z-index: 4; width: 965px; height: 90px; background: #000; overflow: hidden}

div#top a {float: right;}
div#top p#topTel, div#top p#topAddress {color: #fff; text-transform: uppercase; margin: 0; font-weight: bold}
div#top p#topTel {margin: 25px 0 0 25px; font-size: 16px}
div#top p#topAddress {margin: 0 0 0 25px; font-size: 11px; line-height: 13px}


/* IF ANY ITEMS ARE ADDED TO THE MAIN NAV, ADJUST THE TOP PADDING TO BRING THE CONTENT BACK UP */
div#content {position: relative; z-index: 3; padding: 35px 0 0 0; width: 965px; overflow: hidden}

div#leftCol {float: left; width: 715px;}
div#rightCol {float: right; width: 250px;}
div#fullCol {float: left; width: 965px;}

div#main-image {position: absolute; left: 0; top: 0; width: 100%; z-index: 1; background: #000; overflow: hidden}

/* ------------------------------------ MAIN NAV ------------------------------------ */
/* See lavalamp3.css */

/* SLIDE OUT MENU */

.menuInsert  { z-index: 200; width: 322px; height: 275px; overflow: hidden}
.menuContainer { z-index: 1000; width: 322px; height: 275px; overflow: hidden}

ul#ddown {margin: 0; padding: 0; width: 322px; height: 275px; background: url(../images/slideout-back.png) 0 0 repeat; overflow: hidden}
ul#ddown li {display: block; float: left; padding: 0 0 0 7px; height: 47px; margin: 6px 0 0 0; text-align: left; list-style: none inside; width: 150px; height: 47px;}
ul#ddown li a {display: block; float: left; margin: 0; padding: 0; width: 150px; height: 47px; line-height: 47px; text-align: left; color: #fff; text-decoration: none; font-size: 11px; text-transform:uppercase; font-weight: bold; background-color: #212121; background-position: left top; background-repeat: no-repeat; text-indent: 10px}
ul#ddown li a:hover {background-color: #8b8b8b; background-position: left bottom; color: #ffff01} 

ul#ddown li a#nav-audi 		{background-image: url(../images/nav-audi.jpg)}
ul#ddown li a#nav-bmw 		{background-image: url(../images/nav-bmw.jpg)}
ul#ddown li a#nav-mercedes 	{background-image: url(../images/nav-merc.jpg)}
ul#ddown li a#nav-porsche 	{background-image: url(../images/nav-porsche.jpg)}
ul#ddown li a#nav-seat 		{background-image: url(../images/nav-seat.jpg)}
ul#ddown li a#nav-skoda 	{background-image: url(../images/nav-skoda.jpg)}
ul#ddown li a#nav-vw 		{background-image: url(../images/nav-vw.jpg)}


/* ------------------------------------ SCROLLER ------------------------------------ */
div#scrollerContainer {width: 247px; height: 566px; background: url(../images/scroller-back.jpg) 0 0 no-repeat; position: relative; margin: 0 0 0 3px}
div#scrollerContainer h3 {margin: 0; position: absolute; left: 15px; top: 0px; z-index: 2}
div#scrollerContainer a#view-all {color: #ffff01; font-size: 12px; text-transform: uppercase; position: absolute; left: 15px; bottom: 0; line-height: 30px; z-index: 2}
div#scrollerContainer a#view-all:hover {color: #ff0100}



/* ---------------------------------- BOTTOM LOGOS ----------------------------------- */
div#bottomLogos {width: 695px; margin: 30px 0 20px 18px; height: 105px;}
div#bottomLogos * {float: left; margin: 0 0 0 10px}


/* ------------------------------------ FOOTER --------------------------------------- */
div#footer {width: 937px; height: 70px; border-top: 1px solid #444; margin: 0 0 0 28px; background: url(../images/germania-footer-logo.gif) right 15px no-repeat; clear: both}
div#footer ul {margin: 0; padding: 0; width: 100%; height: 35px}
div#footer ul li {float: left; display: block; margin: 0; padding: 0; height: 35px; line-height: 35px}
div#footer ul li a {float: left; display: block; margin: 0; padding: 0 12px 0 0; height: 35px; line-height: 35px; font-size: 11px; color: #b4b4b4}
div#footer ul li a:hover {color: #ddd}

a#ukwebsites {display: block; margin: -10px 0 0 0; padding: 0; height: 25px; line-height: 25px; font-size: 11px; color: #b4b4b4; float: left}
a#ukwebsites:hover {color: #ddd}


/* -------------------------------------- MAP ----------------------------------------- */
div#MyMap {margin: 10px 0 0 30px}
div#MyMap iframe {width: 655px; height: 330px;}


/* ---------------------------------- RIGHT COL LINKS ---------------------------------- */
ul#rightLinks {margin: 20px 0; padding: 0}
ul#rightLinks li {display: block; float: left; margin: 0; padding: 5px 0 20px 0; list-style: none outside}
ul#rightLinks li a {display: block; float: left; margin: 0; padding: 0; width: 248px; height: 123px; background-repeat: no-repeat; background-position: left top}
ul#rightLinks li a:hover {background-position: left bottom}
ul#rightLinks li a#contactUs {background-image: url(../images/rightContactUs.jpg)}
ul#rightLinks li a#findUs {background-image: url(../images/rightFindUs.jpg)}

/* ----------------------------------- NUMBER PLATES ------------------------------------ */
div.number-plate {width: 685px; height: 120px; margin: 15px 30px 20px 30px; border-bottom:#FFFFFF dotted 1px}
div.plate {float: left; width: 430px; height: 94px!important; text-align: center!important; color: #000!important; background:url(../images/german-plate.jpg) 50% 50% no-repeat}
div.plate * { margin: 0!important; padding: 0!important; height: 94px!important; line-height: 94px!important; text-align: center!important; color: #000!important; font-size: 72px!important; font-family: "Arial Narrow", Arial, Helvetica, sans-serif!important; font-weight: bold!important; text-decoration: none!important; font-style: normal!important}
div.plate-price {float: right; width: 255px; height: 94px!important; text-align: center!important;}
div.plate-price * { margin: 0!important; padding: 0!important; height: 94px!important; text-align: center!important; color: #eee!important; font-size: 25px!important; font-family: 
Arial, Helvetica, sans-serif!important; font-weight: bold!important;}


/* ----------------------------------- TESTIMONIALS ------------------------------------ */
#testimonials {margin: 10px 30px}
#testimonials * {margin: 0!important; padding: 0!important; color: #eee; font-size: 12px}
#testimonials p {font-size: 12px}


/* -------------------------------------- GALLERY -------------------------------------- */
#gallery {
	position:relative;
	width:656px;
	margin: 0 0 0 20px;
	padding:10px;
}
#images {border:1px solid #9ac1c9; height:480px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:640px; height:480px; padding:5px; border:1px solid #666; background:#000 url(../images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:650px; height:75px; border:1px solid #666; background:#000000;}
#thumbarea {position:relative; overflow:hidden; height:75px; width:650px;}
#thumbs {margin: 0; padding: 0; position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #000000;}
#thumbs li {float:left; margin: 0 5px 0 0; padding: 0; cursor:pointer; list-style: none outside; background: none}
.imgnav {position:absolute; height:480px; z-index:100; width:20%; outline:none; cursor:pointer}
#previmg {left:0; background:url(../images/left.gif) left center no-repeat; border-left:5px solid #000000}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../images/right.gif) right center no-repeat; border-right:5px solid #000000}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}


/* --------------------------------------- STAFF --------------------------------------- */
ul#staff {margin: 10px 0 10px 28px; width: 675px; padding: 0; overflow: hidden}
ul#staff li {margin: 0; padding: 0; display: block; float: left; width: 222px; height: 233px; line-height: 160px; background: url(../images/staff-box-back.gif) left top repeat-y; list-style: none outside; overflow: hidden}
ul#staff li img {float: left; margin: 0 0 5px 0}
ul#staff li span {display: block; text-indent: 22px; height: 20px; line-height: 20px; width: 100%}
ul#staff li span.name {float: left; font-size: 16px; color: #ffff01; text-transform: uppercase}
ul#staff li span.title {float: left; font-size: 12px; color: #fff; font-weight: bold}