/* Global CSS for Bob Davies */
						
						/** General Styles **/
						
*						{ padding: 0; margin: 0; }

img						{ border: none; }

.clear					{ clear: both; }

body					{ background: url(../images/body-bg.jpg) center top repeat-x #990134; font-family: Verdana, Geneva, sans-serif; }

div#wrapper				{ width: 992px; height: auto; margin: 0 auto; } 

						/** Header Styles **/
						
div#header				{ width: 992px; height: 190px; float: left; }

div#logophone			{ width: 425px; height: 190px; float: left; background: url(../images/toplogo.jpg) center top no-repeat; }
div#logophone p			{ width: 425px; height: 30px; text-align: center; margin-top: 160px; color: #ffffff; font-size: 18px; }

div#smalltranwrap		{ width: 567px; height: 190px; float: right; background: url(../images/small-imtran-bg.jpg) center top no-repeat; }

div#smalltran			{ width: 466px; height: 135px; position: relative; overflow: hidden; margin: 25px 0 0 71px; padding: 0; }

ul#smalltranContent		{ width: 466px; height: 135px; position: absolute;	top: 0;	left: 0; list-style: none; margin: 0; padding: 0; z-index: 50!important; }

ul#smalltranContent img	{ z-index: 50!important; }

li.smalltranImage 		{ float: left; position: relative; display: none; z-index: 50!important; }

li.smalltranImage span 	{ position: absolute; height: 60px; width: 776px; background: url(../images/slider1Image-span-bg.png) center top no-repeat; color: #fff; display: none; }
.clear 					{ clear: both; }

span.top 				{ top: 0; left: 0; display: none; visibility: hidden; }

						/** Navigation & Transition **/
						
div#navtran				{ width: 992px; height: 330px; float: left; background: url(../images/navtran-bg.jpg) center top no-repeat; position: relative; }
div#justnav				{ width: 992px; height: 45px; float: left; background: url(../images/justnav-bg.jpg) center top no-repeat; position: relative; }

ul#topnav				{ width: auto; height: 45px; list-style: none; float: left; margin-left: 10px; }
ul#topnav li			{ float: left; margin: 10px 3px 0 0; }
ul#topnav li a			{ font-size: 11px; font-weight: bold; float: left; color: #333333; height: 25px; line-height: 25px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; text-decoration: none; display: block; text-align: center }
ul#topnav li a:hover	{ text-decoration: none; }

ul#topnav li#HO a		{ width: 62px; background: url(../images/nav/home.jpg) center top no-repeat; }
ul#topnav li#VS a		{ width: 87px; background: url(../images/nav/cars.jpg) center top no-repeat; }
ul#topnav li#GA	a		{ width: 99px; background: url(../images/nav/gallery.jpg) center top no-repeat; }
ul#topnav li#AU	a		{ width: 99px; background: url(../images/nav/company.jpg) center top no-repeat; }
ul#topnav li#LO	a		{ width: 99px; background: url(../images/nav/location.jpg) center top no-repeat; }
ul#topnav li#WA	a		{ width: 186px; background: url(../images/nav/warranty-aftersales.jpg) center top no-repeat; }
ul#topnav li#FI	a		{ width: 89px; background: url(../images/nav/finance.jpg) center top no-repeat; }
ul#topnav li#OH	a		{ width: 131px; background: url(../images/nav/hours.jpg) center top no-repeat; }
ul#topnav li#CU	a		{ width: 93px; background: url(../images/nav/contactus.jpg) center top no-repeat; }

ul#topnav li#HO a:hover, ul#topnav li#VS a:hover, ul#topnav li#GA a:hover, ul#topnav li#AU a:hover, ul#topnav li#LO a:hover, ul#topnav li#WA a:hover, ul#topnav li#FI a:hover, ul#topnav li#OH a:hover, ul#topnav li#CU a:hover					
						{ background-position: bottom; color: #ffffff; }
						
#HOM ul#topnav li#HO a, #SAL ul#topnav li#VS a, #GAL ul#topnav li#GA a, #VDP ul#topnav li#VS a, #ABO ul#topnav li#AU a, #LOC ul#topnav li#LO a, #WAR ul#topnav li#WA a, #FIN ul#topnav li#FI a, #OPE ul#topnav li#OH a, #CON ul#topnav li#CU a
						{ background-position: bottom; color: #ffffff; cursor: default; }


ul#bigbuttons			{ position: absolute; right: 30px; top: 65px; width: 240px; height: auto; z-index: 300; list-style: none; }
ul#bigbuttons li		{ width: 240px; height: 89px; margin-bottom: 20px; }
ul#bigbuttons li a		{ width: 240px; height: 89px; line-height: 89px; display: block; font-family: Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; color: #ffffff; font-size: 18px; background: url(../images/big-button-bgs.png) center top no-repeat; text-align: center; float: left; }
ul#bigbuttons li a:hover{ background-position: bottom; }

div#imtranwrap			{ width: 972px; height: 275px; float: left; margin-left: 10px; display: inline; background: url(../images/maintran-bg.jpg) center top no-repeat; }

div#imtran				{ width: 972px; height: 275px; position: relative; overflow: hidden; margin: 0; padding: 0; }

ul#imtranContent		{ width: 972px; height: 275px; position: absolute;	top: 0;	left: 0; list-style: none; margin: 0; padding: 0; z-index: 50!important; }

ul#imtranContent img	{ z-index: 50!important; }

li.imtranImage 			{ float: left; position: relative; display: none; z-index: 50!important; }

li.imtranImage span 	{ position: absolute; height: 60px; width: 776px; background: url(../images/slider1Image-span-bg.png) center top no-repeat; color: #fff; display: none; }

						/** Main Content Styles **/
						
div#main				{ width: 992px; height: auto; float: left; margin-top: 10px; }

div#content-top			{ width: 992px; height: 10px; float: left; background: url(../images/content-top-bg.jpg) center bottom no-repeat #ffffff; }
div#content-mid			{ width: 992px; height: auto; background: #ffffff; min-height: 480px; overflow: hidden; }

div#content-bot			{ width: 992px; height: 10px; float: left; background: url(../images/content-bot-bg.jpg) center bottom no-repeat #ffffff; }

div#smlcontentcol		{ width: 424px; float: left; }

div#rightcol			{ width: 239px; height: 370px; float: right; display: inline; margin-right: 10px; background: url(../images/rightcol-bg.jpg) center top no-repeat; }
div#rightcolsmall		{ width: 239px; height: 170px; float: right; display: inline; margin-right: 10px; background: url(../images/rightcol-bg-small.jpg) center top no-repeat; }

div#postits				{ width: 315px; height: 370px; float: left; background: url(../images/postits.jpg) center top no-repeat; }

h1						{ font-size: 28px; color: #000000; font-style: italic; font-weight: normal; margin: 15px 45px 10px 45px;  } /* Temp Styles, will be a Cufon */

h2						{ font-size: 18px; margin: 35px 45px 10px 45px; color: #990134; }

#HOM h1					{ width: 380px; margin-right: 0; }

#VDP h1					{ width: 450px; float: left; }

p.normP					{ font-size: 11px; color: #333333; text-align: justify; margin: 10px 45px 5px 45px; }

p.normP a				{ font-weight: bold; color: #990134; text-decoration: none; }
p.normP a:hover			{ text-decoration: none; color: #666666; }

#HOM p.normP			{ margin-right: 0; }

p.closerightP			{ font-size: 11px; color: #333333; text-align: justify; margin: 10px 0 5px 45px; width: 365px; display: inline; }

img#hplogos				{ margin: 5px 0 0 75px; display: inline; }

p#browsetitle			{ font-size: 18px; color: #333333; margin: 20px; font-style: italic; }

						/** Footer Styles **/
						
div#footer				{ height: 160px; width: 992px; float: left; margin-top: 10px; }

div#footermarquee		{ width: 992px; height: 70px; float: left; background: url(../images/footer-marquee-bg.jpg) left top no-repeat; position: relative; overflow: hidden; }

ul#botnav				{ width: auto; height: 12px; list-style: none; float: left; margin-left: 5px; }
ul#botnav li			{ float: left; margin: 10px 0 0 0; border-right: 1px solid #fede0d; height: 12px; }
ul#botnav li a			{ font-size: 11px; float: left; color: #ffffff; height: 12px; line-height: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; padding: 0 5px; display: block; float: left; }
ul#botnav li a:hover	{ text-decoration: none; color: #cccccc; }
ul#botnav li.end		{ border-right: none; }

div#ukw					{ float: right; font-size: 11px; color: #999999; height: 12px; margin: 10px 10px 0 0; font-family: Arial, Helvetica, sans-serif; }
div#ukw a				{ background: url(../images/globe.png) right no-repeat; color: #ffffff; text-decoration: none; cursor:pointer; padding: 0 15px 0 0;}
div#ukw a:hover			{ text-decoration: none; }

p#footaddy				{ color: #ffffff; font-size: 14px; margin: 5px 0 0 10px; float: left; width: 800px; border-top: 1px dashed #7a032b; padding-top: 5px; }

p#foottxt				{ color: #999999; font-size: 10px; margin: 5px 0 0 10px; float: left; width: 992px; }

						/** Footer Slider **/
#footermarquee img		{ position: absolute; margin: 0; height: 50px; display: none; top: 10px; }
#imageloader 			{ position: relative; display: block; width: 100%; margin: 0px auto; text-align: center; display: none; }
#imageloader img 		{ position: relative; top: 70px; z-index: 100; width: 128px; height: 15px; display:inline;}		

#twocolwrap				{ width: 703px; height: auto; float: left; }

div#map					{ width: 912px; height: 500px; float: left; margin: 20px 37px; border: 3px solid #333333; }
div#map iframe 			{ width: 912px; height: 500px; }



/******************************************************************************/
/****** STYLES FOR STOCK LIST DISPLAY   ********/
/******************************************************************************/

div.cwSLVehicle {
background: url(../images/stock-bg.jpg) top no-repeat; color: #000000; padding: 0;	margin: 0 0 20px 0;	border: none; font-size:12px; width: 912px; height: 300px; position:relative; z-index:999;}

.SLthumbimage { display: block; background: url(../images/blank.gif) repeat;}

div.cwSLVehicle img{
display: block; border:none; position:absolute; top: 55px; left: 15px; background: url(../images/blank.gif) repeat; z-index: 1000;}

div.cwSLVehicleDetails div {
    float: right;
	height: 25px;
    text-align: center;
	line-height: 25px;
    width: 120px;
	}

div.cwSLVehicle div.cwSLVehicleDetails {
	float:left;
 	margin: 0 0 0 320px;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 591px;
	height: 225px;}

div.cwSLVehicle h3{	
font-family: Arial;
color:#ffffff; 
font-weight:bold; 
font-size: 20px; 
display:block; 
float: left; 
margin: 15px 0 10px 40px; 
text-align:left;	
padding-top:0;}

div.cwSLVehicle .cwSLRegYearLetter,
div.cwSLVehicle .cwSLMileage,
div.cwSLVehicle .cwSLTransmission,
div.cwSLVehicle .cwSLDoors, 
div.cwSLVehicle .cwSLBodyType, 
div.cwSLVehicle .cwSLColour,
div.cwSLVehicle .cwSLFuelType {
    color: #ffffff;
    float: right;
    font-weight: normal;
    height: 40px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    width: 110px;
	font-size: 12px;
	padding-right: 4px;
	}
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	{    
    color: #ffffff;
    float: right;
    font-weight: bold;
	height: 16px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    width: 110px;
	font-size: 12px;
	padding-right: 4px;
	}
	
div.cwSLVehicle div.cwSLPrice{	border-left: solid 1px #000000;	padding:2px;	}
div.cwSLVehicle div.cwSLVehicleDetails .imgshow {display: none; position: absolute;	top: 0px; left: 195px; z-index: 100; padding: 5px;	background: #999999;}
div.cwSLVehicle div.cwSLVehicleDetails .imgshow img {background: #000000;	float: left;margin: 5px 0 0 5px;}
div.cwSLVehicle div.cwSLVehicleDetails .imgshow span {display: block;	margin: 0 0 5px 5px;padding: 5px;width: 340px;background: #777777;	color: #ffffff;	font-size: 14px;	float: left;}



.SLPriceHeader {
    color: #ffffff;
    display: block;
    float: right;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    right: 30px;
    top: 15px;
	text-align: right;}
	
.SLWasPrice{
    color: #ffffff;
    display: block;
    float: left;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
	text-align: left;
	text-decoration:line-through;
	margin: 2px 0 0 0}
	
.cwSLFeatures {
position: absolute;
float: left;
margin: 40px 0 0 30px;
width: 580px;
height: 100px;
clear: both;
overflow: hidden;
list-style:none;
}
	
.cwSLFeatures li{
background: url(../images/feature-bullet.jpg) left no-repeat;
float:left;
padding: 0 10px 2px 20px;
width: 260px;
height: 15px;
font-size: 12px;
color: #ffffff;}	

.SLOtherInfo{
background: #efefef;
position: absolute;
top: 198px;
margin: 0 0 0 20px;
padding: 5px;
width: 550px !important;

text-align: left !important;
color: #282828;
font-size: 13px !important;}

.SLLgEnginesizeunits {display: none;}

.cwSLVehicleLink {
display:block !important;
position: absolute;
right: 10px;
bottom: 10px;
width: 250px !important;
height: 30px !important;
border: none;

}
.cwSLVehicleLink a{

text-transform:uppercase;
display:block !important;
width: 250px !important;
height: 30px !important;
line-height: 29px !important;
border: none;
background: url(../images/moreinfo-btn.jpg) top no-repeat;
color: #ffffff;
text-decoration: none;
}

.cwSLVehicleLink a:hover{
height: 30px !important;
color: #ffffff;
background-position: center -30px;
}


/******************************************************************************/
/****** STYLES FOR THE PAGING BAR ON ALL STOCK LIST DISPLAYS ******************/
/******************************************************************************/

		div.SLPagingBar {
			width: 700px;
			margin: 20px 0 20px 0x;
		}
		
		div.SLPagingBar ul {
			width: 100%;
			height: 30px;
			list-style: none;
			padding: 0 5px 0 0;
			margin: 0 0 10px 0;
		}
		
		div.SLPagingBar ul li {
			display: block;
			margin: 0 5px 0 0;
			float: left;
			padding: 0 !important;
		}
		
		div.SLPagingBar ul li a {
			display: inline-block;
			height: 30px;
			width: 30px;
			background: url(../images/slpage-btn.jpg) top no-repeat;
			color: #ffffff;
			font: 12px "Verdana", sans-serif;
			font-weight: bold;
			text-decoration: none;
			line-height: 30px;
			text-align: center;
		}
		div.SLPagingBar ul li a:hover {
			background: url(../images/slpage-btn.jpg) bottom no-repeat;
			color: #ffffff;
			
		}
		
		
		div.SLPagingBar ul li.SLPNC {
			display: inline-block;
			height: 30px;
			width: 30px;
			background: url(../images/slpage-btnactive.jpg) top no-repeat;
			color: #ffffff;
			font: 12px "Verdana", sans-serif;
			font-weight: bold;
			text-decoration: none;
			line-height: 30px;
			text-align: center;
			padding: 0 !important;
		}
		div.SLPagingBar ul li.SLPrev a {
			display: inline-block;
			height: 30px;
			width: 120px;
			background: url(../images/slnav-btn.jpg) top no-repeat ;
			color: #ffffff;
			font: 12px "Verdana", sans-serif;
			font-weight: bold;
			text-decoration: none;
			line-height: 30px;
			text-align: center;
		}
		div.SLPagingBar ul li.SLPrev a:hover {
			background: url(../images/slnav-btn.jpg) bottom no-repeat;
			color: #ffffff;
		}
		div.SLPagingBar ul li.SLNext a {
			display: inline-block;
			height: 30px;
			width: 120px;
			background: url(../images/slnav-btn.jpg) top no-repeat;
			color: #ffffff;
			font: 12px "Verdana", sans-serif;
			font-weight: bold;
			text-decoration: none;
			line-height: 30px;
			text-align: center;
		}
		div.SLPagingBar ul li.SLNext a:hover {
			background: url(../images/slnav-btn.jpg) bottom no-repeat;
			color: #ffffff;
		}
		
		.SLPageXofX{
		color: #000000;
		font-size: 12px;
		margin: 10px 0 0 0;
		}

#HOM div#content-mid {
	background: url(../images/new-bg.jpg) no-repeat bottom left #fff;
}
div#content-mid {
	background: #fff;
}

img#hplogos {
	display: none;
}

div#postits {
	display: none;
}
#wrapper {
	position: relative;
}


/******************* EASTER POP UP ******************/


#easterpopup {
	display: none;
	width: 350px;
	height: 80px;
	padding: 10px;
	background: url('../images/easterpopup.png') no-repeat 0 0;
	position: absolute;
	left: 20px;
	font: 12px "Arial";
	top: 240px;
	z-index: 99999;
}

a#close1 {
	display: block;
	position: absolute;
	right: 12px;
	top: 12px;
	width: 50px;
	height: 20px;
	line-height: 20px;
	z-index: 9999;
	color: #ffffff;
	text-align:center;
	text-decoration: none;
}
a#close1:hover {
color: #fede0d;
}
#easterpopup p {
margin: 8px 0 0 0;
text-align:center;
color:#FFFFFF;
}

/******************* REGULAR POP UP ******************/

#popupbanner {
	display: none;
	width: 350px;
	height: 130px;
	padding: 10px;
	background: url('../images/hours2.png') no-repeat 0 0;
	position: absolute;
	left: 20px;
	font: 12px "Arial";
	top: 350px;
	z-index: 99999;
}
a#close2 {
	display: block;
	position: absolute;
	right: 12px;
	top: 12px;
	width: 50px;
	height: 20px;
	line-height: 20px;
	z-index: 9999;
	color: #990134;
	text-align:center;
	text-decoration: none;
}
a#close2:hover {
color: #000000;
}
#popupbanner strong {
	float: left;
	width: 50%;
	display: block
}
#popupbanner span {
	float: right;
	width: 50%;
	display: block;
}
#popupbanner img {
	position: absolute;
	left: 13px;
	top: 13px;
}
#popupbanner .hourstable {display: none;}

#popupbanner a {color: #990134; margin: 0 0 2px 0;}
#popupbanner a:hover {color: #000000;}
#popupbanner p.opening {color: #990134; font-weight: bold; text-align:center; margin: 2px 0 0 0;}
#popupbanner ul {list-style:none; margin: 0px 0 4px 50px;}
#popupbanner li {width: 280px; font-weight:bold; font-size: 11px;}
#popupbanner li span {font-weight:normal;}
#popupbanner .hours1 {height:63px; overflow:hidden; }
#popupbanner .hourstext {text-align:center; font-size: 10px;}