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

#topnav						{ width: 992px; height: 58px; line-height: 58px; float: left; margin: 293px 0 0 0; position: relative; background: url(images/nav-bg.jpg) center top no-repeat; }
#topnav ul					{ list-style: none; margin: 0 0 0 18px; padding: 0; }
#topnav li					{ float: left; }
#topnav li a				{ text-decoration: none; display: block; z-index: 10; font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 0 33px; height: 56px; line-height: 56px; color: #ffffff; float: left; position: relative; overflow: hidden; }
#topnav li a:hover			{ text-decoration: none; color: #cccccc; }

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

#topnav li.background 	{ 
	background: url(images/bg_menu_right.png) no-repeat top right !important; 
	background: url(images/bg_menu_right.gif) no-repeat top right; 
	z-index: 8; 
	position: absolute; 
	visibility: hidden;
	bottom: 7px;
} 
  
#topnav .background .left { 
	background: url(images/bg_menu.png) no-repeat bottom center !important; 
	background: url(images/bg_menu.gif) no-repeat bottom center; 
	height: 50px; 
	/*margin-right: 9px; /* 7px is the width of the rounded shape */ 
	border-bottom: 3px solid #ffffff;
	bottom: 7px;
} 

#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;  }

/* 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: 514px; overflow: hidden }
body#HOM #mainmid #right-col 		{ float: right; width: 450px; 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: 250px; height: 37px; position: absolute; top: 0; right: 8px; text-align: right; padding-right: 10px; font-size: 28px; color: #333333; background: url(images/bigtel-bg.jpg) center top no-repeat; }

#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; }

#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: #000000; }
#imtran .hero {
	display: block;
	text-indent: -5000px;
	width: 200px;
	height: 100px;
	position: absolute;
	top: 5px;
	right: 5px;
	background: url(images/help-for-heroes.jpg) no-repeat left top;
	z-index: 1000;
}
#imtran a:hover.hero {
	
}

#stocksearch				{ position: absolute; top: 95px; left: 40px; z-index: 200; 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#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: 770px; 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: 10px 25px;
	width: 919px;
	height: 35px;
	background: url(images/scroller-back.jpg) no-repeat 0 0;
	color: #000066!important
}


div.demo marquee p{
	margin: 0px;
	padding: 0px;
	display: block;
	white-space: nowrap;
	height: 30px;
	line-height: 30px;
	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 10px 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;
}