@charset "utf-8";
/* CSS Document */

/* ------------------------ 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-collapse:collapse;border-spacing:0; }
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 ------------------------ */

html, body, #wrap { height: 100%; }
 
body { 
	background:#2f2f2f url(/images/body-bg.png) repeat-x;
	text-align:center; 
	font:62.5% Arial, Helvetica, sans-serif;
	color:#FFF;
	margin:20px 0 20px 0
	}
	
h1	{ font-size:1.8em; color:#3483B6; }
h2	{ font-size:1.5em; color:#FFF; font-weight: bold; }
h3	{ font-size:1.3em; color:#FFF; font-weight: bold; }


a:link,a:visited	{ color:#08ADEC; text-decoration:none; outline:none; }
a:hover,a:active	{ color:#08ADEC; text-decoration:underline; outline:none; }

hr {
	color:#ADAAAD;
	height:1px;
}	

#main-container-inside p, #main-container-inside ul {
	font-size: 1.3em;	
}

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

body > #wrap { height: auto; min-height: 100%; }

#wrap {	
	background: #111111;
	width:1011px;
	margin:0 auto;
	text-align:left;
	}
	
#inside-wrap {
	width: 906px;
	margin:0 auto;
	text-align:left;
	padding-bottom: 127px;
	position: relative;
}


/* ------------------------ classes ------------------------ */

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

	
img.img-right {
	margin: 0 10px 10px 10px;
	float: right;
}

img.img-left {
	margin: 10px 25px 10px 0;
	float: left;
}

.forms_Asterisk {
	color: #CC0000;
}

#main-container-inside form div { padding-bottom: 10px; font-size: 1.2em !important; }

.forms_Title { font-weight: bold; }

#main-container-inside form .left, #main-container-inside form .right { float: left; width: 350px; }

.blue-text {
	color: #3483B6;
}
	
/* ------------------------ header ------------------------ */

#header {
	background:url(/images/header.png) no-repeat;
	height: 147px;
	width: 1011px;
	position: relative;
}
	#header a#logo {
		position: absolute;
		background-image:url(/images/logo.gif);
		display:block;
		width: 359px;
		height: 71px;
		top: 10px;
		left: 20px;
		cursor:pointer;
		z-index:100
	}
	
	#header #logo span { display: none; }

	#header #address {
		position:absolute;
		top:55px; 
		left:115px;
		font-size:14px;
		font-weight:bold
	}
	#header a.facebook {
		height:30px;
		width:80px;
		display:block; 
		background-image:url(/images/btn-facebook.png);
		background-repeat:no-repeat;
		color:#FFF;
		font-size:10px;
		padding:0 0 0 35px;
		position:absolute; 
		top:75px; 
		right:130px;
		cursor:pointer
	}
	#header a.facebook span {
		font-size:14px;
		font-weight:bold
	}
	#header a.facebook:hover {
		color:#CCC;
		text-decoration:none
	}
	#header a.twitter {
		height:30px; 
		width:80px;
		display:block; 
		background-image:url(/images/btn-twitter.png);
		background-repeat:no-repeat;
		color:#FFF;
		font-size:10px;
		padding:0 0 0 35px;
		position:absolute; 
		top:75px; 
		right:20px;
		cursor:pointer
	}
	#header a.twitter span {
		font-size:14px;
		font-weight:bold
	}
	#header a.twitter:hover {
		color:#CCC;
		text-decoration:none
	}
	#header #phone {
		position:absolute;
		top:8px;
		right:50px
	}	
	#header #phone li {
		font-size:2.0em;
		font-weight:bold;
		text-align:right;
		line-height:20px
	}
	#header #phone li span {
		color:#53b7f0
	}
	#header h2 {
		color: #FFF !important;
	}
	#header .timesimg {
		position:absolute;
		top:0;
		right:445px;
	}
	
	#header .big-thing-btn {
		position:absolute;
		top:6px;
		right:288px;
	}

/* ------------------------ footer ------------------------ */

#footer-wrap {
	position: relative;
	margin: -127px auto 0 auto; /* negative value of footer height */
	height: 127px;
	clear:both;
	margin:0 0 20px 0
} 

#footer {
	margin: 0 auto;
	width: 1011px;
	height: 127px;
	text-align: left;
	background-color:#111111
}

#footer a:link, #footer a:visited { color:#959595; }
#footer a:hover, #footer a:active { color:#FFF; }

#footer p {
	margin:0 0 0 52px;
	color:#959595;
}

