
/*******************************************************************************/
/****** STYLES FOR THE OPENING HOURS PAGE **************************************/
/*******************************************************************************/
#hourswrap { width: 255px; height: 270px; margin: 10px 0 0 5px; background: url(../images/hours-bg.png) no-repeat; float: left; display: inline; }
.hours{}
.hours-currentDay{color:#ffff00; font-weight:bold; font-size: 11px; background: #222222; }
.hours-standardDay{color:#999999;}
.hoursTB {border-color:#000000;}
.hourstext { display: none; }
.hourstable { width: 215px; margin: 15px 0 0 20px; float: left; display: inline; }
.hourstable td { font-size: 10px; padding: 0px 6px; height: 20px; line-height: 20px; }
.hourstable tr  { width: 215px; }



/******************************************************************************/
/****** STYLES FOR STOCK LIST DISPLAY 5 - StockListOption5  ********/
/******************************************************************************/

div#stock-wrap				{ width: 652px; margin: 10px 0 10px 30px; float: left; display: inline; }

div.cwSLVehicle 			{ background: url(../images/cwSLVehicle-bg.jpg) no-repeat; color: #000000; font-size: 12px; width: 316px; height: 475px; position: relative; float: left; margin: 0 10px 10px 0; display: inline; }
div.cwSLVehicle img			{ float: left; margin: 60px 0 10px 10px; display: inline; }
div.cwSLVehicle div.cwSLVehicleDetails{ color: #ffffff; float: left; width: 296px!Important; height: auto; margin-left: 10px; display: inline; overflow: hidden; }
div.cwSLVehicle h3			{ color: #ffff00; font-weight: bold; font-size: 18px; display: block; width: 296px; overflow: visible!Important; height: 40px; position: absolute; top: 10px; left: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; z-index: 200; }
div.cwSLVehicle h3 span		{ }
div.cwSLVehicle h3 em		{ color: #ffff00; font-size: 18px; background: url(../images/1x1-dark.png) repeat; position: absolute; left: 0; top: 50px; width: 281px; height: 40px; line-height: 40px; text-align: right; padding-right: 15px; }
div.cwSLVehicle h3 em span	{ }
span.SLWasPrice				{ display: none; }
span.SLVersion				{ float: left; width: 296px; font-size: 12px!Important; color: #ffffff!Important; }
div.cwSLVehicle div.cwSLVehicleDetails div { float: left; height: 21px; width: 296px; }
div.cwSLVehicle div.cwSLVehicleDetails span { font-weight: bold; width: 120px; height: 20px; float: left; clear: left; margin-left: 20px; display: inline-block; }
div.cwSLVehicle .cwSLRegYearLetter	{ margin: 0 0 0 0; height: 21px; line-height: 22px; border-bottom: 1px solid #ffff00; background: #222222; }
div.cwSLVehicle .cwSLMileage		{ margin: 0 0 0 0; height: 21px; line-height: 22px; border-bottom: 1px solid #ffff00; background: #222222; }
div.cwSLVehicle .cwSLTransmission	{ margin: 0 0 0 0; height: 21px; line-height: 22px; border-bottom: 1px solid #ffff00; background: #222222; }
div.cwSLVehicle .cwSLBodyType		{ margin: 0 0 0 0; height: 21px; line-height: 22px; border-bottom: 1px solid #ffff00; background: #222222; }
div.cwSLVehicle .cwSLColour			{ margin: 0 0 0 0; height: 21px; line-height: 22px; border-bottom: 1px solid #ffff00; background: #222222; }
div.cwSLVehicle div.cwSLPrice		{ margin: 0 10px 10px 0; height: 21px; line-height: 22px; border-bottom: 1px solid #ffff00; }
div.cwSLVehicle div.cwSLFuelType	{ margin: 0 10px 10px 0; height: 21px; line-height: 22px; background: #222222; }
div.cwSLVehicle div.cwSLVehicleDetails .cwSLVehicleLink { width: 140px!Important; height: 30px; position: absolute; bottom: 10px; right: 10px; }
div.cwSLVehicle div.cwSLVehicleDetails .cwSLVehicleLink a{ width: 140px; height: 30px; line-height: 30px; background: url(../images/cwSLVehicleLink-bg.jpg) center top no-repeat; text-decoration: none; color: #ffffff; font-size: 12px; font-weight: bold; text-indent: 12px; display: block; }
div.cwSLVehicle div.cwSLVehicleDetails .cwSLVehicleLink a:hover{ background-position: bottom; text-decoration: none; }
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;*/ }

.SLLgEnginesize			{ display: none; }

.clear {
	clear: both;
}
div.SLMoreImagesAvailable	{ position: absolute; bottom: 10px; left: 10px; width: 135px!Important; height: 14px!Important; line-height: 14px!Important; font-weight: bold; text-align: center; }
div.SLMoreImagesAvailable a	{ color: #ffffff; text-decoration: none; text-transform: uppercase; font-size: 10px; display: block; background: #222222; }
div.SLMoreImagesAvailable a:hover{ color: #111111; text-decoration: none; background: #ffff00; }

div.SLFinanceAvailable		{ position: absolute; bottom: 25px; left: 10px; width: 135px!Important; background: #222222; height: 14px!Important; line-height: 14px!Important; font-weight: bold; text-align: center; }
div.SLFinanceAvailable a	{ color: #ffffff; text-decoration: none; text-transform: uppercase; font-size: 10px; display: block;background: #222222; }
div.SLFinanceAvailable a:hover{ color: #111111; text-decoration: none; background: #ffff00; }

/******************************************************************************/
/****** STYLES FOR THE PAGING BAR ON ALL STOCK LIST DISPLAYS ******************/
/******************************************************************************/
.SLPagingBar 				{ width: 642px; float: left; }
.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 0 0; }
.SLPagingBar ul li.SLPNC 	{  color: #ffff00; font-weight: bold; float: left; width: 30px; height: 30px; background: url(../images/pagingbar-current.gif) no-repeat; }
.SLPagingBar ul li a 		{ text-decoration: none; color: #333333; display: block; float: left; width: 30px; height: 30px; background: url(../images/pagingbar.gif) center top no-repeat; font-size: 12px; color: #ffffff; }
.SLPagingBar ul li a:hover	{ background-position: bottom; text-decoration: none; }

.SLPagingBar ul li.SLPrev,.SLPagingBar ul li.SLNext { width: 85px; }
.SLPagingBar ul li.SLPrev a { background: url(../images/previous.gif) no-repeat; display: block; width: 85px; height: 30px; text-indent: -9999px; overflow: hidden; }
.SLPagingBar ul li.SLNext a { background: url(../images/nextpage.gif) no-repeat; display: block; width: 85px; height: 30px; text-indent: -9999px; overflow: hidden; }

p.SLPageXofX 				{ font-weight: bold; font-size: 10px; color: #ffffff; float: right; height: 30px; line-height: 30px; margin-right: 10px; }

/******************************************************************************/
/****** STYLES NO STOCK LIST DISPLAYS ******************/
/******************************************************************************/
.SLNoStock 					{ font-size: 16px; color: #ffffff; text-decoration: none; width: 584px; float: left; padding: 20px; background: url(../images/no-stock.jpg) top right no-repeat #222222; border: 3px solid #ff0000; letter-spacing: 1px; }

p.strongtxt					{ margin-left: 30px; font-weight: bold; font-size: 18px; color: #ffffff; margin-top: 25px; letter-spacing: 1px; }
