/* ------------------------ css reset ------------------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td { margin:0;padding:0; }
table { border-spacing:0; border-collapse: }
fieldset,img,a img,:link img,:visited img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
q:before,q:after { content:''; }

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

body {
	text-align:center;
	color:#000;
	height: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #525252;
	background-image: url(/images/site-bg.gif);
	background-position: center top;
	}
	
h1	{ font-size:1.8em; color:#00367F; }
h2	{ font-size:1.5em; color:#00367F; }
h3	{ font-size:1.3em; color:#00367F; }

a:link,a:visited	{ color:#00367F; text-decoration:none; outline:none; }
a:hover,a:active	{ color:#000; text-decoration:underline; outline:none; }

.tableframe td { padding: 5px; }

/* ------------------------ wrap ------------------------ */

#outer-wrap {
	width: 100%;
	height: 170px;
}

#wrap {	
	background: #FFF;
	width:960px;
	margin:0 auto;
	text-align:left;
	}

/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
	}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}

/* ------------------------ header ------------------------ */

#header {
	height: 170px;
	width: 960px;
	background: url(/images/header-bg.gif) no-repeat;	
}

#masthead {
	width: 460px;
	height: 85px;
	background: url(/images/logo.gif);
	float:left;
	position:relative;
}
	
	#masthead a {
		position:absolute;
		left:21px;
		width:427px;
		top:0;
		height:85px;
		}
	#masthead a span {
		display:none;
		}

#facebook {
	width: 48px;
	height: 85px;
	background:url(/images/facebook.gif);
	float: right;
	position:relative;
}
	
	#facebook a {
	position:absolute;
	left:0px;
	width:48px;
	top:21px;
	height:48px;
		}
		
	#facebook a span {
		display:none;
		}


#twitter {
	width: 215px;
	height: 85px;
	background:url(/images/twitter.gif);
	float: right;
	position:relative;
}
	
	#twitter a {
	position:absolute;
	left:0px;
	width:187px;
	top:0;
	height:85px;
		}
		
	#twitter a span {
		display:none;
		}

#address {
	width: 960px;
	height: 48px;
}

	#address h2	{ font-size:1.7em; color:#FFF; text-align:center; padding: 15px 0 0 0; font-family: Arial, Helvetica, sans-serif; }


/* ------------------------ nav ------------------------ */
#nav { 
	position:relative;
	background:url("/images/nav.gif") no-repeat; 
	width:948px; 
	height:31px; 
	margin:0 0 0 12px;
	padding: 0; 
	z-index: 2;
	}

#nav span { display: none; }

#nav li, #nav a { height:31px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width:  57px; margin-left: 0; }
#nav-02 { width: 108px; }
#nav-03 { width: 153px; }
#nav-04 { width: 123px; }
#nav-05 { width:  74px; }
#nav-06 { width:  72px; }
#nav-07 { width:  80px; }
#nav-08 { width: 113px; }
#nav-09 { width: 118px; }
#nav-10 { width:  34px; }

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("/images/nav.gif")     0px -31px no-repeat; }
#nav-02 a:hover { background:url("/images/nav.gif")   -57px -31px no-repeat; }
#nav-03 a:hover { background:url("/images/nav.gif")  -165px -31px no-repeat; }
#nav-04 a:hover { background:url("/images/nav.gif")  -318px -31px no-repeat; }
#nav-05 a:hover { background:url("/images/nav.gif")  -441px -31px no-repeat; }
#nav-06 a:hover { background:url("/images/nav.gif")  -515px -31px no-repeat; }
#nav-07 a:hover { background:url("/images/nav.gif")  -587px -31px no-repeat; }
#nav-08 a:hover { background:url("/images/nav.gif")  -667px -31px no-repeat; }
#nav-09 a:hover { background:url("/images/nav.gif")  -667px -31px no-repeat; }
#nav-10 a:hover { background:url("/images/nav.gif")  -784px -31px no-repeat; }


