body, html { background: url(../images/design-bg-dark.jpg) 0 0 repeat-x #111111; font-family: Arial, Helvetica, sans-serif}

*							{ margin: 0; padding: 0;}

.clear				{ clear:both}

#main-wrap		{ width:962px; margin: 0 auto}

h1				{ font-size: 20px; font-weight:bold; color:#FFF;}

em				{ font-size: 18px; color:#0099FF; font-style:normal}

.normP			{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; color:#FFF; margin-top: 10px; line-height:17px}

a.normA			{ color:#0099FF; text-decoration:none }

a.normA:hover		{ text-decoration:underline }

/** HEADER STYLES  **/


#header			{ width:962px; height: 152px; background: url(../images/header-bg.jpg) center no-repeat; position:relative}

a#logo			{ background: url(../images/logo.jpg) center top no-repeat; width: 678px; height:89px; display:block; position:absolute; top: 31px; left: 15px}

a#logo:hover			{ background: url(../images/logo.jpg) center bottom no-repeat; display:block}

#top-tel			{ font-size:20px; color:#FFF; float:right; text-transform:uppercase; text-align:right; width:180px; height: 90px; margin: 40px 20px 0 0}

.light-blue			{ color:#0099FF}

/** HEADER STYLES END **/


#vehicle-wrap		{ width:800px; margin: 0 auto; padding-top: 30px}


/** TOP NAV STYLES **/


ul#topnav			{ width: 962px; height: 50px; list-style: none; margin: 0 auto; overflow: hidden }

ul#topnav li		{ float: left; }

ul#topnav li a		{ width: auto; height: 50px; line-height: 50px; float: left; font-size: 14px; text-transform: uppercase; color: #ffffff; padding: 0 22px; text-decoration: none; display: block; background: url(../images/shim.gif) repeat; }

ul#topnav li a:hover{ text-decoration: none; color: #0099ff; }

ul#topnav li#SA		{ margin-left: 30px; }

ul#topnav li#HO a		{ width: 56px; height:50px; background: url(../images/home-btn.jpg) center top no-repeat; display:block; padding: 0 }

ul#topnav li#HO a:hover		{ background: url(../images/home-btn.jpg) center bottom no-repeat; display:block }

/** TOP NAV STYLES END **/

/** LEFT COL STYLES **/

#left-col		{ width: 705px; float:left; margin: 0 0 0 0; overflow:hidden}

/** LEFT COL STYLES END **/

/** MAKES SCROLLER STYLES **/
/* outer container */

#makes-scroller		{ width:703px; height: 44px; margin: 15px 0 0 0; float:left; background: url(../images/makes-bg.jpg) center no-repeat; overflow:hidden; position:relative}

/* outer container */
#scrollerContainerlogo{
	width: 600px;
	height:44px;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 150px;
}

/* individual make names, displayed when an image doesn't exist */
#scrollerContainerlogo a {
	line-height: 44px;
	padding: 0 12px;
	text-decoration: none;
	color: #0099FF;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 11px;
	text-transform:uppercase;

}
#scrollerContainerlogo a:hover {
	color: #ffffff;
}
/*individual make images */
#scrollerContainerlogo a img{
}
/** MAKES SCROLLER STYLES END **/




/** RIGHT COL STYLES **/

#right-col		{ width: 235px; float:right; margin: 5px 10px 0 0;}



/** SPY STYLES **/
#spy		{ float:right; height:335px; width:231px;}
/** SPY STYLES END **/

/** CONTACT DETAILS **/
#contact-details	{background: url(../images/contact-bg2.jpg) center no-repeat; width: 230px ; height: 133px ; display:block; overflow:hidden; float:right; margin: 11px 0 0 0}

#contact-details p	{ font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:right; color:#FFF; padding: 15px 10px 0 0; line-height: 17px}
/** CONTACT DETAILS END **/

/** OPENING HOURS  **/
#hours		{ width:230px; height:174px; background: url(../images/hours-bg.jpg) center no-repeat; float:right; display:block; margin: 10px 0 0 0}
/** OPENING HOURS END **/

/** LOCATION STYLES **/
#location	{background: url(../images/location-bg.jpg) center no-repeat; width: 230px ; height: 133px ; display:block; overflow:hidden; float:right; margin: 11px 0 0 0; position:relative}

a#loc-btn	{ background: url(../images/loc-btn.jpg) center top no-repeat; width:122px; height:27px; display:block; position:absolute; left: 5px; bottom: 5px; font-size:12px; font-weight:bold; text-transform:uppercase; text-indent: 15px; color:#FFF; text-decoration:none; line-height: 27px}

a#loc-btn:hover	{ background: url(../images/loc-btn.jpg) center bottom no-repeat; width:122px; height:27px; display:block; position:absolute; left: 5px; bottom: 5px; text-decoration:none;}

/** LOCATION STYLES END **/

/** RIGHT COL STYLES END **/


/** VEHICLE FORM **/

#vehicle-search	{ width: 703px; height: 97px; float:left; margin: 10px 0 0 0}



/** Tabbed Panels **/
#browsetabs				{ width: 700px; height: 90px; float:left;}



.widget 				{ width: 700px; }

.widget a 				{ color: #222; text-decoration: none; }

.widget a:hover 		{ color: #009; text-decoration: underline; }

ul.tabnav				{ height: 36px; width: 700px; overflow:hidden }

.tabnav li 				{ display: inline; list-style: none; height: 61px; float: left; margin-right: 2px; }

html>/**/body .tabnav li{ text-align: center; }
	
.tabnav li a 			{ font-size: 12px; font-family:Arial, Helvetica, sans-serif; text-decoration: none; color: #ffffff; outline: none; height: 36px; display: block; float: left; text-align: left; background: url(../images/browse-tab.jpg) center bottom no-repeat; line-height: 36px; text-indent: 20px; text-transform:uppercase }

.tabnav li a.tab1		{ width: 163px; margin-right: 1px; }
.tabnav li a.tab2		{ width: 163px; margin-right: 1px; }


.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a 
						{ color: #0099FF; text-decoration: none; }
		
.tabdiv 				{ background: url(../images/browse-bg.jpg) bottom repeat-x; height: 61px; width: 700px }

.tabdiv ul				{ list-style: none; width: 700px; height: 40px; }
.tabdiv ul li			{ width: 140px; float:left; margin-top: 10px }
.tabdiv ul li.browsespacer {margin-top: -10px; }
html>/**/body .tabdiv ul li.browsespacer{ display: block; margin-top: 0; }
.tabdiv ul li a			{ background: url(../images/tab-bg.gif) center top no-repeat; font-family:Arial, Helvetica, sans-serif; line-height: 40px; color: #ffffff; text-decoration: none; display: block; text-align: center; width: 140px; font-size: 12px; }
.tabdiv ul li a:hover	{ background-position: bottom; text-decoration: none; color: #ffffff; }


.ui-tabs-hide 			{ display: none; }		


/** VEHICLE FORM END **/


/** CONTENT STYLES **/
#content		{ width:685px; float:left; overflow:hidden; margin: 20px 0 0 0 }
/** CONTENT STYLES END **/


/** FOOTER STYLES **/

#footer-wrap		{ width: 100%; height: 125px; background: url(../images/footer-bg.jpg) center left repeat-x; float:left; margin: 50px 0 0 0}

#footer				{ width:962px; height: 125px; margin: 0 auto}

ul#footer-nav			{ width: 800px; height: 20px; list-style: none; float:left; margin: 20px 0 0 0}

ul#footer-nav li		{ float: left; }

ul#footer-nav li a		{ width: auto; height: 20px; line-height: 20px; float: left; font-size: 11px; text-transform: uppercase; color: #999999; padding: 0 25px 0 0; text-decoration: none; display: block; background: url(../images/shim.gif) repeat; }

ul#footer-nav li a:hover{ text-decoration: none; color: #0099ff; }

#footer .footer-add			{ text-align:left; font-size: 11px; color:#999; width: 790px; float:left; margin-top: 10px}

div#ukw				{ font-size: 11px; float: right; color: #999999; margin: 10px 20px 0 0; display: inline; }
div#ukw a			{ text-decoration: none; font-weight:bold; color:#CCC }
div#ukw a:hover		{ color: #0099FF; text-decoration: none; }



/** FOOTER STYLES END **/