/* Copyright 2009 www.ukwebsites.net */
/*
COLOURS

LIGHT BLUE #0194dd
MEDIUM BLUE #0877be
DARK BLUE #13569b

*/

body, html {height: 100%}
* {margin: 0; padding: 0; outline: 0}
body {margin: 0; padding: 0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #2e2e2e; background: url(../images/body.jpg) 0 0 repeat-x #0194dd}

/* __________________________ BASIC TEXT ___________________________ */
h1, h2, h3, h4 {margin: 20px 20px 0 20px; font-weight: bold; color: #ddd}
h1 {font-size: 20px; margin: 13px 0 0 20px; color: #0877be}
h1 em {font-size: 16px; font-style: normal; color: #777; display: block}
body#bodyHome h1 {margin-left: 32px; color: #0194dd}
body#bodyHome h1 em {font-size: 16px; font-style: normal; color: #dbdada; display: block}

h2 {margin: 20px 15px 0 20px; font-size: 14px; color: #fff; text-transform: uppercase}
h3 {margin: 20px 15px 0 20px; font-size: 14px; color: #0c6eb5; text-transform: uppercase}
h4 {font-size: 12px}

p, ol, ul {margin: 10px 20px; line-height: 1.6}
ul li, ol li {margin-left: 20px}

a {text-decoration: underline; color: #000}
a:hover {color: #0f6ed1}

a img {border: none}

.noborder {border: 0!important}

/* _________________________ BASIC LAYOUT __________________________ */
div#container {margin: 0 auto; width: 990px; position: relative; z-index: 1; overflow: hidden}
div#top {width: 990px; height:105px;}
div#nav {width: 990px; height: 75px; background: url(../images/nav.jpg) 0 0 no-repeat; overflow: hidden}
div#imgTransContainer {width: 990px; height: 273px; position: relative; z-index: 2; overflow: hidden} 
div#imgTransContainer div#transText {position: absolute; left: 0; bottom: 0; z-index: 100; width: 990px; height: 67px; overflow: hidden}
div#imgTrans {width: 990px; height: 273px; position: relative; z-index: 3; overflow: hidden} 
div#space {width: 990px; height: 15px; background: url(../images/space.gif) 0 0 no-repeat}

div#pageContent {width: 990px; overflow: hidden; position: relative; z-index: 5; background: url(../images/pageContent.gif) 0 0 repeat-y; padding: 6px 0 10px 0} 
div#pageContentInner {width: 990px; overflow: hidden; position: relative; z-index: 5; background: url(../images/pageContentInnerAlt.gif) 0 0 no-repeat}  
body#bodyHome div#pageContentInner {background: url(../images/pageContentInner.gif) 0 0 no-repeat} 
div#pageContentTop {position: absolute; left: 0; top: 0; z-index: 6; width: 990px; height: 6px; background: url(../images/pageContentTopAlt.gif) 0 0 no-repeat}
body#bodyHome div#pageContentTop {background: url(../images/pageContentTop.gif) 0 0 no-repeat}
div#pageContentBottom {position: absolute; left: 0; bottom: 0; z-index: 7; width: 990px; height: 13px; background: url(../images/pageContentBottom.gif) 0 0 no-repeat}


/* COLUMNS */
div#leftCol {float: left; margin: 0 0 0 15px; width: 700px; overflow: hidden; display: inline}
div#rightCol {float: right; margin: 0 15px 0 0; width: 260px; overflow: hidden; display: inline}

body.bodyWideLeftCol div#leftCol {float: left; margin: 0 0 0 15px; width: 780px; overflow: hidden; display: inline}
body.bodyWideLeftCol div#rightCol {float: right; margin: 0 15px 0 0; width: 180px; overflow: hidden; display: inline}

#bodyLocationAndHours div#leftCol  {float: left; margin: 0 0 0 15px; width: 640px; overflow: hidden; display: inline}
#bodyLocationAndHours div#rightCol  {float: right; margin: 0 15px 0 0; width: 320px; overflow: hidden; display: inline}


#bodyContactUs div#leftCol  {float: left; margin: 0 0 0 15px; width: 460px; overflow: hidden; display: inline}
#bodyContactUs div#centreCol {float: left; margin: 0; width: 320px; overflow: hidden; display: inline}
#bodyContactUs div#rightCol  {float: right; margin: 0 15px 0 0; width: 180px; overflow: hidden; display: inline}

#contactTel {margin: 80px 0 0 20px; font-size: 16px; font-weight: bold; color: #0c6eb5}
#contactTel span {color: #9c9b9b} 

#contactFax {margin: 10px 0 0 20px; font-size: 16px; font-weight: bold; color: #0c6eb5}
#contactFax span {color: #9c9b9b} 


/* FOOTER */
div#footer {width: 935px; margin: 0 0 8px 27px; height: 42px; background: url(../images/footer.gif) 0 0 no-repeat}
a#ttt {float: left; color: #fff; line-height: 42px; padding: 0; font-size: 11px; text-decoration: none; width: 21px; height: 19px; background: url(../images/ttt.gif) 0 0 no-repeat; margin: 11px 0 0 13px}
a#ttt:hover {background: url(../images/ttt.gif) 0 bottom no-repeat}

div#footer ul {margin: 0 10px 0 0; padding: 0; width: auto; float: right;}
div#footer ul li {margin: 0; padding: 0; display: inline; list-style: none outside}
div#footer ul li a {margin: 0; padding: 0 12px; color: #fff; line-height: 42px; text-decoration: none;  font-size: 11px; text-transform: uppercase; font-weight: bold}
div#footer ul li a:hover {color: #eee}

/* UK WEB SITES */
div#ukwebs {width: 990px; height: 30px; padding: 0 0 30px 0;position:relative;}
p#footerAddress {float: left; color: #fff; line-height: 30px; margin: 0 0 0 30px; font-size: 11px; width: 60%}
a#poweredBy {float: right; padding: 0 45px 0 0; line-height: 30px; color: #fff; font-size: 11px; text-decoration: none; width: 25%; text-align: right; background: url(../images/globe.gif) 253px 7px no-repeat}
a#poweredBy:hover {color: #eee}


/* ___________________________ OTHER LAYOUT ____________________________ */
div#searchUsedCars {float: left; margin: 7px 0 0 10px; width: 468px; height: 243px; background: url(../images/searchUsedCars.jpg) 0 0 no-repeat; overflow: hidden; position: relative;}

a#aViewAll {position: absolute; right: 22px; bottom: 18px; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 11px}

p#telephoneNumber {position: absolute; right: 0; top: 30px; width: auto; height: 40px; font-size: 36px; line-height: 40px; color: #0c6eb5; font-weight: bold}
p#telephoneNumber em {font-style: normal; color: #9c9b9b}

/* STOCK PAGE TABS */
div#browsetabs {margin: 15px 0 0 15px; background: url(../images/searchUsedCarsFormSm.jpg) 0 0 no-repeat; height: 275px; width: 231px; overflow: hidden; position: relative}

ul.tabnav				{ width: 100%; height: 28px; margin: 4px 0 0 4px }
ul.tabnav li 				{ display: inline; list-style: none; height: 28px; float: left; padding: 0; margin: 0 4px 0 0}
ul.tabnav li a 			{ text-decoration: none; color: #fff; outline: none; height: 28px; line-height: 28px; display: block; float: left; width: 175px; background: url(../images/searchMakeModelTab.gif) left top no-repeat; text-transform: uppercase; text-align: center; font-size: 11px}

ul.tabnav li a.tab1		{ width: 133px; background-image: url(../images/searchMakeModelTabSm.gif)}
ul.tabnav li a.tab2		{ width: 85px; background-image: url(../images/searchTypeTabSm.gif) }

.widget 				{ width: 231px; }
.widget a 				{ color: #222; text-decoration: none; }
.widget a:hover 		{ color: #009; text-decoration: underline; }

ul.tabnav li a:hover, ul.tabnav li a:active, ul.tabnav li.ui-tabs-selected a 
						{ background-position: left -28px; color: #ffffff; text-decoration: none; height: 28px }
.tabdiv 				{ height: 300px}
.tabdiv ul				{ list-style: none; width: 231px; height: 117px; margin: 0; }
.tabdiv ul li			{ width: 231px;}
.tabdiv ul li.browsespacer{ height: 0!Important; overflow: hidden; margin-top: -10px; }
html>/**/body .tabdiv ul li.browsespacer{ height: 10px!Important; display: block; margin-top: 0; }

.ui-tabs-hide 			{ display: none; }	

a#viewAll {position: absolute; right: 30px; bottom: 20px; font-size: 12px; z-index: 1001; color: #fff; font-weight: bold}


/* HOME PAGE TABS */
body#bodyHome div#browsetabs {margin: 12px 0 0 12px; background: url(../images/searchUsedCarsForm.jpg) 0 0 no-repeat; height: 153px; width: 440px; overflow: hidden}


body#bodyHome ul.tabnav				{ width: 100%; height: 28px; margin: 4px 0 0 4px }
body#bodyHome ul.tabnav li 				{ display: inline; list-style: none; height: 28px; float: left; padding: 0; margin: 0 4px 0 0}


body#bodyHome ul.tabnav li a.tab1		{ width: 175px; background-image: url(../images/searchMakeModelTab.gif)}
body#bodyHome ul.tabnav li a.tab2		{ width: 159px; background-image: url(../images/searchTypeTab.gif) }


body#bodyHome .tabdiv 				{ height: 117px}
body#bodyHome .tabdiv ul				{ list-style: none; width: 251px; height: 117px; margin: 0; }
body#bodyHome .tabdiv ul li			{ width: 251px;}
.tabdiv ul li.browsespacer{ height: 0!Important; overflow: hidden; margin-top: -10px; }
html>/**/body .tabdiv ul li.browsespacer{ height: 10px!Important; display: block; margin-top: 0; }

.ui-tabs-hide 			{ display: none; }	




/* TYPE SELECTION */
ul#searchByType {width: 200px; margin: 13px 10px 0 10px; padding: 0}
ul#searchByType li {margin: 0; padding: 0; float: left; display: block; width: 200px; height: 30px;}
ul#searchByType li a {float: left; display: block; margin: 3px 0 0 10px; width: 187px; height: 22px; line-height:22px; text-align: center; color: #fff; background: #007ebc; border: 1px solid #0364a5 }
ul#searchByType li a:hover {background: #a3c9dc; text-decoration: none; color: #000}



/* TYPE SELECTION */
body#bodyHome ul#searchByType {width: 414px; margin: 13px 10px 0 10px; padding: 0}
body#bodyHome ul#searchByType li {margin: 0; padding: 0; float: left; display: block; width: 207px; height: 30px;}
body#bodyHome ul#searchByType li a {float: left; display: block; margin: 3px 0 0 10px; width: 196px; height: 22px; line-height:22px; text-align: center; color: #fff; background: #007ebc; border: 1px solid #0364a5 }
body#bodyHome ul#searchByType li a:hover {background: #a3c9dc; text-decoration: none; color: #000}





/* JUST ARRIVED */
div#justArrived {float: right; width: 218px; height: 243px; background: url(../images/justArrived.gif) 0 0 no-repeat; margin: 7px 0 0 0; position: relative}

div#justArrived a.justArrivedImg {position: absolute; left: 15px; top: 45px; z-index: 20; border: 2px solid #0194dd; display: block}
div#justArrived a.justArrivedImg img {display: block}
div#justArrived a.justArrivedBtn {position: absolute; left: 56px; top: 195px; z-index: 21; display: block; width: 146px; height: 35px; background: url(../images/btnJustArrived.gif) 0 0 no-repeat; color: #fff; line-height: 35px; text-align: left; text-indent: 20px; text-decoration: none; font-weight: bold; text-transform:uppercase}


/* AUTOMATICS AND LIFETIME SERVICING LINKS */
a#linkAutomatics,
a#linkServicing {margin: 6px 0 0 5px; display: block; width: 245px; height: 117px; background-position: left top; background-repeat: no-repeat; text-decoration: none; position: relative;  z-index: 99; color: #fff}

a#linkAutomatics {background-image: url(../images/linkAutomatics.jpg)}
a#linkServicing {margin-top: 7px; background-image: url(../images/linkServicing.jpg)}

a#linkAutomatics:hover,
a#linkServicing:hover {background-position: left bottom}

a#linkAutomatics span,
a#linkServicing span {position: absolute; left: 17px; z-index: 100; text-transform: uppercase; font-weight: bold}
a#linkAutomatics span.title,
a#linkServicing span.title {font-size: 16px; top: 16px}
a#linkAutomatics span.clickHere,
a#linkServicing span.clickHere {font-size: 11px; top: 37px; width: 120px}


/* STOCK SCROLLER */
div#stockScroller {width: 688px; height: 153px; background: url(../images/scrollerBack.jpg) 0 0 no-repeat; float: left; margin: 5px 0 0 10px; display: inline}



/* SQUIRE CARS FEATURES */
ul#squireCarsFeatures {width: 940px; height: 115px; clear: both; margin: 10px 0 10px 25px; padding: 5px 0}
ul#squireCarsFeatures li {margin: 0; padding: 0; border-right: 1px solid #0194dd; width: 187px; height: 115px; float: left; list-style: none outside}
ul#squireCarsFeatures li h4 {margin: 5px 0 0 15px; color: #13569b; font-size: 14px; text-transform: uppercase}
ul#squireCarsFeatures li img {float: right; margin: 0 12px 0 0}
ul#squireCarsFeatures li p {font-size: 11px; line-height: 1.1; margin: 5px 10px 0 15px}


/* FIND US SAT NAV */
div#findUs {width: 222px; height: 179px; background: url(../images/findUs.jpg) 0 0 no-repeat; margin: 0 0 0 15px; position: relative}
div#findUs h3 {position: absolute; left: 25px; top: 19px; color: #fff}
div#findUs p {position: absolute; left: 25px; top: 49px; color: #fff; font-size: 11px; line-height: 1.1; font-weight: bold}

#saddr {position: absolute; left: 50px; top: 93px; width: 90px; text-align: center; border: 0!important; font-size: 12px; background: none!important}
.formSubmitButton {position: absolute; left: 155px; top: 92px; width: 21px; height: 17px; cursor: pointer; border: 0!important; background: none!important}


/* ___________________________ MAIN NAV ____________________________ */
div#nav ul {margin: 15px 0 0 15px; padding: 0; height: 45px; width: 960px}
div#nav ul li {display: block; float: left; list-style: none outside; height: 45px; line-height: 45px; margin: 0; padding: 0}
div#nav ul li a {display: block; float: left; height: 45px; line-height: 45px; color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: none; position: relative; z-index: 10; background-repeat: repeat-x; background-position: left 45px}
div#nav ul li a span.hoverBack {position: absolute; left: 0; top: 0; line-height: 45px; text-align: center; display: block; width: 100%; height: 45px; z-index: 11; background-repeat: repeat-x; background-position: left 0; background-image: url(../images/nav-a.gif)}
div#nav ul li a em {position: absolute; left: 0; top: 0; line-height: 45px; text-align: center; display: block; width: 100%; height: 45px; font-style: normal; z-index: 12}
div#nav ul li a.current,
div#nav ul li a.current span.hoverBack {background-image: url(../images/nav-a.gif); background-position: left -45px;}

div#nav ul li a#navHome 					{width: 77px}
div#nav ul li a#navHome.current,
div#nav ul li a#navHome span.hoverBack 		{background-image: url(../images/nav-home.gif)}
div#nav ul li a#navShowroom 				{width: 121px}
div#nav ul li a#navSellYourCar 				{width: 139px}
div#nav ul li a#navFinance 					{width: 96px}
div#nav ul li a#navWarranty 				{width: 106px}
div#nav ul li a#navService		 			{width: 92px}
div#nav ul li a#navAboutUs 					{width: 81px}
div#nav ul li a#navLocationAndHours 		{width: 152px}
div#nav ul li a#navContactUs 				{width: 96px; background-position: right 45px}
div#nav ul li a#navContactUs.current,
div#nav ul li a#navContactUs span.hoverBack {background-image: url(../images/nav-contact.gif)}




a#financeLink {margin: 10px 0 0 0; display: block; width: 650px; height: 105px; background: url(../images/financeLink.jpg) 0 0 no-repeat; position: relative; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold}
a#financeLink .title {font-size: 21px; position: absolute; left: 25px; top: 23px;}
a#financeLink .click {font-size: 14px; position: absolute; left: 25px; top: 50px;}
a#financeLink:hover {background-position: left bottom; text-decoration: none}