/*-------------- Keeps the hover state on each page based on body id ------------- */
body#index #nav-01 			{ background:url("/images/nav.gif")		   0px -31px no-repeat; }
body#new #nav-02 			{ background:url("/images/nav.gif")		 -57px -31px no-repeat; }
body#used #nav-03			{ background:url("/images/nav.gif") 	-165px -31px no-repeat; }
body#specials #nav-05 		{ background:url("/images/nav.gif")		-441px -31px no-repeat; }
body#finance #nav-06 		{ background:url("/images/nav.gif")		-515px -31px no-repeat; }
body#service #nav-04 		{ background:url("/images/nav.gif")		-318px -31px no-repeat; }
body#parts #nav-04 			{ background:url("/images/nav.gif")		-318px -31px no-repeat; }
body#testimonials #nav-07 	{ background:url("/images/nav.gif")		-587px -31px no-repeat; }
body#contact #nav-07 		{ background:url("/images/nav.gif")		-587px -31px no-repeat; }
body#owners #nav-09  		{ background:url("/images/nav.gif")		-780px -31px no-repeat; }


/* ------------------------ son of suckerfish: nav ------------------------ */
#nav li ul {
	position:absolute;
	left:-9999px;
	text-align:left;
	padding-top: 0px;
	padding-right:1px; /* Fixes one px spacing for border-right in FF */
		/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

#nav li ul li { 
	height:20px; /* Height of each drop down nav item */
	border:1px solid #DCDFCA;
	border-top:none;
	background-color:#808284;
	}	

#nav li ul li a {
	width:100%;
	height:20px;	/* Height of each drop down nav item, should match above */
	line-height:20px;	 /* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display:block;
	padding-left:5px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.2em;
	color:#FFF;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }

/* Hover styles for drop down items */
#nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover, #nav-07 ul a:hover, #nav-08 ul a:hover, #nav-09 ul a:hover, #nav-10 ul a:hover { 
	background-image:none;
	background-color:#00367f;
	color:#FFF;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-02 ul, #nav-02 li { width:200px; }		
#nav-03 ul, #nav-03 li { width:200px; }
#nav-04 ul, #nav-04 li { width:200px; }
#nav-05 ul, #nav-05 li { width:200px; }
#nav-06 ul, #nav-06 li { width:200px; }
#nav-07 ul, #nav-07 li { width:200px; }
#nav-08 ul, #nav-08 li { width:200px; }
#nav-09 ul, #nav-09 li { width:200px; }
#nav-10 ul, #nav-10 li { width:200px; }

/* ------------------------ inside-main ------------------------ */

#odo {
	width: 960px;
	margin: 0 auto;
	text-align:left;
}

#main {
	width: 920px;
	margin: 0 auto;
	text-align:left;
	font-size: 1.2em;
	margin-top: 20px;
	padding-left: 20px;
}

#main p {
	margin: 10px 0 10px 0;
}

#main h1 { 
	margin: 0 0 10px 0;
}

#main ul#privacy {
	list-style-type:square;
	padding:  0 0 0 30px;
}

#map_address {
	float: right; 
	width: 250px; 
	margin: 50px 150px 0 0;
	_margin: 0;
	_padding: 50px 150px 0 0;
}

/* ------------------------ inside-main styles ------------------------ */	

#hours td {
	padding: 5px;
}

#hours tr {
	border-bottom: #000 solid 1px;
}

#hours .heading {
	background: #004B88;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
}

.forms_Asterisk {
	color:#F00;
}

.form-left, .form-right {
	width: 350px;
	float: left;
}

.forms_Title {
	color: #004B88;
	font-weight: bold;
	font-size: 1.2em;
}

p.sm-text {
	font-size: .8em;
}

#latest-news {
	background:  url(/images/latest-news-hdr.jpg) no-repeat;	
	width: 920px;
	height: 300px;
}

	#latest-news span { display: none; }