#footer ul { margin:0 0 0 52px; 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 #959595;
		}
	#footer li.first { border: none; padding-left: 0; }
	

/* ------------------------ nav ------------------------ */

#nav {
	background:url(/images/nav.png) no-repeat;
	height: 39px;
	width: 906px;
	position:relative;
	margin:0;
	padding: 0; 
	z-index: 10;	
}

#nav span { display: none; }

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

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

#nav-01 { width: 68px; }
#nav-02 { width: 115px; }
#nav-03 { width: 100px; }
#nav-04 { width: 100px; }
#nav-05 { width: 90px; }
#nav-06 { width: 100px; }
#nav-07 { width: 120px; }
#nav-08 { width: 100px; }

.padding { padding-top: 15px; font-weight: bold; font-size: 1.1em !important; text-transform: uppercase; text-align: center; }

/* ------------------------ 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 #FFF;
	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 { 
	background-image:none;
	background-color:#007cc2;
	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:130px; margin-left: 5px; }		
#nav-03 ul, #nav-03 li { width:130px; margin-left: 5px; }
#nav-04 ul, #nav-04 li { width:130px; margin-left: 5px; }
#nav-05 ul, #nav-05 li { width:130px; margin-left: 5px; }
#nav-06 ul, #nav-06 li { width:130px; margin-left: 5px; }
#nav-07 ul, #nav-07 li { width:150px; margin-left: 5px; }
#nav-08 ul, #nav-08 li { width:130px; margin-left: 5px; }


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

#main-container {
	background: url(/images/main-tabs-bg.png) no-repeat;
	width: 906px;
	height: 360px;
	position: relative;
}

	#main-left-tabs {
		width: 144px;
		float: left;
	}
	
		#main-left-tabs a {
			background-image:url(/images/main-tabs-left.png);
			display:block;
			width: 144px;
			height:75px;
			margin:10px 0 6.4px 0;
		}
		
			#cpo-inventory {
				background-position:0 -75px;
			}
			
			#internet-specials {
				background-position:0 -150px;
			}
						
			#honda-incentives {	
				background-position:0 -225px;
			}	
			
			#main-left-tabs span  { display: none; }
			#main-right-tabs span { display: none; }
	
	#slide-container {
		width: 630px;
		height: 360px;
		float: left;
		position: relative;
	}
	
		#mpg-disclaimer {
			position: absolute; 
			bottom: 13px;
			left: 10px;
			line-height: 11px;
			font-size: 1.0em;
			width: 600px;
		}		
	
	#main-right-tabs {
		width: 132px;
		float: left;
	}
	
		#main-right-tabs a {
			background-image:url(/images/main-tabs-right.png);
			display:block;
			width:132px;
			height:75px;
			margin:10px 0 6.4px 0;
		}
	
			#order-parts {
				background-position:0 -75px;
			}		
			
			#quick-quote {
				background-position:0 -150px;
			}			
			
			#location {
				background-position:0 -225px;
			}	
			
		
#lower-container {
	width: 906px;
	height: 266px;
	font-size: 1.2em;
}

#quick {
	background:url(/images/quick-quote-bg.png) top left no-repeat;
	width: 259px;
	height: 266px;
	float: left;
}

	#quick #quick-form {
		padding: 50px 0 0 15px;
	}
	
	#quick-form div {
		padding: 0 0 10px 0;
	}

	#quick .left {
		float: left;
		width: 30%;
	}
	
	#quick .right {
		float: left:
		width: 70%;
	}
	
	#quick .submit {
		text-align: right;
		padding-right: 25px;
	}

#specials {
	background:url(/images/weekly-specials-bg.jpg) top left no-repeat;
	width: 349px;
	height: 266px;
	float: left;
}	

#weekly-specials span { display: none; }

#buttons-index {
	width: 298px;
	height: 266px;
	float: left;
}

	#buttons-index  #service-specials {
		background:url(/images/service-specials-btn.jpg);
		width: 298px;
		height: 33px;
		margin: 40px 0 20px;
		position: relative;
	}
	
		#service-specials a {
			position: absolute;
			width: 298px;
			height: 33px;
			top: 0;
			left: 0;
		}		
	
	#buttons-index #parts-specials {
		background:url(/images/parts-specials-btn.jpg);
		width: 298px;
		height: 33px;
		margin: 20px 0;
		position: relative;
	}
	
		#parts-specials a {
			position: absolute;
			width: 298px;
			height: 33px;
			top: 0;
			left: 0;
		}			
	
	#buttons-index #customers {
		background:url(/images/customers-btn.jpg);
		width: 298px;
		height: 33px;
		margin: 20px 0;
		position: relative;
	}
	
		#customers a {
			position: absolute;
			width: 298px;
			height: 33px;
			top: 0;
			left: 0;
		}	
	
	#buttons-index #meet-our-team {
		background:url(/images/meet-team-btn.jpg);
		width: 298px;
		height: 33px;
		margin: 20px 0;
		position: relative;
	}
	
		#meet-our-team a {
			position: absolute;
			width: 298px;
			height: 33px;
			top: 0;
			left: 0;
		}	
	
	#buttons-index span { display: none; }
		
#seo-container {
	width: 906px;
	height:150px;
	padding-top: 10px;
}

#seo-container p {
	color: #959595;
	font-size: 1.2em;
	line-height: 18px;
	padding-bottom: 10px;
}

.bbb {
	padding:10px 0 10px 0;
	width:200px;
	margin:0 auto
}
/* ------------------------ inside pages ------------------------ */

