
 

/*******************************************************************************/
/****** STYLES FOR THE OPENING HOURS PAGE **************************************/
/*******************************************************************************/
.hours{}
.hours-currentDay{color:#ffffff; font-weight:bold; background: #5780ce}
.hours-standardDay{color:#003366; background: #89adf2;}
.hoursTB {border-color:#000000;}
.hourstext {}
.hourstable {margin: 0 0 15px 10px; width: 500px;}
.hourstable td {height: 28px; text-indent: 12px;}


/******************************************************************************/
/****** STYLES FOR STOCK LIST DISPLAY 5 - StockListOption5  ********/
/******************************************************************************/

div.cwSLVehicle {background: #5780ce url('../images/stockback.jpg') no-repeat left bottom; padding: 5px; margin-bottom:10px; width: 752px; position:relative; height: 176px;}
div.cwSLVehicle img{float:left;border:solid 1px #fff;}
div.cwSLVehicle div.cwSLVehicleDetails{background: #ffffff; color:#003366;	margin-left:185px;	text-align:left;	padding:5px 0 0 0; height: 87px;}
div.cwSLVehicle h3 {color:#003366; font-size: 16px;	display:block;	background: url('../images/h3back.gif') repeat-x left top; margin: 0 0 5px 185px; font-weight: normal; position: relative; height: 36px; line-height: 35px; padding: 0 0 0 10px;}
div.cwSLVehicle h3 em {font-style:normal; font-weight: bold; position: absolute; top: 0px; right: 10px;}
div.cwSLVehicle h3 .SLWasPrice {color: #cc0000; text-decoration: line-through;}
div.cwSLVehicle .cwSLRegYearLetter, div.cwSLVehicle .cwSLMileage, div.cwSLVehicle .cwSLTransmission, div.cwSLVehicle .cwSLDoors, div.cwSLVehicle .cwSLBodyType, div.cwSLVehicle .cwSLColour,div.cwSLVehicle .cwSLFuelType {border-bottom:dotted #999999 1px;padding:3px 0 3px 0; font-weight: bold; float: left; margin: 0 0 0 10px; width: 176px; text-align: right; font-size: 11px;}
div.cwSLVehicle .cwSLRegYearLetter span, div.cwSLVehicle .cwSLMileage span, div.cwSLVehicle .cwSLTransmission span, div.cwSLVehicle .cwSLDoors span, div.cwSLVehicle .cwSLBodyType span, div.cwSLVehicle .cwSLColour span, div.cwSLVehicle .cwSLFuelType span {
	font-weight: normal;
	float: left;
}



div.SLOtherInfo {display: none;}
div.SLFinanceAvailable a {position: absolute; bottom: 5px; left: 386px; display: block; height: 38px; background: url('../images/financebut.jpg') no-repeat left top; width: 176px; text-decoration: none; line-height: 37px; text-indent: 64px; color: #ffffff;}
div.SLFinanceAvailable a:hover {
	background-position: left bottom;
	color: #003366;
}
div.SLMoreImagesAvailable a {position: absolute; bottom: 5px; left: 201px; display: block; height: 38px; background: url('../images/imgsback.jpg') no-repeat left top; width: 182px; text-decoration: none;line-height: 37px; text-indent: 64px; color: #ffffff;}
div.SLMoreImagesAvailable a:hover {
	background-position: left bottom;	
		color: #003366;
}
div.cwSLVehicleLink a {position: absolute; bottom: 5px; right: 14px; display: block; height: 38px; background: url('../images/detailslink.jpg') no-repeat left top; width: 176px; text-decoration: none; text-align: center; color: #ffffff; line-height: 37px;}
div.cwSLVehicleLink a:hover {background-position: left bottom;	color: #003366;}
ul.cwSLFeatures {}
ul.cwSLFeatures li {border-bottom:dotted #999999 1px;padding:3px 0 3px 10px; float: left; margin: 0 0 0 10px; width: 166px; font-size: 11px; list-style-type: none; background: url('../images/greydots.gif') no-repeat 0px 6px;}

div.cwSLVehicle div.cwSLVehicleDetails .imgshow {display: none; position: absolute;	top: 0px; left: 190px; z-index: 100; padding: 5px;	background: #ffffff; border: 1px solid #003366; width: 302px;}
div.cwSLVehicle div.cwSLVehicleDetails .imgshow img {float: left;}
div.cwSLVehicle div.cwSLVehicleDetails .imgshow span {display: block; padding: 5px;width: 292px;background: #5780ce;	color: #ffffff;	font-size: 14px;	float: left;}
div.cwSLVehicle div.cwSLVehicleDetails .imgshow .SLWasPrice {
	display: none;	
}

/******************************************************************************/
/****** STYLES FOR THE PAGING BAR ON ALL STOCK LIST DISPLAYS ******************/
/******************************************************************************/

		div.SLPagingBar {
                                                margin: 0 0 10px 0;
                                }
                                
                                div.SLPagingBar ul {
                                                width: 100%;
                                                list-style: none;
                                                height: 24px;
												padding: 0 0 5px 0;
                                }
                                
                                div.SLPagingBar ul li {
                                                float: left;
                                                display: block;
                                                margin: 0 2px 0 0;
                                }

                                div.SLPagingBar ul li a,
                                div.SLPagingBar ul li.SLPNC {
                                                display: block;
                                                float: left;
                                                height: 32px;
                                                background: url('../images/pagingback.gif') no-repeat left top;
                                                width: 32px;
                                                color: #fff;
                                                font: 12px "Verdana", sans-serif;
                                                line-height: 31px;
                                                text-decoration: none;
                                                margin: 0 2px 0 0;
												text-align: center;
                                }
                                
                                div.SLPagingBar ul li a:hover {
	background: url(../images/pagingback.gif) no-repeat left center;
	color: #003366;
                                }
                                
                                div.SLPagingBar ul li a:active {
												background: url('../images/pagingback.gif') no-repeat left bottom;
												color: #ffffff;
                                }                              
                                
                                div.SLPagingBar ul li.SLPNC {
                                                background: url('../images/pagingback.gif') no-repeat left bottom;
												color: #ffffff;
                                }
                                
                                #content div.SLPagingBar p {
                                                display: block;
                                                font: 12px "Verdana", sans-serif;
                                                padding: 5px 0 5px 0;
                                                margin: 10px 0;
												text-indent: 0px;
                                                
                                }
                                div.SLPagingBar ul li.SLPrev a {
                                                background: url('../images/pageprev.gif') no-repeat left top;
                                                width: 120px;
                                                padding: 0px;
                                                text-indent: 20px;
												text-align: left;
												color: #ffffff;
                                }
                                div.SLPagingBar ul li.SLPrev a:hover {
                                                background-position: left bottom;
												color: #003366;
                                }
                                div.SLPagingBar ul li.SLNext a {
                                                background: url('../images/pagenext.gif') no-repeat left top;
                                                width: 120px;
                                                padding: 0px;
                                                text-indent: 10px;
												text-align: left;
												color: #ffffff;
                                }
                                div.SLPagingBar ul li.SLNext a:hover {
                                                background-position: left bottom;
												color: #003366;
                                }
