/* CSS Doc for Ashtons */
					
body						{ font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: url(images/body-bg.jpg) left top repeat-x #000000; position: relative; }

#wrapper					{ width: 100%; height: auto; position: absolute; left: 0; top: 0; z-index: 500; }

#header						{ width: 100%; height: 131px; float: left; background: url(images/header-bg.jpg) left top no-repeat; position: relative; }

#topnav						{ width: 100%; height: 54px; float: left; background: url(images/nav-bg.jpg) left top no-repeat; }
#topnav ul					{ list-style: none; margin: 4px 0 0 5px; padding: 0; height: 45px; }
#topnav li					{ float: left; text-align: center; }
#topnav li a				{ text-decoration: none; display: block; color: #ffffff; height: 45px; line-height: 45px; font-size: 10px; float: left; font-weight: bold; }
#topnav li a:hover			{ text-decoration: none; color: #ffffff; }

#topnav li#HO a				{ width: 73px; background: url(images/nav/home.jpg) center top no-repeat; }
#topnav li#HO a:hover		{ background: url(images/nav/home.jpg) center bottom no-repeat; }
#HOM #topnav li#HO a		{ background: url(images/nav/home.jpg) center bottom no-repeat; cursor: default; }
#topnav li#VS a				{ width: 106px; background: url(images/nav/stock.jpg) center top no-repeat; }
#topnav li#VS a:hover		{ background: url(images/nav/stock.jpg) center bottom no-repeat; }
#SAL #topnav li#VS a		{ background: url(images/nav/stock.jpg) center bottom no-repeat; cursor: default; }
#topnav li#FI a				{ width: 86px; background: url(images/nav/finance.jpg) center top no-repeat; }
#topnav li#FI a:hover		{ background: url(images/nav/finance.jpg) center bottom no-repeat; }
#FIN #topnav li#FI a		{ background: url(images/nav/finance.jpg) center bottom no-repeat; cursor: default; }
#topnav li#WA a				{ width: 93px; background: url(images/nav/warranty.jpg) center top no-repeat; }
#topnav li#WA a:hover		{ background: url(images/nav/warranty.jpg) center bottom no-repeat; }
#WAR #topnav li#WA a		{ background: url(images/nav/warranty.jpg) center bottom no-repeat; cursor: default; }
#topnav li#PX a				{ width: 136px; background: url(images/nav/px.jpg) center top no-repeat; }
#topnav li#PX a:hover		{ background: url(images/nav/px.jpg) center bottom no-repeat; }
#PAR #topnav li#PX a		{ background: url(images/nav/px.jpg) center bottom no-repeat; cursor: default; }
#topnav li#GA a				{ width: 81px; background: url(images/nav/gallery.jpg) center top no-repeat; }
#topnav li#GA a:hover		{ background: url(images/nav/gallery.jpg) center bottom no-repeat; }
#GAL #topnav li#GA a		{ background: url(images/nav/gallery.jpg) center bottom no-repeat; cursor: default; }
#topnav li#HL a				{ width: 142px; background: url(images/nav/location.jpg) center top no-repeat; }
#topnav li#HL a:hover		{ background: url(images/nav/location.jpg) center bottom no-repeat; }
#HAL #topnav li#HL a		{ background: url(images/nav/location.jpg) center bottom no-repeat; cursor: default; }
#topnav li#AU a				{ width: 94px; background: url(images/nav/about.jpg) center top no-repeat; }
#topnav li#AU a:hover		{ background: url(images/nav/about.jpg) center bottom no-repeat; }
#ABO #topnav li#AU a		{ background: url(images/nav/about.jpg) center bottom no-repeat; cursor: default; }
#topnav li#CU a				{ width: 104px; background: url(images/nav/contact.jpg) center top no-repeat; }
#topnav li#CU a:hover		{ background: url(images/nav/contact.jpg) center bottom no-repeat; }
#CON #topnav li#CU a		{ background: url(images/nav/contact.jpg) center bottom no-repeat; cursor: default; }

#topnav li#CH a				{ width: 136px; background: url(images/nav/px.jpg) center top no-repeat; }
#topnav li#CH a:hover		{ background: url(images/nav/px.jpg) center bottom no-repeat; }
#CHI #topnav li#CH a		{ background: url(images/nav/px.jpg) center bottom no-repeat; cursor: default; }

#main						{ width: 992px; height: auto; float: left; margin-top: 200px; padding-bottom: 40px; min-height: 375px; position: relative; }
/* for Internet Explorer */
/*\*/
* html #main {
height: 375px;
}
/**/

