/* Copyright 2009 www.ukwebsites.net */

body, html {height: 100%}
body {margin: 0; padding: 0 0 20px 0; font-family:Verdana, Geneva, sans-serif; font-size: 11px; color: #ddd; background: url(../images/body-back.jpg) 50% top repeat-x #000}

* {margin: 0px;	padding: 0px; outline: none}


/* __________________________ BASIC TEXT ___________________________ */
h1, h2, h3, h4 {margin: 35px 20px 0 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #ddd}
h1 {font-size: 28px; text-transform: uppercase}
h2 {font-size: 18px; text-transform: uppercase}
h3 {font-size: 16px; text-transform: uppercase}
h4 {font-size: 13px; text-transform: uppercase; font-weight: bold}

#rightCol h4 {margin-left: 5px; margin-top: 20px;}

a#alliedTradeSales {display: block; padding-top: 5px}

p, ol, ul {margin: 5px 20px 20px 0; line-height: 1.6; text-align: justify}
p.intro {margin-bottom: 0}

ul li {line-height: 2.3; list-style: none outside; margin: 0 0 0 20px; padding: 0 0 0 25px; background: url(../images/tickBullet.gif) left 4px no-repeat}

ul.arrowList li {line-height: 2.3; list-style: none outside; margin: 0 0 0 20px; padding: 0 0 0 20px; background: url(../images/arrowBullet.gif) left 4px no-repeat}

a {text-decoration: none; color: #ffcc00}
a:hover {text-decoration: underline}
a img {border: 0}

.clear {clear: both}


/* _________________________ BASIC LAYOUT __________________________ */
div#container {margin: 0 auto; width: 990px; position: relative; z-index: 1; overflow: hidden}
div#top {position: relative; z-index: 10; width: 990px; height: 116px; overflow: hidden}

p#topAddress 	{margin: 0; position: absolute; right: 5px; top: 38px; font-size: 15px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold}
p#telNumber 	{margin: 0; position: absolute; right: 5px; top: 50px; font-size: 34px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold}

div#nav {width: 990px; height: 40px}
div#imgTransTop	{width: 990px; height: 10px; background: url(../images/img-trans-top.jpg) 0 0 no-repeat} 
div#imgTrans {width: 990px; padding: 0; margin: 0; height: 243px; overflow: hidden; background: url(../images/img-trans/img-trans-back.jpg) 0 0 no-repeat} 
div#imgTransBottom {width: 990px; height: 10px; background: url(../images/img-trans-bottom.jpg) 0 0 no-repeat} 

#gallery {position:relative; width: 970px; height:243px; margin: 0 0 0 10px}
#gallery a {float:left;	position:absolute; cursor: default}
#gallery a img {border:none}
#gallery a.show {z-index:500}
 
#gallery .caption {
	z-index:600; 
	background: url(../images/img-trans/captionBack.png) 0 0 no-repeat; 
	height:44px;
	line-height: 44px;
	width:968px!important; 
	position:absolute;
	left: 1px;
	bottom:1px;
}
 
#gallery .caption .content {
	margin: 0;
	line-height: 44px;
	font-size: 16px;
	font-weight: bold;
	color: #cfcfcf;
	text-transform:uppercase;
	text-align: center
}

div#pageContent {width: 990px; overflow: hidden; background: url(../images/pageContentBack.jpg) left top repeat-y} 
div#pageContentInner {width: 990px; overflow: hidden; background: url(../images/pageContentTop.jpg) left top no-repeat} 
div#pageContentBottom {width: 990px; height: 8px; background: url(../images/pageContentBottom.jpg) left top no-repeat}

div#fullCol {width: 920px; padding: 0 35px; overflow: hidden}

div#leftCol {float: left; width: 720px; padding: 0; overflow: hidden}
div#rightCol {float: right; width: 200px; padding: 0; overflow: hidden}

body#bodyHome div#leftCol {float: left; width: 440px; padding: 0 0 0 35px; overflow: hidden}
body#bodyHome div#rightCol {float: right; width: 480px; padding: 0 35px 0 0; overflow: hidden}

body#bodyContactUs div#leftCol {float: left; width: 500px; padding: 0; overflow: hidden}
body#bodyContactUs div#centreCol {float: left; width: 220px; padding: 0; overflow: hidden}
body#bodyContactUs div#rightCol {float: right; width: 200px; padding: 0; overflow: hidden}

div#financeAndBenefits {float: left; width: 197px}
div#latestStock {float: right; width: 262px; margin-top: 35px}

div#footer {margin: 10px 0 0 0; width: 990px; height: 57px; background: url(../images/footer.gif) 50% 0 no-repeat}
div#ukwebs {width: 990px; height: 40px; line-height: 20px; text-align: right; text-transform: uppercase; font-size: 10px}

#sitemap {float: left; line-height: 30px; padding: 0 0 0 51px; color: #777; background: url(../images/sitemap.gif) 31px 9px no-repeat}
#sitemap:hover {color: #ccc; text-decoration: none}


/* ________________________ UK WEB SITES LINK ________________________ */
span#ukwebsites {line-height: 30px; font-size: 10px; margin: 0 20px 0 0}
span#ukwebsites a {color: #777}
span#ukwebsites a em {font-style: normal}
span#ukwebsites a:hover {color: #ccc; text-decoration: none}


/* ___________________________ MAIN NAV ____________________________ */
div#nav ul {margin: 0 0 0 10px; padding: 0; height: 30px; width: 970px;}
div#nav ul li {display: block; float: left; list-style: none outside; height: 40px; line-height: 40px; margin: 0; padding: 0}
div#nav ul li a {display: block; float: left; height: 40px; line-height: 39px; background: #666; text-align: center; color: #e3e3e3; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../images/nav-a.jpg); background-repeat: repeat-x; background-position: left top; text-transform: uppercase; font-size: 11px}
div#nav ul li a:hover {background-position: left -40px; text-decoration: none}
div#nav ul li a.current {background-position: left bottom; color: #000}

div#nav ul li a#navHome 					{width: 45px; background-image: url(../images/navHome.jpg)}
div#nav ul li a#navViewStock 				{width: 108px}
div#nav ul li a#navPartExchange 			{width: 132px}
div#nav ul li a#navVehicleSourcing			{width: 148px}
div#nav ul li a#navFinanceOptions			{width: 144px}
div#nav ul li a#navCompanyCarDrivers		{width: 178px}
div#nav ul li a#navLocation 				{width: 98px}
div#nav ul li a#navContactUs 				{width: 116px}


/* ___________________________ FOOTER NAV ____________________________ */
a#ttt {margin: 20px 0 0 30px; float: left; color: #999; line-height: 16px; height: 16px; width: 17px; padding: 0; font-size: 11px; background-repeat: no-repeat; background-position: left top; background-image: url(../images/ttt.gif)}
a#ttt:hover {color: #eee; background-position: left bottom; text-decoration: none}

div#footer ul {margin: 0 20px 0 0; padding: 0; width: auto; float: right;}
div#footer ul li {margin: 0; padding: 0; display: inline; list-style: none outside; background: none; border-right: 1px solid #4f4f4f}
div#footer ul li.noborder {border: 0}
div#footer ul li a {margin: 0; padding: 0 10px; color: #b3b3b3; line-height: 30px; font-size: 10px; text-transform: uppercase; line-height: 57px; text-decoration: none}
div#footer ul li a:hover {color: #eee}


/* ______________________________ MISC ______________________________ */
/* FINANCE LINK ON HOME PAGE*/
a#financeLink {margin-top: 35px; display: block; width: 194px; height: 183px; background-repeat: no-repeat; background-position: left top; background-image: url(../images/financeLink.jpg); position: relative; z-index: 10}
a#financeLink:hover {background-position: left bottom; text-decoration: none}

a#financeLink span {position: absolute; left: 9px; top: 9px; z-index: 12; margin: 3px; display: block; color: #eee; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 1.6}
a#financeLink span em {float: left; font-size: 15px; font-style: normal; clear: right; line-height: 1.2}


/* DEALER FEATURES LIST */
div#dealerFeatures {margin: 15px 0 0 0; position: relative; z-index: 15; background: url(../images/dealer-features-back.jpg) left bottom no-repeat; padding: 15px 0 5px 0 }
div#dealerFeatures div#dealerFeaturesTop {position: absolute; left: 0; top: 0; width: 100%; height: 15px; background: url(../images/dealer-features-top.gif) left top no-repeat}
div#dealerFeatures ul {margin: 0 0 15px 0; padding: 0;}
div#dealerFeatures ul li {}


/* CONTACT US PAGE */
p#contactPhoneNumber {margin: 70px 0 0 0; padding: 0 0 0 55px; font-size: 16px; font-weight: bold; text-transform: uppercase; height: 38px; line-height: 38px; background: url(../images/contactPhoneNumber.gif) 5px 0 no-repeat}
p#contactFindUs {margin: 30px 0 0 0; font-size: 16px; font-weight: bold; text-transform: uppercase; height: 38px; line-height: 38px}
p#contactFindUs a {display: block; color: #eee; height: 38px; line-height: 38px; padding: 0 0 0 50px; background-image: url(../images/contactFindUs.gif); background-repeat: no-repeat; background-position: 5px top}
p#contactFindUs a:hover {text-decoration: none; background-position: 5px bottom}


/* LOCATION PAGE */
div#map, div#map iframe {width: 690px; height: 400px;}
div#map {border: 3px solid #999; margin: 16px 0 0 0}


/* FINANCE PAGE TABS */
.tab_container em {text-transform: uppercase; font-style: normal; font-weight: bold}
.tab_container ul li {line-height: 1.6; padding-top: 10px; padding-bottom: 10px; text-align: left; background-position: left 11px}
.tab_container h3 {margin-top: 10px}