/* ------------------------ 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 ------------------------ */

body { 
	background:#FFF;
	text-align:center; 
	font:62.5% Arial, "Times New Roman", Helvetica, sans-serif; 
	color:#4e2b1e;
	}
	
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; }

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

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}
	
img.right {
	float: right; padding: 10px 10px 5px 10px;
}	

div.inctv_disclaimer_box p { color: #FFF !important; }
div.inctv_disclaimer_box { margin-left:23px;}

div.inctv_box { height: 100% !important; min-height:307px; }

div.inctv { margin-left:25px; }

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

#main-content {
	width: 858px;	
	position:relative;
	z-index: 1;
 	min-height:500px;
	height:auto !important;
	height:500px;
}

#main-content p {
	margin: 10px; color:#000; font-size: 1.2em;	
}

#main-content h1, #main-content h2, #main-content h3, #main-content h4 {
	margin: 10px; 
}

#main-content p.forms_Title {
	font-size: 1.5em; color: #00367F; font-weight: bold;
}

.forms_Asterisk { 
	color:#F00;
}

#main-content form div {
	margin: 5px 0 0 15px; 
}

#forms-left {
	float: left; width: 300px;  color:#000; font-size: 1.2em;
}

#forms-right {
	float: left; width: 300px;  color:#000; font-size: 1.2em;
}

#hours-right {
	float: right; width: 300px; padding-left: 15px; color:#000; font-size: 1.2em;
}

/* ------------------------ wrap ------------------------ */
#outer-wrap {
	background:url("/images/bg-wrap.gif") repeat-y;
	width:885px;
	margin:0 auto;
	text-align:left;
	}
	
#inner-wrap {
	background: #FFF;
	width:858px;
	margin:0 auto;
	text-align:left;
	}	
	
/* ------------------------ header ------------------------ */	
	
#header { 
	width: 858px;
	height: 95px;
	background: #00367f;
	color: #FFF;
}

#header .contact {
	background: url(/images/mercedes-logo.gif) no-repeat scroll right center;
	height: 48px;
	margin: 15px 15px 0 0;
	padding: 15px 70px 0 0;
	float: right;
	text-align: right;
	font-size: 1.2em;
}

#dealership_name h1 {
	font: 3.8em bold;
	color: #FFF;
	float: left;
	margin: 20px 0 0 15px;
	font-family:"Times New Roman", Times, serif;
}

#dealership_name h1 a { color: #FFF !important; text-decoration: none !important; }



/* ------------------------ nav ------------------------ */
ul#nav { 
	position:relative;
	background:url("/images/nav.gif") no-repeat; 
	width:858px; 
	height:34px; 
	margin:0;
	padding: 0; 
	font-size: 1.3em;
	text-align: center;
	z-index: 1000;
	}

#nav li a:link, #nav li a:visited { color:#FFF; text-decoration:none; outline:none; }
#nav li a:hover, #nav li a:active { color:#FFF; text-decoration:none; outline:none; }

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

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

#nav-01 { width: 67px; margin-left: 175px; padding-top: 10px;}
#nav-02 { width: 102px; padding-top: 10px;}
#nav-03 { width: 138px; padding-top: 10px;}
#nav-04 { width: 72px; padding-top: 10px;}
#nav-05 { width: 77px; padding-top: 10px;}
#nav-06 { width: 63px; padding-top: 10px;}
#nav-07 { width: 67px; padding-top: 10px;}
#nav-08 { width: 77px; padding-top: 10px;}


/* ------------------------ son of suckerfish: nav ------------------------ */
#nav li ul {
	position:absolute;
	left:-9999px;
	text-align:left;
	padding-top: 0px;
	margin-top: -10px;
	_margin-left: -45px;
	*margin-left: -45px;
	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:25px; /* 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:25px;	/* Height of each drop down nav item, should match above */
	line-height:25px;	 /* 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.0em;
	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:#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:230px;  }		
#nav-03 ul, #nav-03 li { width:230px; _margin-left: -20px; *margin-left: -20px;  }
#nav-04 ul, #nav-04 li { width:140px;  }
#nav-05 ul, #nav-05 li { width:210px;  }
#nav-06 ul, #nav-06 li { width:170px;  }
#nav-07 ul, #nav-07 li { width:170px;  }
#nav-08 ul, #nav-08 li { width:140px;  }

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


/* sprite scroller */

#rt-hqs-scroller-container {
height:105px;
overflow:hidden;
padding:0 55px;
margin: 0;
position:relative;
width:748px;
}

#rt-hqs-left {
height:105px;
left:0px;
position:absolute;
top:0px;
width:55px;
background: url(/images/hqs/hqs_arrow_left.gif) no-repeat;
}

#rt-hqs-right {
height:105px;
position:absolute;
right:0;
top:0;
width:55px;
background: url(/images/hqs/hqs_arrow_right.gif) no-repeat;
}

