.clear {clear: both;}
/*******************************************************************************/
/****** STYLES FOR THE OPENING HOURS PAGE **************************************/
/*******************************************************************************/


#hours		{ background: url(../images/hours-bg.jpg) center top no-repeat;
				  width: 241px;
				  height:85px;
				  float:right;
				  position:relative;
				  margin-top: 5px;}

#hours h2		{ color:#FFF;
				  font-size: 14px;
				 font-weight: bold;
				padding: 10px 0 5px 0}



.hours-currentDay{ color:#ffffff; background: url(../images/orange-bg.jpg) center top repeat-x}
.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: 10px 0 0 4px; border-collapse: collapse; width: 235px; color:#ffffff; text-align: left; padding-left: 5px; font-size: 12px}
table.hourstable tr td {padding:3px 9px}




/*******************************************************************************/
/****** STYLES FOR THE STOCK LIST **************************************/
/*******************************************************************************/



div.cwSLVehicle { background: url(../images/sales-bg.gif) top right no-repeat;	color: #000000;	padding: 10px 10px 30px 10px;	margin: 0 0 30px 30px; font-size:12px; width: 900px;position:relative; height: 260px; display: inline-block}
div.cwSLVehicle img			{ float: left; margin: 2px 0 0 0; display: inline; border: 4px solid #333333 }
div.cwSLVehicle div.cwSLVehicleDetails{ color: #ffffff; margin: 0 10px 0 10px; float: right; 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 10px; float: right; width: 650px; overflow: hidden!Important; height: 35px; line-height: 30px; display: inline-block; position: relative; text-indent: 10px;}
div.cwSLVehicle h3 span		{ text-indent: 10px; display: inline; float:left }
div.cwSLVehicle h3 em		{ color: #333; font-size: 16px; 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: #666666!Important; font-size: 14px!Important; }
div.cwSLVehicle div.cwSLVehicleDetails div { float: left; height: 45px; width: 105px; text-align: center; font-size: 10px; border-right: 1px dotted #333333; color:#ffffff ;}
div.cwSLVehicle div.cwSLVehicleDetails span { float: left; height: 15px; width: 105px; text-align: center; color: #cccccc; 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: 300px!Important; height: 30px; position: absolute; bottom: 0px; left: 250px; text-align: left!Important; border: none }
div.cwSLVehicle div.cwSLVehicleDetails .cwSLVehicleLink a{ float: right; width: 300px; height: 30px; line-height: 30px; background: url(../images/large-btn.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:650px; height: auto; margin: 10px 0 0 0; padding: 0; font-size:11px }
ul.cwSLFeatures li			{ float: left; width: 180px; height: 15px; background: url(../images/SLBullet.gif) left top no-repeat; padding-left: 20px; color: #222222; text-align:left; margin: 0 0 5px 10px; font-size: 11px}


.SLOtherInfo 		{ float:left!important; width: 630px!important; color:#eeeeee!important; font-size: 11px!important; text-align: justify!important; padding:10px 10px; border: none!important;}

.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: 270px !important  } 

div.SLMoreImagesAvailable	{ position: absolute; bottom: 80px; left: 10px; width: 228px!Important; 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;width: 228px!Important; background: url(../images/small-btn.gif) left top no-repeat; height: 35px!Important; line-height: 35px!Important; display: block }
div.SLMoreImagesAvailable a:hover{ color: #ffffff; text-decoration: none; background-position: left bottom }

div.SLFinanceAvailable		{  position: absolute;  bottom: 45px; left: 10px; width: 228px!Important; 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; font-size: 11px!Important;width: 228px!Important; background: url(../images/small-btn.gif) left top no-repeat; height: 35px!Important; line-height: 35px!Important; display: block }
div.SLFinanceAvailable a:hover{ color: #ffffff; text-decoration: none; background-position: left bottom  }

div.SLVideoAvailable		{ position: absolute; bottom: 0px; left: 10px; width: 228px!Important; line-height: 35px!Important;  border: none!Important }
div.SLVideoAvailable a	{color: #ffffff; text-decoration: none; font-size: 11px!Important;width: 228px!Important; background: url(../images/video-btn.gif) left top no-repeat; height: 35px!Important; line-height: 35px!Important; display: block }
div.SLVideoAvailable a:hover	{color: #ffffff; text-decoration: none; background-position: left bottom }
/******************************************************************************/
/****** STYLES FOR THE PAGING BAR ON ALL STOCK LIST DISPLAYS ******************/
/******************************************************************************/
div.SLPagingBar {
			width: 795px;
			margin: 5px 0 5px 0;
			float: left
		}
		
		div.SLPagingBar ul {
			width: 100%;
			list-style: none;
			height: 24px;
			margin: 10px 25px;
		}
		
		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:11px;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: url(../images/page-back.gif) center top no-repeat;
		}
		
		div.SLPagingBar ul li a:hover {
			background: url(../images/page-back.gif) center bottom no-repeat;
		}
		
		div.SLPagingBar ul li a:active {
background: url(../images/page-back.gif) center bottom no-repeat;
			color: #FFF
		}		
		
		div.SLPagingBar ul li.SLPNC {
			font-weight: bold;
background: url(../images/page-back.gif) center bottom no-repeat;
		}
		
		div.SLPagingBar p {  font-size:11px; text-align:left; color:#666666; padding-top: 5px; padding-left: 30px
		}
		div.SLPagingBar ul li.SLPrev a {
			background: url(../images/small-btn.gif) no-repeat left top;
			width: 230px;
			padding: 0px;
			height: 35px;
			line-height: 35px;
			font-weight: bold
		}
		div.SLPagingBar ul li.SLPrev a:hover {
			background-position: left bottom;
		}
		div.SLPagingBar ul li.SLNext a {
			background: url(../images/small-btn.gif) no-repeat left top;
			width: 230px;
			height: 35px;
			padding: 0px;
			line-height: 35px;
			font-weight: bold
		}
	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#map1 iframe, div#map2 iframe, div#map3 iframe, div#map4 iframe {width: 600px; height: 400px;}

#map1, #map2, #map3, #map4		{ width:600px; height:400px; float:left; border: 3px solid #666; margin-bottom: 20px}

#WOR .tabs-loc {
	list-style: none;
	float: left;
	width: 620px;
	clear: both;
}
#WOR .tabs-loc li a {
	display: block;
	width: 280px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	text-decoration: none;
	padding: 0 10px;
	margin: 0 6px 6px 0;
	color: #FFF;
	float: left;
	background: url('../images/large-btn.gif') no-repeat 0 0;
}
#WOR .tabs-loc li a:hover,
#WOR .tabs-loc li a.current {
	background-position: 0 -30px;
}
#WOR .tab_content {
	float: left;
	display: none;
	clear: both;
}
#WOR .tab_content h3 {
	color: #CCC;
	display: block;
	margin: 10px 0;
}
#WOR .tab_content.current {
	display: block;
}

/******************************************************************************/
/****** 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;
}