/* ------------------------ index-main ------------------------ */	

#video {
	width: 360px;
	height: 339px;
	float: right;
	text-align:right;
	position:relative;
	right: 10px;
	top: 25px;
	text-align:center;
}

#preloved {
	width: 162px;
	height: 58px;
	position: absolute;
	top: 125px;
	left: 0;
}

#slideshow {
	overflow:hidden;
	height:330px;	
}


/* ------------------------ vehicle scroller / incentives ------------------------ */


/* sprite scroller */

#hqs-scroller {
height:1px;
overflow:hidden;
position:relative;
width:600px;
}

	#hqs-left {
	height:1px;
	left:0px;
	top:0px;
	width:1px;
	}

	#hqs-right {
	height:1px;
	right:0;
	top:0;
	width:1px;
	}

	#hqs-scroller div {
	left:0;
	position:absolute;
	top:0;
	width:10000px;
	}

#hqs-content {
	position: relative;
	width: 600px;
	height: 339px;
	float: left;
}

#hqs-content #hqs-box {
padding:5px;
position:absolute;
top: 80px;
left: 0px;
width:200px;
height: auto;
max-height: 255px;
}


/* ------------------------ index-bottom ------------------------ */

#container-main {
	width: 960px;
	height: 215px;
}

.container-bg {
	width: 225px;
	height: 200px;
	background:url(/images/buttons-bg.gif) no-repeat;
	float: left;
}

.specials-btn {
	width: 199px;
	height: 30px;
	background:url(/images/specials-btns.gif) no-repeat;
	margin-bottom: 7px;
}

#buttons { 
	padding: 15px 0 0 15px;
	font-size: 1.4em;
	font-weight: bold;
	color: #FFF;
}

	#buttons a {
		color: #FFF;
		text-decoration: none;
	}
	
	#buttons p {
		padding: 5px 0 0 30px;
	}
	
#kelley-blue-book, #search-inventory, #ads { 
	padding: 5px;
	_padding: 3px;
}

#kelley-blue-book h2 {
	color: #004b88;
	font-size: 1.4em;
	font-weight: bold;
	margin: 10px;
}

#kelley-blue-book p {
	margin: 10px;
}

#ads {
	background:url(/images/ads.jpg) no-repeat;
	width: 225px;
	height: 189px;
	position: relative;
}

	#ads a {
		position:absolute;
		left:0px;
		width:225px;
		top:0;
		height:189px;
		}
	#ads a span {
		display:none;
		}

#search-inventory {
	background: url(/images/search-inventory-bg.gif) no-repeat;
	width: 225px;
	height: 200px;
}

	#search-inventory h2 {
		color: #FFF;
		font-size: 1.4em;
		font-weight: bold;
		margin: 10px;
}

	#VS1 {
		color:#FFF;
		width: 210px;
		height: 195px;
		padding: 0 0 0 10px;
	}
	
	.pqdropdowns2 {
		font-size: 1.2em;
	}
	
	.searchboxright {
		padding-right: 3px;
	}
	
	.MatchmakerVehicleSelect {
		width: 210px !important;
	}
	
	.MatchmakerVehicleSelect table {
		width: 210px !important;
	}		

#welcome {
	background: url(/images/welcome-bg.gif) no-repeat;
	width: 960px;
	height: 127px;
}

	#welcome p {
		color: #767777;
		font-size: 1.3em;
		text-align: left;
		padding: 10px;
	}
	
	#welcome-inside {
		padding: 15px 20px 20px;
	}
	
/* ------------------------ footer ------------------------ */

#footer {
	background: #FFF;
	width:960px;
	margin:0 auto;
	text-align:center;
	font-size: 1.1em;
	}

#footer p {
	color:#2a2929;
	margin: 0 70px 0 50px;
	}

#footer a:link, #footer a:visited { color:#2a2929; }
#footer a:hover, #footer a:active { color:#000; }