#leftcol					{ width: 700px; height: auto; float: left; }
#rightcol					{ width: 292px; height: auto; float: right; }

#footer						{ width: 100%; height: 140px; float: left; background: url(images/body-bg.jpg) left top repeat-x; border-top: 1px solid #cc0000; }
#footer ul					{ list-style: none; margin: 0 0 0 35px; padding: 0; }
#footer li					{ float: left; text-align: center; }


#footerinnerwrap			{ width: 992px; height: 140px; }


#ukw						{ color: #999999; font-size: 11px; float: right; font-weight: bold; margin: 10px 10px 0 0;  }
#ukw a						{ color: #cccccc; text-decoration: none; cursor: pointer; }
#ukw a:hover				{ color: #ffffff; text-decoration: none; }

#imtran						{ width: 100%; height: 675px; position: absolute; left: 0; top: 185px; overflow: hidden; z-index: 100; }

h1							{ font-size: 30px!Important; color: #ffffff; margin: 40px 35px; height: 40px;font-weight:normal; }

h2							{ font-size: 18px; color: #cc0000; margin: 5px 35px; }

h3							{ font-size: 14px; color: #ffffff; margin: 5px 35px; }

p#footaddy					{ font-size: 12px; font-weight: bold; color: #cc0000; float: right; margin: 10px 10px 0 0; }
p#footaddy span				{ color: #ffffff; }
p#footaddy em				{ color: #ffffff; }

img							{ border: none; }

p.normP						{ margin: 5px 35px 15px 35px; color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify; }
p.normP a					{ color: #cc0000; border-bottom: 1px dashed #666666; text-decoration: none; cursor: pointer; }
p.normP a:hover				{ color: #ffffff; border-bottom: 1px solid #cc0000; text-decoration: none; }

p.bigP						{ margin: 5px 35px 15px 35px; color: #cc0000; font-size: 14px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify; }

.normList		{margin: 5px 35px 15px 35px; color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify; padding-left: 30px; }

.normList li		{ padding: 5px 0}

#contract		{ margin: 20px 0 0 50px}

p#toptel					{ font-size: 30px; color: #ffffff; position: absolute; left: 800px; top: 50px; margin: 0; padding: 0; }

#horiz-scroller				{ width: 922px; height: 135px; float: left; margin: 30px 40px; background: url(images/car-scroller-bg.gif) left top no-repeat; padding: 45px 0 0 10px;  }

#horiz-scroller-ryan		{ width: 922px; height: 135px; float: left; margin: 30px 40px; background: url(images/car-scroller-bg.gif) left top no-repeat; }

/* Wannabe Slider */

#slider {position: relative; overflow: hidden;height:135px; width: 902px; margin: 40px 0 0 10px; }

#slider img { border: 5px solid #000000; position: absolute; left: 10px; margin:0; padding: 0; height: 80px; width: 115px; display: none; }

#imageloader {position:relative; display:block; width: 100%; margin: 0px auto; text-align: center; display: none; visibility: hidden; }
#imageloader img { position:relative; top:70px; z-index:100; width:128px; height:15px; display:inline;}

#scrollerContainercarh		{ margin-left: 11px; }

html>/**/body #horiz-scroller{  }
html>/**/body #horiz-scroller-ryan{ }

#hourswrap					{ float: right; margin: 0 30px 20px 30px; }

#map						{ width: 942px; height: 300px; margin: 10px 25px; border: 1px solid #ffffff; font-size: 11px; }


#VDWrap { width: 820px; height: auto; margin: 15px 0 15px 35px; }
/*#VDWrap {
	position: relative;
	width: 700px;
	margin: 0 auto;
	text-align: left;
	background: #414141;
}*/
#VDMMV {
	background: #c2c2c2;
	position: relative;
	height: 40px;
	width: auto;
	border-bottom: 1px solid #000000;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
#VDMake {
	float: left;
	margin: 5px 5px 5px 15px;
	font-size: 22px;
}
#VDModel {
	float: left;
	font-size: 22px;
	margin: 5px;
	color: #333333;	
}
#VDVersion {
	float: left;	
	font-size: 22px;
	margin: 5px;
	color: #666666;
}
#VDPrice{
	 float: right;
	 width: 180px;
	 text-align: center;
	 background: #cccccc;
	 font-weight: bold;
	 font-size: 15px;
	 color: #ffffff;
	 height: 40px;
	 font-size: 22px;
	 line-height: 38px;
}
#VDLinks {
	background: #cccccc;
	height: 27px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #000000;
}
#VDLinks ul {
	margin: 1px 0 0 10px;
}
#VDLinks ul li {
	float: left;
	list-style-type: none;
	margin: 0 2px 0 0;
}
#VDLinks ul li a {
	display: block;
	padding: 5px;
	border: 1px solid #414141;
	background: #999999;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
}
#VDLinks ul li a:hover {
	background: #cccccc;
	color: #000000;
}
#VDImages {
	background: #999999;
	position: relative;
	border-top: 1px solid #ffffff;
	padding: 5px;
	border-bottom: 1px solid #000000;
}
#VDImages .imgholder {
	float: left;
	margin: 10px 40px 10px 40px;
}
#VDAge {
	background: #bbbbbb;
	height: 35px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #000000;
}
#VDDate {
	float: left;
	font-size: 15px;
	padding: 4px;
	border: 1px dotted #666666;
	margin: 4px 0 0 10px;
}
#VDMiles {
	float: left;
	font-size: 15px;
	padding: 4px;
	border: 1px dotted #666666;
	margin: 4px 0 0 10px;
}
#VDFType {
	float: left;
	font-size: 15px;
	padding: 4px;
	border: 1px dotted #666666;
	margin: 4px 0 0 10px;
}
#VDColour {
	float: left;
	font-size: 15px;
	padding: 4px;
	border: 1px dotted #666666;
	margin: 4px 0 0 10px;
}
#VDFuel {
	float: left;
	font-size: 15px;
	padding: 4px;
	border: 1px dotted #666666;
	margin: 4px 0 0 10px;
}
#featuresbullets {
	background: #cccccc;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #000000;
	overflow: auto;
	padding: 10px;
}
#featuresbullets ul {
	 padding-left: 20px;
}
#featuresbullets ul li {
	font-size: 12px;
	float: left;
	width: 32%;
	display: block;
	text-indent: 12px;
	background: url(../images/bullet-point.gif) no-repeat left center;
	list-style-type: none;
}
#VDOtherinfo {
	background: #c2c2c2;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #000000;
}
#VDOtherinfo p {
	font-size: 12px;
	margin: 10px;
}
#VDTTemplate {
	background: #dddddd;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #000000;
}
#VDTTemplate p {
	font-size: 12px;
	margin: 10px;
}
#VDDisc {
	background: #bbbbbb;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #000000;
}
#VDDisc p {
	font-size: 12px;
	margin: 10px;
}
#VDPricefinance {
	width: 700px
}
#VDStatus {
	font-size: 16px;
	font-weight: bold;
	width: 820px;
	font-family: Arial, Helvetica, sans-serif;
	background: #cc0000;
	color: #ffffff;
	text-align: center;
	margin: 10px 0;
	padding: 5px 0
}
#VDPricetwo {
	font-size: 38px;
	color: #777;
	width: 820px;	
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 5px 0;
	
}
#VDWasNow {
	display:none;
}
#VDWasNow .VDWasPrice {
	color: #666666;
	margin-right: 10px;
}