#main-container-inside {
	background: #111111 url(/images/main-inside.png) top left no-repeat;
	width: 906px;
	position: relative;
}

#main-container-inside p, #main-container-inside h1, #main-container-inside h2, #main-container-inside h3, #main-container-inside ul {
	padding: 0 15px 10px 0;
}

h1.top-padding {
	padding-top: 25px !important;
}
/*
#main-container-inside p, #main-container-inside td {
	color: #FFF;
	font-size: 1.2em;
	line-height: 18px;
}
*/
#contact-information {
	width: 275px;
	float: left;
	margin-left: 15px;
}

#map {
	width: 600px;
	float: left;
}
	

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

#details_Wrapper, #compare_Wrapper {
	background: #FFF;
}

#details_Main #details_VehicleInfo h3, #details_Main #details_TestDrive .details_Body p, #compare_Left #compare_Instructions p, .yui-skin-sam #mm3_SaveSearchPanel_c #mm3_SaveSearchPanel .bd, .yui-skin-sam #mm3_SaveSearchPanel_c #mm3_SaveSearchPanel h2, .yui-skin-sam #mm3_SaveSearchPanel_c #mm3_SaveSearchPanel h3 {
	color: #000 !important;
}

#details_Wrapper form div, #details_Wrapper ul {
	padding: 0 !important;
}

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

#researchcartype {background-image:url(/images/researchmiddle.jpg) !important;}

#researchcartypeleft {background-image:url(/images/researchright.jpg) !important;}

#researchcartypeconvertible {background-image: url(/images/convertibleleft.jpg) !important;}

#researchcartypecoupe {background-image: url(/images/coupeleft.jpg) !important;}

#researchcartypesedan {background-image: url(/images/sedanleft.jpg) !important;}

#researchcartypesuv {background-image: url(/images/suvleft.jpg) !important;}

#researchcartypepickup {background-image: url(/images/pickupleft.jpg) !important;}

#researchcartypecrossover {background-image: url(/images/crossoverleft.jpg) !important;}

#researchcartypeminivan {background-image: url(/images/minivanleft.jpg) !important;}

#researchcartypehatchback {background-image: url(/images/hatchbackleft.jpg) !important;}

.tableframe { color: #000; !important;}

.tableframe td { padding: 2px; }

#page_trimsincentives {
	background: #FFF !important;
	color: #000 !important;
	padding: 0 5px;
}

div.incentive_lease {
	background: url("/carresearch/images/red_seal.jpg");
	height: 120px;
	width: 221px;
}

#trims_incentives .leasetitle {
	font-size: 24px;
	font-weight: normal;
	line-height: 26px;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	padding-top: 35px;
}
	

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

.tsw-nowrap { 
	white-space:normal !important;
}

/* ----------------------- SEO -------------------------------- */
.seo_style {
	overflow-y: scroll;
	z-index:10;
	margin-left:-453px;
	left:50%;
	position:absolute;
	height:250px;
	padding:10px;
	background: #111;
	text-align:left;
}

.seo_style p {
    color: #959595;
    font-size: 1.2em;
    line-height: 18px;
    padding-bottom: 10px;
}

.seo_style a, .seo_style h1 a {
	color:#3483b6;
}

.seo_style a:hover, .seo_style h1 a:hover {
	color:#959595;
	text-decoration:none;
}
				
#seo_homepage {
	top:1200px;
	width:885px;
}

