/* CSS Doc for Kingswood Motors */
					
body						{ font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: url(images/body-bg.jpg) center top repeat-x #174c81; }

a 							{ color: #136bc2 }
a:hover 					{ color: #000 }

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

#header						{ width: 992px; height: 250px; float: left; }


.worldcup {
	display: block;
	position: absolute;
	right: 5px;
	top: 110px;
	z-index: 99999;
}

#main						{ width: 992px; float: left; background: url(images/main-bg.jpg) center top repeat-y; position: relative; }
#maintop					{ width: 964px; height: 10px; float: left; margin: 0 0 0 15px; background: url(images/maintop-bg.jpg) center bottom no-repeat; }
#mainmid					{ clear: both;width: 964px; height: auto; float: left; background: #ffffff; margin: 0 0 0 15px; padding-bottom: 15px; }
#mainbot					{ claer: bothwidth: 964px; height: 10px; float: left; margin: 0 0 0 15px; background: url(mainbot-scr-bg.jpg) center top no-repeat;  }

#logos		{ position:absolute; bottom: 20px; left: 25px;}


/* Location and Hours */
#mainmid #left-col 			{ float: left; width: 300px;}
#mainmid #right-col 		{ float: right; width: 664px;}

/* HOMEPAGE */
body#HOM #mainmid #left-col 		{ float: left; width: 710px; overflow: hidden }
body#HOM #mainmid #right-col 		{ float: right; width: 250px; overflow: hidden }

/* FINANCE PAGE */
body#FIN #mainmid #left-col 		{ float: left; width: 314px; overflow: hidden }
body#FIN #mainmid #right-col 		{ float: right; width: 650px; overflow: hidden }

/* WARRANTY PAGE */
body#WAR #mainmid #left-col 		{ float: left; width: 514px; overflow: hidden }
body#WAR #mainmid #right-col 		{ float: right; width: 450px; overflow: hidden }
 
iframe#location-map 				{ margin: 10px 10px 10px 10px; width: 630px; height: 350px; border: 1px solid #000 }

p#bigtel					{ margin: 0; width: 234px; height: 59px; position: absolute; top: 0; right: 23px; text-indent: 70px;  padding-top: 12px; font-size: 24px; font-weight: bold; color: #333333; background: url(images/bigtel-bg.jpg) center top no-repeat; }

body#HOM p#bigtel					{ top: 39px;}


#usedcarscroller			{ clear: both; width: 992px; height: 117px; background: url(images/scroller-bg.jpg) center top no-repeat; margin: 0 0 0 1px; float: left; }
#scrollerCarWrap			{ width: 944px; margin: 33px auto 0 auto; overflow: hidden; }


#footer						{clear: both;  width: 992px; height: 150px; float: left; background: url(images/footer-bg.jpg) center top no-repeat; position: relative }

#footer ul {
	margin: 0;
	padding: 15px 0 0 10px;
}
#footer ul li {
	display: inline;
	margin: 0 6px 0 0;
}
#footer ul li a {
	text-decoration: none;
	color: #cccccc;
}
#footer ul li a:hover {
	color: #ffffff;
}

#ukw						{ text-transform: uppercase; color: #999999; font-size: 11px; font-weight: bold; float: right; margin: 30px 10px 0 0; }
#ukw a						{ color: #cccccc; text-decoration: none; cursor: pointer; }
#ukw a:hover				{ color: #ffffff; text-decoration: none; }

#imtran						{ width: 992px; height: 250px; position: absolute; top: 0; left: 0; z-index: 150; background: url(../images/img-tran-bg) center top no-repeat; }
#imtran .hero {
	display: block;
	text-indent: -5000px;
	width: 200px;
	height: 100px;
	position: absolute;
	top: 0;
	right: 10px;
	background: url(images/help-for-heroes.gif) no-repeat left top;
	z-index: 1000;
}
#imtran a:hover.hero {
	
}

#stocksearch				{ position: absolute; top: 95px; left: 40px; z-index: 99999999; width: 265px; height: 175px; }


#stocksearch h4				{ font-size: 18px; color: #ffffff; margin: 6px 0 0 15px; padding: 0; }