#footer ul {margin:0 0 0 0; padding:50px 0 0 0px;}
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #a4a4a4;
		}
	#footer li.first { border: none; }
	
#autofusion {
	background:url(/images/autofusion.gif) no-repeat;
	margin: 20px auto;
	width: 107px;
	height: 38px;
	position: relative;
}

	#autofusion a {
	position:absolute;
	left:0px;
	width:107px;
	top:0;
	height:38px;
		}
		
	#autofusion a span {
		display:none;
		}

/* ------------------------ mm3 ------------------------ */

#compare_Container {
	font-size: 1.1em !important;
}

#compare_Right #compare_FauxScrollContainer p  {
	padding: 0 0 3px 5px!important;
}

#mm3_ResultsContainer .mm3_LargeResult .mm3_ResultExtra .mm3_ExtraItem  {
	display:none;	
}

#details_Container .details_CustomContent  {
	display:none;	
}

/* ------------------------ research ------------------------ */

td.model_header {
	background: #FFF !important;
	color: #004B88 !important;
	text-align: left !important;
	padding-left: 10px !important;
}

/* ------------------------ tabbed specials ------------------------ */

#specials-disclaimer { position:relative }

#specials-disclaimer .tsw-disclaimer { display: none; }

#specials-disclaimer a.vwo-specials-print {
	width:350px; 
	height:90px; 
	display:block; 
	position:absolute;
	top:536px;
	left:135px
}

/* ------------------------ incentives ------------------------ */

.inc-finance-apr {
	width: 310px !important;
}

/* ---------------------- SEO -------------------------- */

.seo_style {
	z-index:10;
	width:920px;
	margin-left:-470px;
	left:50%;
	position:absolute;
	padding:10px;
	text-align:left;
	font-family:arial,helvetica,sans-serif;
}

.seo_style p {
	font-size:1.1em;
}

.seo_style h1 {
	font-size:1.4em;
}

.seo_style h2 {
	font-size:1.3em;
}

#seo_homepage {
	top:725px;
	background-color:none;
	border:1px solid #fff;
	overflow-y: scroll;
	height:120px;
	border-radius:5px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#seo_quote {
	border:1px solid #d7d7d7;
	top:720px;
	background-color:#f0f0f0;
	overflow-y: visible;
	height: 280px;
	overflow: auto;		
}

#seo_service {
    border:1px solid #d7d7d7;
    background-color:#f0f0f0;
	top:900px;
	/*top:770px;*/
	height: 300px;
	overflow: auto;	
}

#seo_parts {
	border:1px solid #d7d7d7;
	background-color:#f0f0f0;
	top:770px;
	*top:790px;
	height: 300px;
	overflow: auto;	
}

#seo_directions {
    border:1px solid #d7d7d7;
	background-color:#f0f0f0;
	top:930px;
	height: 150px;
	overflow: auto;	
}

#vwsitemap {
    background:#525252 url(/images/site-bg-seo.gif) top center;
}

#parts-table {
	width:602px;
	margin:0 auto;
}

#testimonials #main {
	font-size: 13px;
}

#testimonials #main #qc_SEOPageContent  {
	font-size: 15px;
}

.tsw-container .tsw-tabs a em {
	font-size: 9px;
	font-weight: bold;
}

.tsw-tabs a {
	margin:0 3px;
}

#mm4-container {
	font-size:72.5% !important	
}

.mm4-details-tabs-list, .mm4-details-tabs-list li {
	list-style:disc !important	
}

#mm4-container .mm4-specials-tabs-tab {
	font-size:1.3em !important;
}
#mm4-container .mm4-noscript-warning, #mm4-container .mm4-warning {
	display: none !important
}

#specials-box {width:900px;}

#mm4-container .mm4-match-large .mm4-match-extras-item * {
	max-height: 50px !important;
}

#mm4-container .mm4-match {
    padding: 20px 0 25px 0 !important;
}