#seo_quote {
	height:300px;
	overflow-y:auto;
	border-top:1px solid #222;
	border-left:1px solid #222;
	top:880px;
	width:900px;
}

#seo_service {
	/*top:1220px;*/
	top:990px;
	height:330px;
	overflow-y:auto;
	border-top:1px solid #222;
	border-left:1px solid #222;
	width:900px;
}

#seo_service_staff {
	top:1250px;
	height:330px;
	overflow-y:auto;
	border-top:1px solid #222;
	border-left:1px solid #222;
	width:900px;
}

#seo_parts {
    height:330px;
	overflow-y:auto;
	border-top:1px solid #222;
	border-left:1px solid #222;
	top:1180px;
    width:900px;
}

#seo_directions {
	height:250px;
	overflow-y:auto;
	border-top:1px solid #222;
	border-left:1px solid #222;
	top:880px;
    width:900px;
}

ul.bodystaff {
	width:400px;
	margin:0 auto 20px auto
}
ul.bodystaff li {
	width:200px; 
	float:left;
	text-align:center
}
ul.bodystaff li h4 {
	padding:0px;
	margin:0px;
	font-size:1.8em
}

form.form {
	padding:20px 0 0 0;
	margin:0
}
form.form h1 {
	padding:0;
	margin:0 0 5px 0;
	font-size:22px;
	font-weight:bold
}
form.form h3 {
	padding:0;
	margin:0 0 5px 0;
	font-size:16px;
	font-weight:bold
}
form.form p {
	font-size:10px
}
form.form p span {
	color:#F00
}
form.form dl {
	padding:0;
	margin:0
}
form.form dl.l {
	float:left;
	width:260px
}
form.form dl.r {
	float:left
}
form.form dl dt {
	padding:0;
	margin:0 0 2px 0;
	font-size:10px
}

form.form dl dd {
	padding:0;
	margin:0 0 6px 0
}

form.form dl dt span {
	color:#F00
}

form.form dl dd input, form.form dl dd textarea {
	padding:4px 4px 4px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold
}

form.form dl dd ul {
	list-style:none;
	margin:0 0 0 5px;
	padding:0
}
form.form dl dd ul li {
	font-size:10px
}
       
#compare_FauxScrollContainer p {
	color:#000
}

#mm4-container {
	font-size:10px;
}
#mm4-container ol,
#mm4-container ul {
	list-style-type:disc;	
}
.mm4-match-extras .mm4-match-extras-item-driveitnow {
	height: 50px;
}
#tip-incentives {
	background-color:#FFF !important; 
	height:100% !important; 
	color:#333 !important;
	_width:885px	
}
#inc-maindiv-selector {
	float:none;
	_margin-left:80px;
}

#inc-maindiv-results {
	float:none;
	_margin-left:80px;
}

.driveitnowprice{ font-size: 1.6em; color: red; font-weight: bold;}


/* Experience Page */

.experiencebox {
		border: 1px solid #111;
		padding: 10px;
		text-align: center; 
		width: 300px;
		height:120px;
		float:left;
		margin:20px 10px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		-webkit-box-shadow: #666 0px 2px 3px;
		-moz-box-shadow: #666 0px 2px 3px;
		box-shadow: #666 0px 2px 3px;
		background: #1f1c1b;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1f1c1b), to(#121212));
		background: -moz-linear-gradient(#1f1c1b, #121212);
		background: linear-gradient(#1f1c1b, #121212);
		text-align:left
	}
	.experiencebox img {float:left; margin-right:15px;}
	.experiencebox h2 {font-size:13px; font-family:sans-serif; text-transform:none; margin:7px 0; padding:7px 0; font-weight:bold; color:#CCC}
	.experiencebox p {font-size:11px; font-family:sans-serif; text-transform:none; margin:10px 0 0 0; padding:0; font-weight:bold; color:#CCC}
	.experiencebox p a {color:#0296cb; text-decoration:none;}
	.experiencebox p a:hover {color:#32bef0}

/*

ContactAtOnce Chat 

*/
#chat-home-btn {
	position:absolute; 
	top:-180px; 
	left:525px;
}
#chat-search-btn {
	position:absolute; 
	top:-180px; 
	left:525px;
}

/*---*/

#mm4-container .driveitnow {
    display: block;
    height: 37px;
    margin: 7px 0;
	margin-bottom:50px
}
#mm4-container .mm4-details .mm4-match-extras {
    padding: 1px 0 50px;
}