h1							{ font-size: 30px; color: #174c81; margin: 15px 0 5px 25px; }

p.normP						{ font-size: 12px; color: #333333; margin: 15px 25px 5px 25px; text-align: justify; }

p.smallprint				{ text-align:center; font-size:10px; margin-top:10px; margin-bottom:10px; color: #000000; }

p#footaddy					{ font-size: 11px; font-weight: bold; text-transform: uppercase; color: #ffffff; float: left; margin: 0 0 0 10px; }
p#footaddy span				{ font-size: 12px; color: #999999; }

#footerlogos				{width: 855px; height:40px; float:left; margin: 10px 0 0 10px;}

#footlogos					{ float: right; }

#vbmlogo					{ cursor:pointer; float: left}


/* DIRECTIONS */
div#directions 				{ position: relative; z-index: 1; margin: 0 0 0 25px; width: 250px; height: 74px; background: url(images/directions-back.gif) 0 0 no-repeat }
div#directions form label 		{ margin: 0; position: absolute; left: 10px; top: 45px; color: #fff; font-size: 11px; }

div#directions form #dir-search	{ position: absolute; left: 100px; top: 39px; z-index: 2; width: 138px; height: 23px; background: url(images/directions-input.gif) 0 0 no-repeat; margin: 0;}
div#directions form #dir-search input 	{ margin: 2px 0 0 5px; border: 0!important; background: #92abc4!important; width: 105px; height: 18px; color: #fff; font-size: 12px;}
div#directions form #dir-search input.direction-search { position: absolute; right: 2px; top: 0; z-index: 3; width: 23px; height: 21px; cursor: pointer; border: 0!important; background: url(images/directions-btn.gif) 0 0 no-repeat!important}

/* HOME PAGE SCROLLING TEXT */
div.demo {
	margin: -8px 2px;
	width: 960px;
	height: 40px;
	background: url(images/scroller-back.jpg) no-repeat 0 0;
	color: #ffffff!important
}


div.demo marquee p{
	margin: 0px;
	padding: 0px;
	display: block;
	white-space: nowrap;
	height: 40px;
	line-height: 40px;
	width: auto;
}
/* MOOQUEE */
.mooquee
{
	border: solid 2px #C0C0C0;
	padding: 5px;
	
	/* don't change */
    position: absolute;
	overflow: hidden;
	white-space: nowrap;
}
.mooquee-text
{
	/* don't change */
	position: absolute;	
}
#satnav {
	float: right;
	margin: 0px 20px 5px;
	
}
#satnav2 {
	margin: 10px 0 0 30px;
}
h3 {
	margin: 0 0 0 25px;
	padding: 0;
	font-weight: normal;
	font-size: 16px;
}

/* finance button */
.finance {
	display: block;
	width: 288px;
	text-indent: -9999px;
	height: 46px;
	float: left;
	margin: 20px;
	background: url('../images/finance-button.jpg') no-repeat top left;
}

.finance:hover {
	background: url('../images/finance-button.jpg') no-repeat bottom left;
}


#topnav						{ width: 992px; height: 58px; float: left; margin: 293px 0 0 0; position: relative; background: url(images/nav-bg.jpg) center top no-repeat; }



#lavaLampVariableImage {
position: relative;
width: auto;
overflow: hidden;
height: 35px;
list-style: none;
padding: 0;
margin: 0 0 0 40px;
padding-top: 11px;


}
#lavaLampVariableImage li {
float: left;
display:inline;
list-style: none;

}
#lavaLampVariableImage li.backLava {
background: url(../images/nav-slider-right.jpg) no-repeat top right;
width: 25px;
z-index: 5;
position: absolute;
}
#lavaLampVariableImage li.backLava .leftLava {
background: url(../images/nav-slider-bg.jpg) no-repeat top left;
height: 35px;
margin-right:15px;
z-index: 5;
}
#lavaLampVariableImage li.backLava .cornerLava {

height:27px;
width:24px;
position:absolute;
bottom:0px;
right:0px;
display: none;
visibility: hidden;
}
#lavaLampVariableImage li.backLava .bottomLava {

height:27px;
width:100%;
position:absolute;
bottom:0px;
left:0px;
display: none;
visibility: hidden;
}
#lavaLampVariableImage li a { 
font-size: 12px; 
font-family: Arial, Helvetica, sans-serif;
color:#fff;
text-transform:uppercase;
outline: none;
text-align: center;
z-index: 10;
display: block;
float: left;
position: relative;
font-weight: bold;
overflow: hidden;
height: 35px;
line-height: 35px;
text-decoration: none;
cursor: pointer;
padding: 0 21px;
}
#lavaLampVariableImage li a:hover, #lavaLampVariableImage li a:active, #lavaLampVariableImage li a:visited {

border: none;
}


#workshop	{ float:right}


.xmas {
	position: absolute;
	display: block;
	z-index: 99999;
	right: 200px;
	top: 140px;
}

a#locationlink 			{width: 250px; height: 74px; display: block; background: url(../images/find-btn.jpg) top no-repeat; text-indent:-9999px; margin: 0 0 0 25px;}
a#locationlink:hover	{background: url(../images/find-btn.jpg) bottom no-repeat;}
a#contactlink 			{width: 250px; height: 74px; display: block; background: url(../images/contact-btn.jpg) top no-repeat; text-indent:-9999px; margin: 0 0 0 25px;}
a#contactlink:hover		{background: url(../images/contact-btn.jpg) bottom no-repeat;}