/*******************************************************************************/
/****** STYLES FOR THE OPENING HOURS PAGE **************************************/
/*******************************************************************************/
.hours {
    color: white;
}
.hours-currentDay { 
    background-color: #009900;
    color: black;
    font-size: 10px;
    font-weight: bold;
	border: 1px solid #000000;
}
.hours-standardDay td {
    border: 1px solid #009900;
    color: white;
    font-size: 9px;
    font-weight: normal;
	 padding: 5px;
}
.hoursTB {
    border-color: #000000;
}
.hourstext {
    color: #CCCCCC;
    font-family: Arial;
    font-size: 8pt;
}
.hourstable {
    width: 180px;
}
.hourscontact {
    color: #009900;
    text-decoration: none;
}
a.hourscontact:hover {
    border-bottom: 1px solid #CCCCCC;
    color: #CCCCCC;
}




/* ________________________________ STOCK LIST ______________________________________ */
div#stock-container {float: left;
    margin: 0 auto;
    position: relative;
    width: 793px;}
div#stockwrap {float:left; width:793px;}
div.cwSLVehicle {
    background: url("../img/vehicle-back.png") no-repeat scroll 0 0 transparent;
    color: #000000;
    float: left;
    font-size: 12px;
    height: 288px;
    margin-right: 20px;
    margin-top: 15px;
    overflow: hidden;
    padding: 0 0 10px;
    position: relative;
    width: 376px;
	}

/* VEHICLE IMAGE*/
div.cwSLVehicle img {
    border: 1px solid #000000;
    left: 16px;
    position: absolute;
    top: 72px;}

/* VEHICLE DETAILS CONTAINER */
div.cwSLVehicle div.cwSLVehicleDetails {
    margin: 35px 0 0 234px;
    overflow: hidden;
    text-align: left;
    width: 121px;}