#VDWasNow .VDNowPrice {
	color: #cc0000;
	font-size: 24px;
	font-weight: bold;
}
#VDAlt {
	text-align: center;
	font-size: 12px;
	margin: 5px 0;
	color: #ffffff;
	width: 820px;
}
#VDAlt a {
	color: #cc0000;
	text-decoration: none;
	padding: 5px 0;
}
#VDAlt a:hover {
	color: #ffffff;
	border-bottom: 1px dotted #000099;
}
#VDFinDetails {
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	color: #ffffff;
	
}
#VDFinDetails p {
	font-size: 10px;
	text-align: center;
	margin: 5px 80px;
	color: #cccccc;
}
#VDFinDetails p span { font-size: 20px; color: #ffffff; }
#VDFootlinks {
	background: #cccccc;
	height: 27px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #000000;
}
#VDFootlinks ul {
	margin: 1px 0 0 10px;
}
#VDFootlinks ul li {
	float: left;
	list-style-type: none;
	margin: 0 2px 0 0;
}
#VDFootlinks ul li a {
	display: block;
	padding: 5px;
	border: 1px solid #414141;
	background: #999999;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
}
#VDFootlinks ul li a:hover {
	background: #cccccc;
	color: #000000;
}
#VDSimLink {
	width: 820px;
	padding: 0 0 15px 0;
}
#VDSimLink h2 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	padding: 10px 0 5px 0;
	margin:  0 20px 10px 20px;
	border-bottom: 1px dotted #666666;
	text-indent: 10px;
}
#VDSimLink ul {
	padding: 0 0 10px 25px;
}
#VDSimLink ul li {
	float: left;
	list-style-type: none;
	display:block;
	width: 100%;

}
#VDSimLink ul li img { float: left; }
#VDSimLink ul li a {
	display: block;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dotted #999999;
	text-indent: 10px;
	background: #000000;
}
#VDSimLink ul li a:hover {
	color: #cc0000;
	border-bottom: 1px solid #cc0000;
	background: #111111;
}


