/* START STANDARD STYLES */
/* These styles need to be appear on every site but you can adjust as necessary (the only things you should need to adjust are the foreground and background colours */
/* These styles should define how the content section looks */

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

body {line-height: 1;color: #666;background: #fff;font-family: verdana, arial, helvetica;font-size: 70%;margin: auto;}

#container {width: 800px;margin: auto;}

.printShow {display:none;}

h1 {color: #666;margin: 0.5em 0 0.5em 0;font-size: 150%;}
h2 {color: #fff;margin: 0em 0 0.5em 0;font-size: 100%;}
h3 {color: #336699;	margin: 0.5em 0 0em 0;font-size: 130%;}
h4 {color: #666;margin: 1.5em 0 0.5em 0;font-size: 120%;} 
h5 {color: #666;margin: 0em 0 0.5em 0;font-size: 150%;}
h6 {color: #ec8624;margin: 1.5em 0 0.5em 0;font-size: 120%;} 

p {	margin: 1em 0 1em 0;line-height: 115%;}
p.indent {margin-left: 25px;}

span.title {font-size: 110%; color: #333; background-color: #e7e7e9; font-weight: bold;}
span.underline {text-decoration: underline;}
span.lg {color:#999999; font-size: 10px}
span.blue {color: #336699 }	
span.orange {color: #ec8624 }
span.bluelarge {color: #336699; font-size: 1.3em }
span.orangelarge {color: #ec8624; font-size: 1em }

ul, ol {margin-left: 20px;}
body.site ul, body.site ol {margin-left: 0;}
#content ul, #content ol {margin-left: 20px;}
li {line-height: 150%;color: #336699}


table {	border-collapse: collapse;border-spacing: 0;}
th {color: #fff; font-weight: bold;}
td {line-height: 150%;}

abbr, acronym { border-bottom: 1px dotted #f00; cursor: help; }
caption {text-align: left;}

a:link {color: #ec8624;text-decoration: underline;}
a:visited {color: #ec8624;text-decoration: underline;}
a:hover {color: #336699;text-decoration: none;}
a:active {color: #336699;text-decoration: none;}
a:focus {color: #336699;text-decoration: none;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.justify {text-align: justify;}

img {border: 0px }
img.left {float: left;margin: 0 5px 5px 0;}
img.right {	float: right;	margin: 0 0 5px 5px;}
p.image {margin: 0;	padding: 0;}

div.clear {clear: both;}


/*------------------------------------------------------------ */
/* END STANDARD STYLES */
/*------------------------------------------------------------ */




/*------------------------------------------------------------ */
/* TEMPLATE STYLES  BREADCRUMB, FOOTER*/
/*------------------------------------------------------------ */
#skipLinks, #printTitle {display: none;}

#breadcrumb {float: left;width: 590px;font-size: 80%}
#breadcrumb p {	float: left;padding: 0 0 0 5px;	color: #999;}
#breadcrumb ul {list-style-type: none;padding-top: 7px}
#breadcrumb li {display: inline;padding-left: 15px;	background: url(/images/breadcrumb.gif) 3px no-repeat;color: #999;}
#breadcrumb li.first {display: inline;padding-left: 5px;	background: none;color: #999;}
#breadcrumb a {color: #336699 }


#footer {background: url(/images/template/footer_bg.jpg) no-repeat 50% 100%;width: 806px;height: 60px;color: #999999;margin-top: 10px}
#footer a { color: #999;text-decoration: none;margin-bottom: 5px}			
#footer a:hover {color: #336699}
#footer p {font-size: 80%;padding-top: 15px;letter-spacing: -0.1em;margin: -5px 0px 0px 0px}

/*------------------------------------------------------------ */
/* END TEMPLATE STYLES  BREADCRUMB, FOOTER*/
/*------------------------------------------------------------ */




/*------------------------------------------------------------ */
/* FORM STYLES*/
/*------------------------------------------------------------ */

#search {float: left; margin: 0px; height: 23px }
form.search {margin-top: -10px }

input.button {background: url(/images/template/search_go_btn.jpg) no-repeat;width: 37px;height: 23px;cursor: pointer}
label {cursor: pointer;}
input.textbox, textarea.textbox, input.textbox1, input.textbox3, checkbox.chk, textarea {color: #666;border: solid 1px #ccc;padding: 2px;font-family: arial, helvetica;
}

input.searchbutton {background: url(/images/forms/search.jpg) no-repeat;width: 100px;height: 24px;cursor: pointer}
input.submitbutton {background: url(/images/forms/enquiry/submit.jpg) no-repeat;width: 100px;height: 24px;cursor: pointer;margin-left: 20px}
input.resetbutton {background: url(/images/forms/enquiry/reset.jpg) no-repeat;width: 100px;height: 24px;cursor: pointer;margin-left: 20px}

select {width: 120px;height: 20px;border: 1px solid #ccc; color: #666;}

#enquirymiddle { background:url(/images/forms/enquiry/enquiry_middle.jpg) repeat-y;margin:0px }
#enquirytop { margin-bottom: -10px}
#enquirybottom { margin-top: -12px}

label {width: 120px;float: left;display: block;color: #666;margin: 0.5em 0 0em 0;font-size: 100%;background: url(/images/orange_arrow.gif) no-repeat 0% 4px;padding-left: 10px}
#financeform label {width: 150px;}
#serviceform label  {width: 170px;}

input.textbox {width: 150px;}
input.textbox1 {width: 310px;} 
input.textbox3 {width: 80px;}
#form p, #financeform p, #serviceform p {margin: 0 0 0.5em 0;}
#form, #financeform, #serviceform {padding: 15px 4px 10px 10px}


/*------------------------------------------------------------ */
/* END FORM STYLES*/
/*------------------------------------------------------------ */





/*------------------------------------------------------------ */
/* START HORIZONTAL MENU STYLES */
/*------------------------------------------------------------ */

#menu {	background: url(/images/template/nav_bg.jpg) repeat-x; width: 800px}
div.xMenuBtn {display: none;}
#nav, #nav ul { /* all lists */	list-style: none; }
 /* second-level lists */
#nav li ul {position: absolute;left: -999em;}
/* third-and-above-level lists */
#nav li ul ul { margin: -21px 0 0 0; /* height offset of third-and-above-level lists */}
/* all list items */
#nav li { float: left;	background: url(/images/template/nav_bg_right2.jpg) no-repeat;text-align: center;}
/* second-level lists */ 
#nav li ul li {clear: left;} 
/* first-and-above-level anchors */	
#nav li a {	display: block;	text-decoration: none;color: #666;width: 100px;height: 27px;font-size: 1.2em;padding: 2px 0px 0px 0px; margin: 0px }
/* second-and-above-level anchors */
#nav li ul li a {width: 140px;font-size: 1em;padding-left: 2px;	background: url(/images/template/nav_bg.jpg) repeat;margin: 0px;height: 22px;text-align: left;}
* html #nav li a {float: left;} * html #nav li ul li a{float: none;}	/* Mac IE hack */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {left: -999em; }
#nav li:hover ul,#nav li.sfhover ul {left: auto;border: 1px solid #ccc }
/* lists nested under hovered list items */
#nav li li:hover ul, #nav li li li:hover ul,  #nav li li li li:hover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { left: auto;	margin-left: 147px;  /* width + padding of second-and-above-level anchors + navdrop padding */}
#nav li a:hover, #nav li a:active, #nav li a:focus {color: #336699; background: transparent;}
#nav li ul li a:hover, #nav li ul li a:active, #nav li ul li a:focus { color: #336699; background: url(/images/template/nav_bg.jpg) repeat;}

/*------------------------------------------------------------ */
/* END HORIZONTAL MENU STYLES */
/*------------------------------------------------------------ */



/*------------------------------------------------------------ */
/* START MAIN CONTENT STYLES */
/*------------------------------------------------------------ */


/* LEFT COLUMN STYLES */

#leftcol {width:350px; float: left; padding-left: 5px; }
#leftcol a:link, #leftcol a:visited {font-weight: bold}
#leftcol li {line-height: 125%; color: #336699;	background: url(/images/blue_arrow.gif) no-repeat 0% 4px; padding-left: 10px; list-style-type: none;padding-right: 15px}
#leftcol p {padding-right: 10px}


#carsearch {width: 348px;height: 203px;background:url(/images/sales/used_cars/car_search.jpg) no-repeat }
#vehiclesearch {width: 348px;height: 203px;background:url(/images/home_search.jpg) no-repeat }
#vansearch {width: 348px;height: 203px;background:url(/images/van_sales/used_vans/van_search.jpg) no-repeat }
#carsearch p, #vansearch p, #vehiclesearch p {font-size: 90%;padding: 32px 100px 0px 10px }
#uvsearch {margin: -15px 0px 0px 10px }

/* END LEFT COLUMN STYLES */



/* RIGHT COLUMN STYLES */
#rightcol {width: 435px; float: left; padding: 25px 0px 10px 5px}
#modelrange a:visited {color: #336699 }

div#links {width: 440px }
div.links {float:left; width: 140px; background: #fff; margin: 10px 0px 0.5em 1px; padding:0px 5px 4px 0px; } 
div.links .center {height: 91px;vertical-align: middle;}
div.links h2 {background: url(/images/grey_circle_arrow.gif) no-repeat 2% 50%; padding: 4px 2px 4px 20px; background-color:#999; margin: 0px}
div.links p {background-color: #e7e7e9; color: #666666; }
 
div.linksinfo {background-color: #e7e7e9; margin:0px; padding: 2px; height: 72px;}
div.linksmore {background-color: #ccc; padding: 2px 2px 4px 4px; }
div.linksmore a:link, div.linksmore a:visited {color:#333333; text-decoration: none; margin-right: 4px }
div.linksmore a:hover {text-decoration: underline }


div#new_models {width: 420px; height: 382px; background:url(/images/sales/new_cars/new_models_bg.jpg) no-repeat; padding-left: 16px;}
div#new_models_vans {width: 420px; height: 382px; background:url(/images/van_sales/new_vans/new_models_bg.jpg) no-repeat; padding-left: 17px;}

#flashmodels {padding: 130px 0px 0px 24px } /* Flash Frame to go here*/


#bestbuys {width: 431px; background:url(/images/sales/used_cars/best_buy_bg.jpg) no-repeat;}
div.bestbuy_detail {padding-left: 24px; margin-bottom: 1px; height: 81px}
div.bb_img {float:left; margin: 0px 2px 0px 0px; }
div.bb_info {float: left; padding: 0px; margin: 0px; width: 280px}
div.bb_info h2 {background:#999; color: #fff; padding: 2px 0px 2px 5px;  margin-top: 0px; }
span.bb_header {color:#333; font-size: 125%; padding-left: 5px;  }
span.bb_subheader {padding-left: 5px;float:left;  }
span.bb_subheader2 {padding-left: 80px }
span.bb_price {padding-left: 5px; font-weight: bold;}
span.bb_link {padding-left: 80px }
div.bestbuy_detail p {margin-top: 4px; padding: 0px } 



#parts {width: 320px; }
#parts p {margin-top: 4px; padding: 0px }
div.parts_detail {margin-bottom: 1px;}
div.parts_img {float:left; margin-right: 4px; }
div.parts_info { padding: 1px}


#adverts img {margin-right: 15px;}
#adverts {margin-top: 20px}

#vacancy {clear: both;background-color: #f2f2f2;margin: 10px auto 10px auto;padding: 5px;}
#vacancy span {	font-weight: bold;float: left; width: 10em; display: block; text-align: right;margin-right: 10px;color: #336699}
#vacancy p {text-align: left;}
div.descriptionvac {text-align: left;margin: 0 10px 0 120px;}

/* END RIGHT COLUMN STYLES */


/* WIDE COLUMN STYLES */
#widecol {width: 800px }
img.news {float:right; margin: 0px 0px 10px 20px  }

div.contact {width: 50%; float: left; margin-bottom: 50px; margin-top: 0px }
div.contact .link {color: #336699; font-weight: bold; }
div.contact h3 {color: #336699;	margin: 0em 0 0.5em 0;font-size: 130%;}
/* END WIDE COLUMN STYLES */


/* START BOTTOM STYLES */

#relatedinfo, #wideenquiry { width: 100%; float: left; margin-top: 10px; padding-left: 5px}
#relatedinfo h3 {color: #666; margin: 0.5em 0 0em 0;font-size: 130%;}
#relatedinfo p { border-bottom: 1px solid #fff; padding: 0px 5px 10px 0px ;}
#relatedinfo_top  { background:url(/images/template/relatedinfo/relatedinfo_top.jpg) no-repeat; height: 27px;  }
#relatedinfo_middle {background:url(/images/template/relatedinfo/relatedinfo_middle.jpg) repeat-y; margin: 0px; padding: 2px 30px 10px 10px; }
#relatedinfo_bottom {background:url(/images/template/relatedinfo/relatedinfo_bottom.jpg) no-repeat; height: 27px; margin-top: -20px; }
#relatedinfo a:link, #relatedinfo a:visited {color: #336699; text-decoration: none;	font-weight: bold; }
#relatedinfo a:hover {color: #336699;text-decoration: underline;}
.relatedinfo {width: 590px;  }
.relatedinfo_link { float:right; margin-top: -85px; padding-bottom: 5px }


#wideenquiry_top { background:url(/images/forms/finance/finance_top.jpg) no-repeat; height: 27px;  }
#wideenquiry_middle {background:url(/images/template/relatedinfo/relatedinfo_middle.jpg) repeat-y; margin: 0px; padding: 2px 30px 10px 10px; }
#wideenquiry_bottom {background:url(/images/template/relatedinfo/relatedinfo_bottom.jpg) no-repeat; height: 27px; margin-top: -20px; }

#wideenquiry_top_service { background:url(/images/forms/service/service_top.jpg) no-repeat; height: 27px;  }

#bottom li {line-height: 125%; color: #336699;	background: url(/images/blue_arrow.gif) no-repeat 0% 4px; padding-left: 10px; list-style-type: none;padding-right: 15px}
/* END BOTTOM STYLES */

/*------------------------------------------------------------ */
/* START MAIN CONTENT STYLES */
/*------------------------------------------------------------ */


/*------------------------------------------------------------ */
/* TABLE STYLES */
/*------------------------------------------------------------ */

/* USED CAR SEARCH STYLES */

#searchresults{ width: 100%; float: left; margin-top: 10px}
#searchresults p  {padding-right: 250px }
#searchresults ul {padding-top: 10px} 
#searchresults li {line-height: 125%; color: #336699;	background: url(/images/blue_arrow.gif) no-repeat 0% 4px; padding-left: 10px; list-style-type: none;padding-right: 15px;}


.dtgHeader {background:url(/images/template/search_results/top_bg.jpg) no-repeat;  margin-bottom: -2px; padding: 6px 0px 0px 10px; text-align: left  }
.dtgMiddle {background:url(/images/template/relatedinfo/relatedinfo_middle.jpg) repeat-y; margin: 0px; padding: 0px 5px 0 3px }
.dtgFooter {background:url(/images/template/relatedinfo/relatedinfo_bottom.jpg) no-repeat; height: 27px; margin-top: -0px; }

tr.dtgHeaderinfo th { vertical-align:top; padding-top: 2px; color: #fff; font-weight: normal}
tr.dtgHeaderinfo th.center {text-align:center; margin-right: 20px; color: #fff}
tr.dtgHeaderinfo a:link, tr.dtgHeaderinfo a:visited {color: #fff; font-size: 80%; text-decoration: none }  

.dtginfo_alternate {border-top:1px solid #99afbe;border-bottom:1px solid #99afbe; background: #fff}
td.center img {padding: 4px 5px 4px 10px }
td.link a:link, td.link a:visited {color: #336699; font-weight: bold; text-decoration: none; font-size: 110%}
td.link a:hover {text-decoration: underline;}

td.orangelink a:link, td.orangelink a:visited {color: #ec8624; font-weight: bold; text-decoration: underline; margin-right: 4px}
td.orangelink a:hover {text-decoration: none;}

td.bluebold {color: #336699; font-weight: bold; }
td.blueboldlarge {color: #336699; font-weight: bold; font-size: 110%}
td.blue {color: #336699 }

#refinesearch {float:right; padding-right: 120px }

#hiretable { background-color: #e6e6e6; padding: 10px; border: 1px solid #ccc; text-align: center;}
#hiretable td.header  {font-weight: bold; font-size: 110%; padding: 2px}
#hiretable td.subheader {font-weight: bold; font-size: 100%; padding: 2px 0px 2px 10px }
#hiretable td.title  {color: #ec8624;margin: 0em 0 0.5em 0;font-size: 120%; font-weight: bold}
#hiretable tr.white {background-color: #fff}

.references {width: 220px; float: left; margin-left: 20px; margin-bottom: 15px }
.references p {padding: 0px 0px 0px 0px}
.ref_img {margin-bottom: -1px  }
.ref_blurb { padding: 0px 5px 5px 5px; background-color: #e7e7e7; border-left: 21px solid #999; border-bottom: 1px solid #999; border-right: 1px solid #999; margin: 0px }
.ref_blurb h4 {	color: #666;margin: 0em 0 0.5em 0px;padding-top: 4px;font-size: 120%;} 

.corporate {width: 220px; float: left; margin-left: 30px; margin-bottom: 10px;}
.corporate p {padding: 0px 15px 0px 15px;}
.corp_img {margin-bottom: -1px }
.corp_blurb { padding: 0px 0px 2px 5px; background-color: #e7e7e7; border-left: 21px solid #999; border-bottom: 1px solid #999; border-right: 1px solid #999; margin: 0px;min-height: 95px; }
.corporate h4 {	color: #666;margin: 0em 0 0.5em 15px;padding-top: 4px;font-size: 120%;} 
.corporate a:link, .corporate a:visited {color: #336699; text-decoration: underline  }
.corporate a:hover {color: #336699; text-decoration: none  }


#vehicle_image {padding-top: 0px }
#vehicle_detail td.bluebold {color: #336699; font-weight: bold; font-size: 110%}
#vehicle_detail td.blue {color: #336699;}
#vehicle_pic {background:url(../images/vehicle_detail_bg.gif) no-repeat; width: 422px; height: 261px; margin-bottom: 10px}
#vehicle_pic img {padding: 0px 0px 0px 22px}
#pic_selection a:link {font-weight: bold; text-decoration: none} 
#pic_selection a:visited { color: #999999; text-decoration: none }
#pic_selection a:hover {color: #336699 }


.dtgHeaderNews {background:url(/images/template/search_results/top_bg_news.jpg) no-repeat; height: 27px; margin-bottom: -2px; color: #fff; padding: 6px 0px 0px 10px  }

#eVoucher {width: 321px; background: url(../images/parts/evoucher_middle.jpg) repeat-y; padding: 10px 10px 5px 10px; margin: -2px 0px 0px 20px }
.voucher {margin-left: 20px }

/* END USED CAR SEARCH STYLES */
/*------------------------------------------------------------ */
/* END TABLE STYLES */
/*------------------------------------------------------------ */






/*------------------------------------------------------------ */
/* START LIGHTBOX STYLES */
/*------------------------------------------------------------ */
/* You shouldn't need to edit these */

#lightbox{position: absolute;top: 40px;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }#lightbox a:hover{ background: transparent;}
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}
#imageData{padding:0 10px;}#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}

/*------------------------------------------------------------ */
/* END LIGHTBOX STYLES */
/*------------------------------------------------------------ */




/*------------------------------------------------------------ */
/* START SEARCH RESULTS STYLES */
/*------------------------------------------------------------ */
/* You shouldn't need to edit these */

span.highlight { background: transparent; }
div.searchheading { font-size: 100%; font-weight: bold; padding: 0 5px;}
div.summary { font-size: 80%; font-style: italic;  padding: 0 5px;}
div.results { font-size: 100%;  padding: 0 5px;}
div.category { color: #999999;  padding: 0 5px;}
div.description { font-size: 100%; color: #336699;  padding: 0 5px;}
div.context { font-size: 100%;  padding: 0 5px;}
div.infoline { font-size: 80%; font-style: normal; color: #666; padding: 0 5px;}
div.sorting { text-align: right;  padding: 0 5px;}
div.result_title { font-size: 100%;  padding: 0 5px;}

form.zoom_searchform { font-size: 100%;  padding: 0 5px;}
span.zoom_options { font-size: 80%;  padding: 0 5px;}
input.zoom_button {  }
input.zoom_searchbox {  }

/*------------------------------------------------------------ */
/* END SEARCH RESULTS STYLES */
/*------------------------------------------------------------ */






#leftcol a.bullet {font-weight: normal;}
#leftcol a.bullet:link {color: #336699;text-decoration: none; font-weight: normal;}
#leftcol a.bullet:visited {color: #336699;text-decoration: none; font-weight: normal;}
#leftcol a.bullet:hover {color: #336699;text-decoration: none; font-weight: normal;}
#leftcol a.bullet:active {color: #336699;text-decoration: none; font-weight: normal;}
#leftcol a.bullet:focus {color: #336699;text-decoration: none; font-weight: normal;}

div#newsTicker {height:20px; padding: 0 5px;}
	div#newsTicker a {text-decoration:none; font-weight:bold; color:#336699;}
		div#newsTicker a:hover {text-decoration:underline; color:#ec8624;}
	div#newsTicker ul#newsul {}
		div#newsTicker ul#newsul li {list-style-type:none;}