/* VEHICLE HEADING AND PRICE */
div.cwSLVehicle h3	{margin: 5px 11px 0 11px; color:#fff; font-weight:bold; font-size: 12px !important; display: block; padding-top: 11px; letter-spacing: 0; line-height: none; position:relative}
div.cwSLVehicle h3 em { font-style: normal; font-size: 12px; position: absolute; top: 11px; right: 16px}

/* VEHICLE DETAILS */
div.cwSLVehicle .cwSLRegYearLetter, div.cwSLVehicle .cwSLMileage, div.cwSLVehicle .cwSLTransmission, div.cwSLVehicle .cwSLDoors, div.cwSLVehicle .cwSLBodyType, div.cwSLVehicle .cwSLColour,div.cwSLVehicle .cwSLFuelType {border-bottom: 1px dotted #DDDDDD;
    padding: 5px 0;
    text-align: left;
    width: 121px;}

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 {margin: 0; font-weight: bold; text-align: left; float: left} 

div.cwSLVehicle div.cwSLPrice {}

/* VEHICLE DETAILS LINK */
div.cwSLVehicleLink {
    bottom: 20px;
    margin: 0;
    position: absolute;
    right: 104px;
    width: 160px;
    z-index: 100000;}
div.cwSLVehicleLink a { background: url("../images/stocklist/view-details.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 42px;
    line-height: 39px;
    text-align: left;
    text-indent: 30px;
    width: 160px;}
div.cwSLVehicleLink a:hover {background-position: 0 bottom}

/* VEHICLE IMAGE POPUP */
div.cwSLVehicle div.cwSLVehicleDetails .imgshow {display: none; position: absolute;	top: 0px; left: 226px; z-index: 100; padding: 5px;}
div.cwSLVehicle div.cwSLVehicleDetails .imgshow img {background: #000000; float: left; margin: 5px 0 0 5px;}
div.cwSLVehicle div.cwSLVehicleDetails .imgshow span {display: none;	margin: 0 0 5px 5px;padding: 5px;width: 340px;background: #777777;	color: #ffffff;	font-size: 14px; float: left;}

/* FINANCE AVAILABLE, VIDEO AVAILABLE ETC */
div.SLMoreImagesAvailable,
div.SLVideoAvailable,
div.SLFinanceAvailable	{float: left; margin: 4px 0 0 8px; display: none}

div.SLMoreImagesAvailable,
div.SLMoreImagesAvailable a,
div.SLVideoAvailable,
div.SLVideoAvailable a,
div.SLFinanceAvailable,
div.SLFinanceAvailable a {width: 48px; height: 37px; line-height: 37px; text-transform: capitalize}

div.SLMoreImagesAvailable a,
div.SLVideoAvailable a,
div.SLFinanceAvailable a {display: block; color: #fff; background-position: 0 0; background-repeat: no-repeat}

div.SLMoreImagesAvailable a:hover,
div.SLVideoAvailable a:hover,
div.SLFinanceAvailable a:hover {color: #fff}

div.SLMoreImagesAvailable a	 {background-image: url(../../images/icon-photos-light.gif)}
div.SLVideoAvailable a 		 {background-image: url(../../images/icon-video-light.gif)}
div.SLFinanceAvailable a 	 {background-image: url(../../images/icon-finance-light.gif)}


div.SLMoreImagesAvailable a span,
div.SLVideoAvailable a span,
div.SLFinanceAvailable a span {position: relative; top: -28px; left: 5px; background: url(../../images/slToolTip.gif) 0 0 no-repeat; display: block; color: #000; height: 23px; line-height: 23px; padding: 0 0 5px 0; width: 150px; text-indent: 10px}

/* VEHICLE FEATURES */
ul.cwSLFeatures {margin: 20px 0; padding: 15px 0 0 0; width: 100%; clear: both; overflow: hidden}
ul.cwSLFeatures li {background: url("../../images/stocklist/feature-bullet.png") no-repeat scroll 0 0 transparent;
    float: left;
    list-style: none outside none;
    margin: 0 10px;
    padding: 0 0 5px 14px;
    width: 28%;}

/* OTHER INFO */
div.SLOtherInfo {margin: 10px; text-align: justify; float:left; font-size:11px; line-height:15px}


.SLWasPrice {text-decoration: line-through; color: #999}

/*headers*/
#stock-container h1
{
	color: #000000;
    font-size: 23px;
    font-weight: lighter;
    height: 25px;
    line-height: 46px;
    margin-bottom: 6px;
    margin-top: 12px;
    width: 993px;
}

#stock-container h1 span
{
}



/* ____________________________ PAGING BAR __________________________________ */

div.SLPagingBar {
float: left;
    font-size: 12px;
    margin: 20px 15px 14px 0px;
    width: 960px;
}
		

div.SLPagingBar ul {
	width: 100%;
	list-style: none;
	height: 24px;
	margin: 0;
	padding: 0
}


div.SLPagingBar ul li {
	float: left;
	display: block;
	margin: 0 2px 0 0;
	padding: 0;
	background: none
}

div.SLPagingBar ul li a,
div.SLPagingBar ul li.SLPNC {
	display: block;
	float: left;
	height: 34px;
	background: url(../img/sl-page.png) 0 0 no-repeat;
	padding: 0px;
	width: 43px;
	text-align: center;
	color: #fff;
	line-height: 34px;
	text-decoration: none;
	margin: 0 2px 0 0;
}


div.SLPagingBar ul li.SLPrev a {
		background: url("../img/sl-prev.png") no-repeat scroll 0 0 transparent;
    text-align: left;
    text-indent: 41px;
    width: 142px;
}

div.SLPagingBar ul li.SLNext a {
		 background: url("../img/sl-next.png") no-repeat scroll 0 0 transparent;
    text-align: left;
    text-indent: 32px;
    width: 142px;
}


div.SLPagingBar ul li a:hover {
	background-position: 0 bottom
}

	
div.SLPagingBar ul li.SLPNC {
	font-weight: bold;
	background: url(../img/sl-page.png) 0 bottom no-repeat;
}



div.SLPagingBar p {
	width: 100%;
	display: block;
	padding: 24px 0 0 0;
}





/* ____________________________ NO STOCK __________________________________ */
.SLNoStock {font-size:20pt; text-align:center; color:#000000; text-decoration:none;}


/* ___________________________ GOOGLE MAP __________________________________ */
div#map iframe, div#map2 iframe { height: 603px;margin: 35px 0 0 30px; width: 507px;}
div#map{height: 603px;float:left; width: 507px;}


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






/* _________________________ stocklist form _________________________________ */


#stocklistform {
    background: url("../img/stocklistformbg.png") no-repeat scroll 0 0 transparent;
    height: 112px;
    margin: 35px 0 10px;
    padding: 14px 20px 20px;
    width: 953px;
}



#stocklistform li {
    float: left;
    height: 44px;
    list-style-type: none;
    margin-bottom: 12px;
    margin-right: 26px;
    width: 167px;
}

#stocklistform ul
{
   width: 900px;
	
}

#stocklistform fieldset legend
{
	display:none;
}

#stocklistform select {
    background: url("../images/dropdownbg.jpg") repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    color: #A5A5A5;
    font-size: 11px;
    margin-bottom: 17px;
    margin-top: 5px;
    padding: 4px;
    vertical-align: middle;
    width: 156px;
}

#stocklistform label
{
	color:#ffffff;
	margin-bottom:5px;
	font-size:13px;
}

#stocklistform input {
    background: url("../img/view-details.png") no-repeat scroll 0 -42px transparent;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    height: 42px;
    line-height: 34px;
    margin-left: 0;
    margin-top: 11px;
    text-align: center;
    width: 160px;
}

#stocklistform input:hover
{
    background: url("../img/view-details.png") no-repeat scroll 0 -42px transparent;

}

#stocklistform option
{
	
}

/* _________________________ stocklist form enf_________________________________ */

/* _________________________ breadcrumb_________________________________ */


.breadcrumb
{
	background: url("../images/stocklist/stocklistbreadcrumbbg.png") repeat scroll 0 0 transparent;
    border-bottom: 30px solid #AAAAAA;
    height: 30px;
}

.breadcrumb div
{
	width:993px;
	margin:0 auto;
}

.breadcrumb h1
{
	font-size:20px;
	color:#ffffff;
	padding-top:30px;
}

.breadcrumb-inner
{
	width:993px;
	margin:0 auto;
	position:relative;
}

.breadcrumb-inner p
{
  color: #333333;
    font-size: 12px;
    left: 0;
    position: absolute;
    top: 39px;
	
}

.breadcrumb-inner a
{
	color:#fff;
}

.breadcrumb-inner a:hover
{
	text-decoration:underline;
}


.SLNoStock p
{
	font-size: 23px;
	font-weight:lighter;
	float:left;
	margin-top:20px;
}