.cwVDFinanceLink {color:#fff99c; border: solid 1px #fff99c;padding:10px;background-color:#3b7800;width:300px;font-size:12px;}
.cwVDFinanceLink a{color:#fff;text-decoration:none;}
.cwVDFinanceLink a:hover{color:#fff99c;text-decoration:none;}



/******* VD1 Styles *******/

ul#features-list		{ width: 820px; float: left; list-style: none; }
ul#features-list li		{ float: left; width: 25%; font-size: 11px; background: url(../images/blue-bullet.gif) left top no-repeat; padding-left: 25px; height: 20px; line-height: 20px; margin-bottom: 3px; color: #ffffff; }

ul.vd-buttons			{ margin: 15px 0 15px 35px; overflow: hidden; padding: 0; width: 820px; }
ul.vd-buttons span li a	{background: #cc0000; border-left: 1px solid #aaa; border-top: 1px solid #aaa; border-right: 1px solid #000; border-bottom: 1px solid #000;  text-decoration: none; }
ul.vd-buttons span li a:hover{ display: block; float: left; height: 22px; line-height: 22px; padding: 0 20px; background: #000000; color: #fff; font-size: 10px; font-weight: normal; text-transform: uppercase; border-left: 1px solid #666666; border-top: 1px solid #666666; border-right: 1px solid #333333; border-bottom: 1px solid #333333; text-decoration: none; }
ul.vd-buttons li 		{ display: block; float: left; height: 24px; line-height: 24px; padding: 0; margin: 0 3px 0 0; background: none}
ul.vd-buttons li a		{ display: block; float: left; height: 22px; line-height: 22px; padding: 0 20px; background: #000000; color: #fff; font-size: 10px; font-weight: normal; text-transform: uppercase; border-left: 1px solid #666666; border-top: 1px solid #666666; border-right: 1px solid #333333; border-bottom: 1px solid #333333; text-decoration: none; }

ul.vd-buttons li a:hover {background: #cc0000; border-left: 1px solid #aaa; border-top: 1px solid #aaa; border-right: 1px solid #000; border-bottom: 1px solid #000;  text-decoration: none; }

#transitionwrap #content { width: 357px; }
#VDONEimwrap			{ margin: 0; padding: 0; float: right; width: 400px; }
#VDONEimwrap ul			{ list-style: none; margin: 0; padding: 0; }
#VDONEimwrap li			{ float: left; margin: 0; padding: 0; background: none}
#VDONEimwrap li a		{ margin: 0 3px 3px 0; padding: 0; display: block; text-decoration: none; border: 2px solid #222222; width: 120px; height: 90px; } /* thickbox img link */
#VDONEimwrap li a:hover	{ border: 2px solid #cc0000; }
#VDONEimwrap li a img	{ float: left; }
#VDONEimwrap li a:hover	{ color: #cccccc; text-decoration: none; }
#VDONEimwrap li p		{ visibility: hidden; display: none; }

#VDMainImage			{ border: 2px solid #cc0000; width: 400px; float: left; }
#VDMainImage a img		{ cursor: default; }


#VDSimLink ul 			{ margin: 0; padding: 0; list-style: none; float: left; }
#VDSimLink ul li 		{ background: none; margin: 0; padding: 0; float: left; }
#VDSimLink ul li a 		{ margin: 5px 0; border: 1px solid #fff; text-decoration: none; text-indent: 0; color: #ffffff; float: left; width: 820px; }
#VDSimLink ul li a:hover{ text-decoration: none; border-color: #ccc; color: #cc0000; }
#VDSimLink ul li span 	{ display: block; float: left; }


.SimCarImage 			{ float: left; width: 30%; cursor: pointer; height: 90px; line-height: 90px; }
.SimMake 				{ float: left; width: 40%; cursor: pointer; margin-top: 35px; text-indent: 30px; }
.SimPrice 				{ float: right; width: 29%; cursor: pointer; height: 90px; line-height: 90px; text-align: center; color: #777777; }


/* ___________________________________________ VD 2 _____________________________________________ */
#moveCursorTxt {width: 100%; height: 30px;}
#moveCursorTxt p {margin: 0 0 0 15px; line-height: 30px; font-size: 10px; color: #333}
#VDImage {width: 100%; height: 380px; position: relative; background: #eee}

#VDthumbs {width: 130px; height: 340px; position: absolute; left: 15px; top: 30px; overflow: auto}
#VDthumbs ul {margin: 0; padding: 0}
#VDthumbs ul li {list-style: none outside; margin: 0 0 6px 0; padding: 0}
#VDthumbs ul li a {display: block; width: 104px; height: 78px; border: 1px solid #000}
#VDthumbs ul li a:hover {border-color: #fff}

#mainImg {margin-left: 160px;}
#mainImg img {border: 1px solid #000}



/******* VD3+4 Styles *******/

#VDTHREEimwrap			{ height: auto; float: left; }

#VDImTran				{ float: left; margin: 10px 0 10px 10px; }

#VDImTranThumbs			{ float: right; overflow: auto; }
#VDImTranThumbs ul		{ margin: 0; padding: 0; list-style: none; }
#VDImTranThumbs li		{ float: left; }
.VDThumb				{ margin: 0; padding: 0; }


/****Similar Vehicles (Thumbnails)*****/



/* Added by Ryan to make VD work */

#transitionwrap				{ width: 732px; height: auto; margin: 0 auto; }
#transition					{ width: 362px; height: auto; float: left; position: relative; border: 4px solid #fdb414; }
#transition img				{ }
#transitionthumbs			{ width: 357px; height: auto; float: right; background: #efefef; }


p a.thickbox				{ visibility: hidden; display: none; }

p.VD-carcolour				{ width: 820px; height: 30px; line-height: 30px; margin: 15px auto; background: #222222; text-align: center; font-size: 12px; font-weight: bold; color: #ffffff; }

div#pricewrap				{ width: 820px; height: auto; }
div#financeinfowrap			{ width: 820px; height: auto; }
div#other-info				{ width: 820px; height: auto; float: left; font-size: 11px; color: #ffffff; margin-bottom: 20px; }


/******************************************************************************/
/****** STYLES FOR THE PAGING BAR ON ALL STOCK LIST DISPLAYS ******************/
/******************************************************************************/

.SLPagingBar 				{ width: 960px; height: 30px; display: inline-block; margin: 5px 0 0 0; position: relative; }
.SLPagingBar ul 			{ margin-bottom: 10px; width: 532px; height: 30px; float: left; }
.SLPagingBar ul li 			{ float: left; width: 30px; height: 30px; line-height: 30px; list-style: none; text-align: center; margin: 0 2px; background: #333333; }
.SLPagingBar ul li.SLPNC 	{ color: #ffffff; font-weight: bold; float: left; width: 30px; height: 30px; }
.SLPagingBar ul li a 		{ text-decoration: none; display: block; float: left; width: 30px; height: 30px; font-size: 12px; color: #ffffff!Important; }
.SLPagingBar ul li a:hover	{ color: #ff0000!Important; }

.SLPagingBar ul li.SLPrev,.SLPagingBar ul li.SLNext { width: 110px!Important; }
.SLPagingBar ul li.SLPrev a { display: block; width: 110px; height: 30px; color: #ffffff; }
.SLPagingBar ul li.SLNext a { display: block; width: 110px; height: 30px; color: #ffffff; }                                
div.SLPagingBar p.SLPageXofX {
                                                width: 200px;
												float: right;
                                                display: block;
												height: 30px; line-height: 30px;
                                                text-align: right;
                                                font: 12px "Verdana", sans-serif;
                                }



.vms {
	display: block;
	text-indent: -9999px;
	width: 236px;
	height: 94px;
	background: url('images/banner.png') no-repeat top left;
	border: none;
	outline: none;
	position: absolute;
	right: 30px;
	top: 14px;
}

.vms:hover {
	opacity: 0.90;
	filter: alpha(opacity=90);
}