#rt-hqs-scroller {
font-size:1px;
height:105px;
overflow:hidden;
position:relative;
width:748px;
}

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

#rt-hqs-scroller .c-class {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll 0px 0px;
}
#rt-hqs-scroller .c-class:hover {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll 0px -105px;
}
#rt-hqs-scroller .cl-class {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -140px 0px;
}
#rt-hqs-scroller .cl-class:hover {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -140px -105px;
}
#rt-hqs-scroller .clk-class-cabriolet {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -280px 0px;
}
#rt-hqs-scroller .clk-class-cabriolet:hover {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -280px -105px;
}
#rt-hqs-scroller .clk-class-coupe {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -420px 0px;
}
#rt-hqs-scroller .clk-class-coupe:hover {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -420px -105px;
}
#rt-hqs-scroller .cls-class {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -560px 0px;
}
#rt-hqs-scroller .cls-class:hover {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -560px -105px;
}
#rt-hqs-scroller .e-class-coupe {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -700px 0px;
}
#rt-hqs-scroller .e-class-coupe:hover {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -700px -105px;
}
#rt-hqs-scroller .g-class {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -840px 0px;
}
#rt-hqs-scroller .g-class:hover {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -840px -105px;
}
#rt-hqs-scroller .gl-class {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -980px 0px;
}
#rt-hqs-scroller .gl-class:hover {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -980px -105px;
}
#rt-hqs-scroller .glk-class {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -1120px 0px;
}
#rt-hqs-scroller .glk-class:hover {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -1120px -105px;
}
#rt-hqs-scroller .m-class {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -1260px 0px;
}
#rt-hqs-scroller .m-class:hover {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -1260px -105px;
}
#rt-hqs-scroller .r-class {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -1400px 0px;
}
#rt-hqs-scroller .r-class:hover {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -1400px -105px;
}
#rt-hqs-scroller .s-class {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -1540px 0px;
}
#rt-hqs-scroller .s-class:hover {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -1540px -105px;
}
#rt-hqs-scroller .sl-class {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -1680px 0px;
}
#rt-hqs-scroller .sl-class:hover {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -1680px -105px;
}
#rt-hqs-scroller .slk-class {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -1820px 0px;
}
#rt-hqs-scroller .slk-class:hover {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -1820px -105px;
}
#rt-hqs-scroller .e-class-sedan {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -1960px 0px;
}
#rt-hqs-scroller .e-class-sedan:hover {
	background: transparent url(/images/mercedes-benz-sprite.jpg) no-repeat scroll -1960px -105px;
}

#rt-hqs-scroller a {
display:inline-block;
height:100px;
width:140px;
}

#rt-hqs-content {
	position: relative;
	width: 858px;
	height: 299px;
	margin-bottom: 15px;
}

#rt-hqs-image, .slides { /* You will need a container for your slides, with the slides absolutely positioned. */
	position: absolute;
	top: 0;
	left: 0;
	width: 858px;
	height: 299px;
	display: none;
}
#slide-one {
	display: block; /* Only the first slide should be displayed */
}

#rt-hqs-heading, #rt-hqs-xml, #rt-hqs-quote, #rt-hqs-inventory, #rt-hqs-details  {
	display: none; /* Required. */
}

#rt-hqs-aprlow, #rt-hqs-rates, #rt-hqs-lease
{
	background: #fff;
	color: #00367F;
	display:none;
	font-size: 13px;
	padding: 3px;
	margin:0;
}

#rt-hqs-disclaimer{
	background:#fff;
	color: #00367F;
	display:none;
	font-size:12px;
	height:50px;
	overflow:auto;
	width:180px;
	padding: 3px;
}

#rt-hqs-box {
background-color: #FFFFFF;
padding:5px;
position:relative;
top: 15px;
left: 20px;
width:220px;
height: auto;
max-height: 255px;
z-index: 1;
}

#rt-hqs-heading {
background-color: #FFFFFF;	
padding: 10px 5px 5px 20px;
font-size:2.1em;
color: #00367F;
font-weight:bold;
margin:5px 0 0;
width: 220px;
height: 35px;
position:relative;
top: 20px;
left: 20px;
}

#rt-hqs-quote {
background-color: #00367F;
padding: 10px 5px 5px 20px;
font-size:1.6em;
line-height:1.6em;
color: #FFFFFF;
margin:5px 0 0;
font-weight: bold;
width: 220px;
height: 30px;
position:relative;
top: 25px;
left: 20px;
}

#rt-hqs-xml, #rt-hqs-inventory, #rt-hqs-details {
background-color: #00367F;
padding: 10px 5px 5px 20px;
font-size:1.6em;
line-height:1.6em;
color: #FFFFFF;
margin:5px 0 0;
font-weight: bold;
width: 220px;
height: 30px;
position:relative;
top: 30px;
left: 20px;
}

