/* CSS Document for Influence Cars */
							
							/*** General ***/							
*							{ margin: 0; padding: 0; }

html						{ width: 100%; height: 100%; }

body						{ background: url(../images/body-bg.jpg) repeat-x #181818; font-family: Arial, Helvetica, sans-serif; height: 100%; }

img							{ border: none; }

a,a:active,a:visited,a:focus{ outline: none; }

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

							/*** Header Area ***/
div#header					{ width: 992px; height: 170px; float: left; position: relative; }

a#logo-link					{ width: 385px; height: 99px; display: block; text-indent: -9999px; overflow: hidden; position: absolute; left: 25px; top: 13px; background: url(../images/influence-logo.png) center bottom no-repeat; }
a#logo-link:hover			{ background-position: top; }

p#topcontdets				{ text-align: right; color: #ffffff; position: absolute; right: 10px; top: 38px; font-size: 14px; font-weight: bold; text-transform: uppercase;}
p#topcontdets strong		{ font-size: 28px; }

ul#main-nav					{ list-style: none; width: 992px; height: 50px; position: absolute; bottom: 0; left: 0; }
ul#main-nav li				{ float: left; position: relative; }
ul#main-nav li a			{ float: left; display: inline-block; height: 50px; line-height: 50px; color: #ffffff; text-decoration: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 0 15px; }
ul#main-nav li a:hover,ul#main-nav li a.hover		{ text-decoration: none; color: #cc0000; }

							/*** Nav Dropdowns ***/
	
		/* submenu, it's hidden by default */
ul#main-nav ul 				{ position: absolute; left: 0; top: 50px; display: none; list-style: none; background: url(../images/nav-dropdown.png) no-repeat; z-index: 100; height: 60px!important; width: 180px!important; }
		
ul#main-nav li ul li		{ width: 180px!important; float: left!important; height: 25px!important; }
ul#main-nav li ul li a		{ color: #ffffff; text-decoration: none; height: 25px!important; line-height: 25px!important; width: 200px!important; display: block!important; padding: 0!important; font-size: 10px!important; text-indent: 15px; }
ul#main-nav li ul li a:hover{ color: #999999; text-decoration: none; height: 25px!important; line-height: 25px!important; width: 200px!important; display: block!important; }
		
		/* display block will make the link fill the whole area of LI */
ul#topnav ul a 				{ display: block; height: 15px; padding: 8px 5px; color: #666; }
		
ul#topnav ul a:hover 		{ text-decoration: underline; }	

a#drop						{ width: 80px; }
a#drop:hover,a.hover				{ background: url(../images/drop-bg.png) left bottom no-repeat; }

							/*** Scroller - Transition ***/
div#imtran-scrollers		{ width: 992px; height: 410px; float: left; margin-top: 20px; background: url(../images/imtran/bg.jpg) center top no-repeat; position: relative; }

div#imtran					{ position: absolute; width: 687px; height: 320px; top: 0; right: 5px; z-index: 99; }
ul#slider 					{ width: 687px; height: 320px; list-style-type: none; overflow: hidden; }
ul#slider li 				{ float: left; position: relative; }
ul#slider li div 			{ display: none; }

div#stock-preview			{ width: 264px; height: 289px; position: absolute; top: 15px; left: 20px; background: url(../images/stock-preview-bg.png) no-repeat; }

div#logo-scroller			{ width: 982px; height: 70px; background: url(../images/logo-scroller-bg.jpg) no-repeat; position: absolute; bottom: 0; left: 5px; overflow: hidden; }

div#socialbookmarks			{ width: 250px; height: 40px; position: absolute; z-index: 101; bottom: 90px; right: 10px; background: url(../images/socialbookmarks-bg.png) no-repeat; }
div#socialbookmarks a		{ text-indent: -9999px; overflow: hidden; display: block; float: right; width: 25px; height: 25px; margin: 7px 3px; }

a#FB						{ background: url(../images/facebook.png) no-repeat; }
a#TW						{ background: url(../images/twitter.png) no-repeat; }

img#ls-right				{ position: absolute; top: 0; right: 0; }
img#ls-left					{ position: absolute; top: 0; left: 0; }
div#scrollerContainerlogo	{ margin: 10px 20px; }
span#Scrollerlogo a			{ margin-right: 30px; }
span#Scrollerlogo img		{}

							/*** Content Area ***/
div#content					{ width: 982px; height: auto; float: left; margin: 20px 0 0 5px; display: inline; }
div#content-top				{ width: 982px; height: 14px; float: left; background: url(../images/content-top-bg.png) no-repeat; }
div#content-mid				{ width: 982px; height: auto; float: left; background: #222222; }
div#content-bot				{ width: 982px; height: 14px; float: left; background: url(../images/content-bot-bg.png) no-repeat; }

div#rightcol				{ width: 672px; height: auto; float: right; margin: 1px 15px 0 0; }
div#rightcol-top			{ width: 672px; height: 14px; float: left; background: url(../images/rightcol-top-bg.png) no-repeat; }
div#rightcol-mid			{ width: 672px; height: auto; float: left; background: #666666; position: relative; min-height: 235px; }
* html div#rightcol-mid		{ height: 235px; }
div#rightcol-bot			{ width: 672px; height: 14px; float: left; background: url(../images/rightcol-bot-bg.png) no-repeat; }

div#leftcol					{ width: 264px; height: auto; float: left; margin: 1px 0 0 15px; display: inline; }
div#leftcol-top				{ width: 264px; height: 14px; float: left; background: url(../images/leftcol-top-bg.png) no-repeat; }
div#leftcol-mid				{ width: 264px; height: auto; float: left; background: #333333; }
div#leftcol-bot				{ width: 264px; height: 14px; float: left; background: url(../images/leftcol-bot-bg.png) no-repeat; }

h1							{ font-size: 26px; color: #333333; margin: 10px 25px; }
h1 strong					{ color: #ffffff; }
h1 em						{ color: #000000; font-size: 12px; }

p.normP						{ color: #ffffff; font-size: 12px; margin: 10px 25px; }
p.bigredP					{ color: #000000; font-weight: bold; font-size: 12px; margin: 10px 25px; }

ul.normUL					{ color: #000000; font-size: 12px; font-weight: bold; list-style: none; }
ul.normUL li				{ margin-left: 30px; padding-left: 20px; height: 25px; background: url(../images/norm-bullet.jpg) left top no-repeat; }

img#hp-logos				{ margin: 10px 25px; }

.leftcolgraph				{ margin-left: 15px; }

.floatright					{ float: right; margin: 0 30px 5px 10px; }

div#address					{ width: 234px; height: 170px; background: url(../images/hours-bg.jpg) no-repeat; margin: 10px 0 0 15px; font-size: 12px; }
div#address p				{ color: #999999; margin: 15px; float: left; display: inline; letter-spacing: 1px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 20px; }
div#address p strong		{ color: #ffffff; }
div#address p em			{ color: #cc0000; font-style: normal; font-weight: bold; }

ul#browse-stock				{ width: 244px; height: 146px; background: url(../images/browse-stock-bg.jpg) no-repeat; list-style: none; float: left; margin: 0 10px 10px 10px; display: inline; padding-top: 59px; }
ul#browse-stock li			{ width: 224px; height: 30px; margin: 0 0 4px 10px; text-align: center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; float: left; display: inline-block; }
ul#browse-stock li a		{ width: 224px; height: 30px; line-height: 30px; color: #ffffff; text-decoration: none; text-transform: uppercase; background: url(../images/browse-stock-a-bg.jpg) no-repeat; float: left; display: inline-block; }
ul#browse-stock li a:hover	{ background-position: bottom; }

a#location-link				{ width: 244px; height: 205px; display: block; text-indent: -9999px; overflow: hidden; float: left; margin: 0 10px; background: url(../images/location-link-bg.jpg) center top no-repeat; }
a#location-link:hover		{ background-position: bottom; }

							/*** Footer Area ***/
div#footer					{ width: 992px; height: 150px; float: left; position: relative; }

ul#foot-nav					{ list-style: none; float: left; margin: 15px 0 15px 50px; clear: both; }
ul#foot-nav li				{ float: left; height: 10px; line-height: 7px; border-right: 1px solid #cc0000; }
ul#foot-nav li.end			{ border: none; }
ul#foot-nav li a			{ color: #ffffff; text-transform: uppercase; text-decoration: none; font-size: 10px; font-weight: bold; padding: 0 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; height: 10px; line-height: 10px; }
ul#foot-nav li a:hover		{ text-decoration: none; }

p#footcontdets				{ font-weight: bold; font-size: 14px; color: #ffffff; width: 992px; height: auto; text-align: center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; }
p#footcontdets strong		{ color: #cc0000; }

div#ukw						{ position: absolute; right: 10px; top: 100px; font-size: 11px; font-weight: bold; background: url(../images/ukw-globe.png) right top no-repeat; color: #ffffff; text-transform: uppercase; padding-right: 15px; }
div#ukw a					{ color: #ffffff; text-decoration: none; }
div#ukw a:hover				{ color: #666666; text-decoration: none; }

div#map		 				{ width: 618px; height: 496px; margin: 10px 25px; border: 2px solid #990000; }
div#map iframe 				{ width: 618px; height: 496px; }


a.carDiagram {
	float: left !important;
}

#carDiagram {
	position: fixed;
	top: 50%;
	left: 50%;
	background: #000;
	z-index: 999;
	margin-left: -374px;
	display: none;
	margin-top: -230px;
}

#carDiagram .carDiagramClose {
	font-size: 14px;
	color: #FFF;
	z-index: 9999;
	position: absolute;
	top: 10px;
	right: 10px;
}

#carDiagram .carDiagramClose.bottom {
	left: 10px;
	bottom: 10px;
	top: auto;
	right: auto;
}