
 

.clear {clear: both;}
/*******************************************************************************/
/****** STYLES FOR THE OPENING HOURS PAGE **************************************/
/*******************************************************************************/
.hours{}
.hours-currentDay{ color:#333333; background:#CCC}
.hours-standardDay{ padding: 5px 0}
.hoursTB {border-color:#000000;}
.hourstext {font-size: 8pt; padding: 5px 0; display: none}

.hourstext a { color:  #00488f; text-decoration: none; font-weight: bold}
.hourstext a:hover { color:#999}

table.hourstable {margin: 0 0 0 18px; border-collapse: collapse; width: 245px; color:#666666; text-align: left; padding-left: 5px; font-size: 11px}
table.hourstable tr td {padding:2px 0 2px 9px}

/*******************************************************************************/
/****** STYLES FOR THE OPENING HOURS PAGE **************************************/
/*******************************************************************************/


div.cwSLVehicle { background: #ffffff;	color: #000000;	padding: 10px 10px 20px 10px;	margin: 0 0 30px 30px; font-size:12px; width: 900px;position:relative; height: 180px; border: 1px dotted #cccccc }
div.cwSLVehicle img			{ float: left; margin: 0; display: inline; }
div.cwSLVehicle div.cwSLVehicleDetails{ color: #ffffff; margin: 0 10px 0 20px; float: left; width: 650px; height: auto; display: inline; }


div.cwSLVehicle h3			{ background: url(../images/grey-grad-dark.jpg) top left repeat-x; color: #ffffff; font-weight: bold; font-size: 15px; margin: 0 10px 0 20px; float: left; width: 650px; overflow: hidden!Important; height: 40px; line-height: 40px; text-transform: uppercase; display: inline-block; position: relative; text-indent: 10px; background: #CCC }
div.cwSLVehicle h3 span		{ text-indent: 10px; display: inline; float:left }
div.cwSLVehicle h3 em		{ color: #eeeeee; font-size: 20px; text-indent: 0!Important; text-align: center; position: absolute; right: 10px; top: 0; font-style: normal; }
div.cwSLVehicle h3 em span	{ text-decoration: line-through; }
span.SLWasPrice				{ text-decoration: line-through; text-indent: 0!Important; color: #999999!Important; font-size: 16px!Important; }
div.cwSLVehicle div.cwSLVehicleDetails div { float: left; height: 45px; width: 105px; text-align: center; font-size: 10px; border-right: 1px dotted #cccccc; color:#333333 ;  margin-top: 5px;}
div.cwSLVehicle div.cwSLVehicleDetails span { float: left; height: 15px; width: 105px; text-align: center; color: #666666; margin-top: 8px; }
div.cwSLVehicle .cwSLRegYearLetter	{ margin: 0 0 0 0; height: 30px; }
div.cwSLVehicle .cwSLMileage		{ margin: 0 0 0 0; height: 320px; }
div.cwSLVehicle .cwSLTransmission	{ margin: 0 0 0 0; height: 30px; }
div.cwSLVehicle .cwSLDoorsBodyColor	{ margin: 0 0 0 0; height: 30px; }
div.cwSLVehicle .cwSLBodyType		{ margin: 0 0 0 0; height: 30px; }
div.cwSLVehicle .cwSLColour			{ margin: 0 0 0 0; height: 30px; display: none }
div.cwSLVehicle div.cwSLPrice		{ margin: 0 10px 10px 0; }
div.cwSLVehicle div.cwSLFuelType	{ margin: 0 0 0 0; border: none!Important }
div.cwSLVehicle div.cwSLVehicleDetails .cwSLVehicleLink { width: 190px!Important; height: 30px; position: absolute; bottom: 10px; right: 10px; text-align: left!Important; border: none }
div.cwSLVehicle div.cwSLVehicleDetails .cwSLVehicleLink a{ float: right; width: 200px; height: 35px; line-height: 35px; background: url(../images/btn-View-Details.gif) center top no-repeat; text-decoration: none; color: #ffffff; font-size: 11px; text-indent: 20px; border: none!Important }
div.cwSLVehicle div.cwSLVehicleDetails .cwSLVehicleLink a:hover{ background-position: bottom; text-decoration: none; color: #ffffff; }
div.cwSLVehicle div.cwSLVehicleDetails .imgshow img {background: #000000; float: left; margin: 10px 10px 0 10px;}
div.cwSLVehicle div.cwSLVehicleDetails .imgshow span { display: none; /*width: 350px!Important; color: #cc0000; font-size: 18px; float: left; height: 30px!Important; line-height: 30px!Important; text-align: center; margin: 0 10px 10px 10px!Important;*/ }

span.SLLgEnginesize				{ display: none!Important; }


ul.cwSLFeatures  			{ list-style: none; float: left; width:690px; height: auto; margin: 10px 0 0 0; padding: 0; font-size:11px }
ul.cwSLFeatures li			{ float: left; width: 205px; height: 15px; background: url(../images/SLBullet.gif) left top no-repeat; padding-left: 20px; color: #222222; text-align:left; margin-bottom: 5px; font-size: 10px}


.SLOtherInfo 		{ float:left!important; width: 680px!important; color:#333!important; font-size: 10px!important; text-align: left!important; padding:10px 10px; height: 20px !important; border: none!important; display: none}

.clear {clear: both;}

.imgshow { display: none; position: absolute; top:10px; left: 205px; z-index: 250; background: #ffffff; border: 1px dotted #cccccc; width: 320px!Important; height: 245px !important  } 

div.SLMoreImagesAvailable	{ position: absolute; bottom: 5px; right: 220px; width: 200px!Important; background: url(../images/btn-View-Details.gif) left top no-repeat; height: 35px!Important; line-height: 35px!Important; text-align: center!Important;  border: none!Important}
div.SLMoreImagesAvailable a	{ color: #ffffff; text-decoration: none; font-size: 11px!Important; }
div.SLMoreImagesAvailable a:hover{ color: #ffffff; text-decoration: none; }

div.SLFinanceAvailable		{  position: absolute;  bottom: 5px; right: 430px; width: 200px!Important; background: url(../images/btn-View-Details.gif) no-repeat; height: 35px!Important; line-height: 35px!Important;  text-align: center!Important; font-size: 11px!Important;  border: none!Important}
div.SLFinanceAvailable a	{ color: #ffffff; text-decoration: none; }
div.SLFinanceAvailable a:hover{ color: #ffffff; text-decoration: none; }

div.SLVideoAvailable		{ position: absolute; bottom: 5px; left: 12px; width: 200px!Important; background: url(../images/btn-View-Details.gif) no-repeat; height: 35px!Important; line-height: 35px!Important;  border: none!Important }
div.SLVideoAvailable a	{ color: #ffffff; text-decoration: none; text-transform: uppercase; }

/******************************************************************************/
/****** STYLES FOR THE PAGING BAR ON ALL STOCK LIST DISPLAYS ******************/
/******************************************************************************/
	div.SLPagingBar {
			width: 795px;
			margin: 5px 0 5px 0;
		}
		
		div.SLPagingBar ul {
			width: 100%;
			list-style: none;
			height: 24px;
			margin: 20px;
		}
		
		div.SLPagingBar ul li {
			float: left;
			display: block;
			margin: 0 2px 0 0;
		}

		div.SLPagingBar ul li a,
		div.SLPagingBar ul li.SLPNC {
			font-size:8pt;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	display: block;
	width: 30px;
	height: 30px;
	background: #CCC;
	line-height: 28px;
		}
		
		div.SLPagingBar ul li a:hover {
			background: #DDD;
		}
		
		div.SLPagingBar ul li a:active {
			background: #004990;
			color: #FFF
		}		
		
		div.SLPagingBar ul li.SLPNC {
			font-weight: bold;
			background: #004990;
		}
		
		div.SLPagingBar p {
			font-weight:bold;  font-size:10pt; text-align:left; color:#666666;
		}
		div.SLPagingBar ul li.SLPrev a {
			background: url(../images/previous.gif) no-repeat left top;
			width: 150px;
			padding: 0px;
			height: 30px;
			text-indent: -999999px;
		}
		div.SLPagingBar ul li.SLPrev a:hover {
			background-position: left bottom;
		}
		div.SLPagingBar ul li.SLNext a {
			background: url(../images/next.gif) no-repeat left top;
			width: 150px;
			height: 30px;
			padding: 0px;
			text-indent: -999999px;
		}
	div.SLPagingBar ul li.SLNext a:hover {	background-position: left bottom;}









/******************************************************************************/
/****** STYLES NO STOCK LIST DISPLAYS ******************/
/******************************************************************************/
.SLNoStock {font-size:20pt; text-align:center; color:#000000; text-decoration:none;}



div#map iframe, div#map2 iframe {width: 420px; height: 400px;}


/******************************************************************************/
/****** STYLES SOCIAL BOOKMARKS ******************/
/******************************************************************************/
.socialbookmarks{list-style:none;}
.socialbookmarks a{text-decoration:none;}
.socialbookmarks a img{border:none;}

/******************************************************************************/
/* YouTube videos */
/******************************************************************************/
#VDVideoDiv {
	overflow: hidden;
	height: 385px;
	width: 640px;
	background: #000;
	margin-top: 5px;
}

#VDVideoDiv div {
	background: #000;
	overflow: hidden;	
}

#VDVideolink {
	outline: none;
	border: none;
	display: block;
	height: 20px;
}

#VDVideolink .youtube {
	display: block;
	margin-right: 4px;
	margin-top: 9px;
	width: 12px;
	height: 12px;
	background: url('../../dealercommon/images/youtube.jpg') no-repeat 0px 0px;
	text-indent: -9999px;
	float: left;
}

#VDVideolink .minus {
	background-position: 0px -12px;
}

#VDVideolink img {
	margin-top: 4px;
	margin-left: 6px;
	display: inline-block;
}