#hqs-important-text-wrap{
position:absolute;
top: 225px;
left: 25px;
font-weight:bold;
font-size: 14px;
color:#fff;
}
#hqs-important-text-wrap li{
list-style:none;
display: inline;
}

/* ------------------------ bottom left column ------------------------ */

#bottom-left {
	width: 272px; float: left;
}

	#bottom-left #hours {
		width: 260px; height: 191px; background:url(/images/hours_bg.gif) no-repeat; margin-left: 10px; 
	}
	
	#bottom-left #hours h2 {
		color: #FFF; font-size: 1.4em; font-weight: bold; padding: 5px 0 0 16px;
	}
	
	#bottom-left #hours table {
		color: #000; width: 240px;	margin: 15px 0 0 16px;
	}

	#bottom-left #hours td {
		font-size: 1.2em;
	}

#value-your-trade {
	width: 260px; margin: 15px 0 0 0; padding-left: 10px; 
}

	#value-your-trade img {
		float: left; margin: 0 5px 5px 0;
	}
	
	#value-your-trade h2 {
		font-size: 1.5em; color: #00367f;
	}
	
	#value-your-trade p {
		color: #000; font-size: 1.1em;
	}
	
	.right {
		text-align: right;
	}
	
#insurance {
	width: 260px; margin: 15px 0 0 0; padding-left: 10px; 
}	

	
/* ------------------------ index page specials ------------------------ */	
	
.ysw-result-price {
	color: #FF0000; font-weight: bold;
}

.ysw-result-description {
	font-weight: bold;
}

.yui-skin-sam .yui-navset .yui-content, .yui-skin-sam .yui-navset .yui-navset-top .yui-content {
	min-height: 149px !important;
}


/* ------------------------ bottom right column ------------------------ */	

#bottom-right {
	width: 586px; float: right;
}

#specials-home {
	height: 190px; padding-left: 10px; 
}

#ads {
	width: 290px; height: 260xp; float: left; margin: 10px 0 0 7px; _margin: 5px 0 0 5px; 
}

#home-buttons {
	width: 279px;
	height: 244px;
	float: right;
	margin: 10px 8px 0 0;
	_margin: 5px 3px 0 0;
}
	
	#menu { position: relative; margin: 0 auto; width: 279px; height: 50px; }
		#menu li {width: 279px; height: 50px; position: absolute; top: 2px; background: url(/images/home-buttons.gif) 0 0 no-repeat; display: block; list-style: none;}
		#menu a {width: 279px; height: 50px; display: block; }
		
		#menu #specials { left: 0; }
		#menu #quick-quote { top: 64px; background-position: 0 -64px; }
		#menu #service { top: 129px; background-position: 0 -129px; }
		#menu #parts { top: 194px; background-position: 0 -194px; }
		
		#menu #specials a:hover { background: url(/images/home-buttons.gif) -279px 0 no-repeat; }
		#menu #quick-quote a:hover { background: url(/images/home-buttons.gif) -279px -64px no-repeat; }
		#menu #service a:hover { background: url(/images/home-buttons.gif) -279px -129px no-repeat; }
		#menu #parts a:hover { background: url(/images/home-buttons.gif) -279px -194px no-repeat; }
	

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

#footer {
	width: 858px; height: 62px; text-align:right; background: #00367f; font-size: 1.1em;
}	

#footer p {
	color:#FFF;
	margin-bottom:10px;
	}

#footer a:link, #footer a:visited { color:#FFF; text-decoration: none; }
#footer a:hover, #footer a:active { color:#FFF; text-decoration: underline; }

#footer ul { margin:10px; padding-top: 15px; _padding-top: 10px; *padding-top: 10px; }
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 4px 0 6px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #FFF;
		}
	#footer li.first { border: none; }
	
#autofusion { float: left; }	

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

td.model_header {
	background-color: #FFF !important;
	color: #666666 !important;
	text-align:left !important;
}

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

#compare_Instructions p, #compare_Right p {
	margin: 0 !important;
}

/* ------------------------ staff ----------------------------------- */

.staff-bio {
	width: 350px; margin: 10px; float: left;
}

img.bio {
	float: left; padding: 10px 10px 5px 10px;
}

/* ------------------------ SEO ------------------------------------- */
.seo_style {
	overflow-y: scroll;
	z-index:10;
	width:838px;
	margin-left:-430px;
	left:50%;
	position:absolute;
	height:250px;
	padding:10px;
	background: none;
}

#seo_homepage {
	top:1100px;
}

#seo_quote {
	top:775px;
}

#seo_parts {
	top:850px;
}

#seo_service {
	top:850px;
}

#seo_directions {
	top:720px;
}

/* ------------ Inventory Details Page --------------- */
#details_Tabs .yui-content #details_TabsEquipment .details_Body .details_TabDiv .details_TabColumnBulleted {
	width:90% !important;
	}