/* CSS Doc for Gary Watson Motor Co */
					
body						{ font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: url(images/body-bg.jpg) center top repeat-x #000000; }

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

#wrapper2					{ width: 992px; height: auto; float: left; background: url(images/wrapper2-bg.jpg) center top no-repeat #1a1a1a; padding-bottom: 10px; }

#header						{ width: 992px; height: 240px; float: left; position: relative; }

#randomheader				{ width: 972px; height: 240px; background: #030303; position: absolute; top: 0; left: 10px; z-index: 5; }
p#address					{ font-size: 12px; text-transform: uppercase; font-weight: bold; color: #ffffff; position: absolute; top: 8px; right: 20px; text-align: right; z-index: 10; margin: 0; padding: 0; }

p#phone						{ font-size: 50px; font-weight: bold; color: #ffffff; position: absolute; bottom: 18px; right: 30px; z-index: 10; margin: 0; padding: 0; }
html>/**/body p#phone		{ bottom: 5px; }

#topnav						{ width: auto; height: 35px; float: left; margin: 175px 0 0 10px; width: 972px; height: 50px; background: url(images/topnav-bg.jpg) center top no-repeat; position: relative; }
#topnav ul					{ list-style: none; margin: 0 0 0 30px; 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 22px; height: 50px; line-height: 50px; color: #ffffff; float: left; position: relative; overflow: hidden; }
#topnav li a:hover			{ text-decoration: none; color: #cccccc; }
#topnav li#HO a				{ text-indent: -9999px; overflow: hidden; background: url(images/home-link.gif) center top no-repeat; }
#topnav li#HO a:hover		{ background: url(images/home-link.gif) center bottom no-repeat; }

#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: 5px;
} 
  
#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: 2px solid #ffffff;
bottom: 5px;
} 


#main						{ width: 972px; height: auto; float: left; min-height: 435px; background: url(images/main-bg.jpg) bottom center no-repeat #101010; margin-left: 10px; margin-bottom: 10px; }
/* for Internet Explorer */
/*\*/
* html #main {
height: 435px;
}
/**/

#leftcol					{ width: 722px; height: auto; float: left; margin: 5px 0 0 10px; background: url(images/leftcol-bg.jpg) center top no-repeat #040404; min-height: 420px; margin-bottom: 10px; }
/* for Internet Explorer */
/*\*/
* html #leftcol {
height: 420px;
}
/**/

#rightcol					{ width: 220px; height: auto; float: right; margin: 5px 10px 0 0; background: url(images/rightcol-bg.jpg) center top no-repeat #aa0404; min-height: 420px; margin-bottom: 10px; }
/* for Internet Explorer */
/*\*/
* html #rightcol {
height: 420px;
}
/**/

#footer						{ width: 992px; height: 130px; float: left; }
#footer ul					{ list-style: none; margin: 20px 0 10px 20px; padding: 0; float: left; }
#footer li					{ float: left; text-align: center; }
#footer li a				{ text-decoration: none; display: block; background: url(images/shim.gif); color: #ffffff; font-weight: bold; font-size: 12px; padding: 4px 5px; border-bottom: 1px solid #cc0000; }
#footer li a:hover			{ text-decoration: none; color: #cccccc; border-bottom: 1px solid #ffffff; background: url(images/foot-bg_menu.gif) bottom center no-repeat; }

#footerdetails				{ font-size: 12px; color: #cccccc; float: left; margin: 0 0 0 20px; }
#footertag					{ font-size: 12px; font-weight: bold; float: left; color: #cc0000; margin: 0 0 10px 20px; }

#ukw						{ color: #999999; font-size: 12px; float: right; font-weight: bold; margin: 20px 20px 10px 0; }
#ukw a						{ color: #cc0000; text-decoration: none; cursor: pointer; }
#ukw a:hover				{ color: #ffffff; text-decoration: none; }

#imtran						{ width: 972px; height: 175px; position: absolute; top: 240px; left: 10px; background: #101010; }


h1							{ font-size: 16px; color: #ffffff; margin: 30px 30px 10px 30px; background: url(images/h1-bg.gif) center bottom no-repeat; }

p.normP						{ color: #666666; font-size: 11px; margin: 10px 30px; text-align: justify; }

.clear						{ clear: both; }

#quicksearch				{ width: 180px; height: auto; margin: 0 auto; }
#quicksearch h4				{ font-size: 16px; color: #ffffff; margin: 30px 0 0 0; background: url(images/quicksearch-h4-bg.gif) center bottom no-repeat; }

#logos						{ margin: 0 auto; }
html>/**/body #logos		{ margin-top: 10px; }

.alignright					{ float: right; }

#map						{ width: 345px; height: 320px; float: left; margin-left: 30px; border: 1px solid #ffffff; }

#hourswrap					{ float: right; margin-right: 30px; width: 300px; height: 320px; }

#STO #main					{ padding-bottom: 10px; }

#hp-forecourt				{ margin: 10px 0 0 30px; border: 10px solid #ffffff; width: 650px; height: 250px; background: url(images/homepage-forecourt-pic.jpg) center top no-repeat; }
#hp-forecourt iframe		{ width: 630px; height: 230px; margin: 10px; visibility: hidden; }
html>/**/body #hp-forecourt iframe { visibility: visible; }

#VDwrap						{ width: 647px; height: auto; margin: 0 auto; }

.normLink					{ font-size: 12px; text-decoration: none; border-bottom: 1px dashed #cc0000; color: #666666; }
.normLink:hover				{ text-decoration: none; border-bottom: 1px solid #ffffff; color: #cccccc; }


		/* Rightcol adjustments */
		
#VEH #rightcol				{ height: 590px; }
#SEL #rightcol				{ height: 544px; }
#FIN #rightcol				{ height: 1255px; }

.goright {
	float: right;
	margin: 0 20px 0 0;
}

.goleft {
	float: left;
	margin: 0 0 0 20px;
}



.vdfinancelinkcontainer{
	float:right;
	width:50%;
	margin-top:5px;
	}

	
.vdpricecontainer{
	float:left;
	width:50%;
	}
	
.vdfinancelink {
	width: 175px;
	height: 43px;
	display: block;
	text-decoration: none;
	text-align: center;
	color: #cc0000;
	font-size:14px;
	background: url(images/financelink.jpg) no-repeat left top;
	padding: 12px 0 0 0;

}
a:hover.vdfinancelink {
	background: url(images/financelink.jpg) no-repeat left bottom;
	color: #ffffff;
}


.SLLgButtonContactUs1 	{font-size:10pt; color:#FFFFFF; background-color:#000000; font-weight:bold; text-align:center; height: 25px; border: 1px solid #cc0000; width: 115px; }
.SLLgButtonContactUs3 	{font-size:10pt; color:#FFFFFF; background-color:#000000; font-weight:bold; text-align:center; height: 25px; border: 1px solid #cc0000; width: 55px; }
.slraclogo{
	background: url(images/logos/small-rac-logo.jpg) no-repeat right top;
	height:32px;
	}