/*

Client: Mercedes
Build Date: 14.01.2010

*/

/* General Styles */
/************************************************************/
* {
	margin: 0;
	padding: 0;
}

html {
	color: #4d4d4d;
	font: 62.5% Arial, Helvetica, sans-serif;	
}

body {
	background: #eff1f3 url(imgs/bg_body.png) repeat-y 0 0;	
	padding-top: 120px;
}

#container {
	background: #fff;
	padding: 48px 37px 35px 37px;
	width: 900px;	
}

.clear {
	clear: both;	
}

/* Header */
/************************************************************/
a#logo {
	background: url(imgs/bg_logo_ext.png) no-repeat 0 0;
	height: 48px;
	width: 190px;
	position: absolute;
	text-indent: -999em;
	top: 37px;
	left: 37px;
}

/* Container */
/************************************************************/


/* Form */
#container form#choose-state {
	border-bottom: 1px solid #d0d0d0;
	margin-bottom: 14px;
	padding: 5px 0px 20px 0px;
}
#container form fieldset {
	border: none;	
}
#container label#sel-state {
	background: url(imgs/label_select-state.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 15px;
	margin: 2px 30px 0 0;
	text-indent: -999em;
	width: 96px;
}

#container form#choose-state select {
	border: 1px solid #d0d0d0;	
}

/* Slide */
#slider-gallery {
	float: left;
	height: 186px;
	margin-bottom: 25px;
	position: relative;
	overflow: hidden;
	width: 900px;
}
#slider-gallery ul {
	height:143px;
}

#slider-nav {
	background: url(imgs/bg_slider-nav.png) no-repeat 0 bottom;
	height:22px;
/*	margin-top: 145px;*/
	padding: 19px 0 0 9px;
	position: absolute; /* swtichted to position absolute to satifsy IE6 & IE7 */
	top: 145px;
	left: 0;
	width: 891px;
	background-color:#505050;
}
#slider-nav #prev {
	background: url(imgs/bg_slider-a-left.png) no-repeat 0 0;
	cursor: pointer;
	float: left;
	height: 19px;
	width: 21px;
}
#slider-nav #next {
	background: url(imgs/bg_slider-a-right.png) no-repeat 0 0;
	cursor: pointer;
	float: left;
	height: 19px;
	width: 21px;
}
#slider-bar {
	background: url(imgs/slider-bg.png) no-repeat 0 0;
/*	background: #8e8e8e;*/
	float: left;
	height: 12px;
	padding: 0x;
	position: relative;
	width: 885px;
	cursor:pointer;
	
width:847px;
padding:0px 19px;
}
#slider-bar .handle {
	background: url(imgs/bg_slider-selector.png) no-repeat center top;
	height: 12px;
	position: absolute;
	top: 0;
	width: 273px;
	z-index: 100;
	
width:235px;
}
#slider-bar span {
	color: #AAAAAA;	
	cursor: pointer;
	font-size: 1.1em;
	position: absolute;
	text-transform: uppercase;
	text-decoration: none;
	top: -16px;
	z-index: 110;
}
#slider-bar span.over {
	color:#FFFFFF;
	text-decoration:underline;
}
#slider-bar span.selected {
	color:#FFFFFF;
	font-weight:bold;
}
span.slider-1 {
	left: 10px;	
}
span.slider-2 {
	left: 58px;	
}
span.slider-3 {
	left: 77px;	
}
span.slider-4 {
	left: 140px;	
}
span.slider-5 {
	left: 205px;	
}
span.slider-6 {
	left: 267px;	
}
span.slider-7 {
	left: 298px;	
}
span.slider-8 {
	left: 360px;	
}
span.slider-9 {
	left: 424px;	
}
span.slider-10 {
	left: 485px;	
}
span.slider-11 {
	left: 570px;	
}
span.slider-12 {
	left: 606px;	
}
span.slider-13 {
	left: 630px;	
}
span.slider-14 {
	left: 651px;	
}
span.slider-15 {
	left: 678px;	
}
span.slider-16 {
	left: 701px;	
}
span.slider-17 {
	left: 721px;	
}
span.slider-18 {
	left: 748px;	
}
span.slider-19 {
	left: 772px;	
}
span.slider-20 {
	left: 830px;	
}

#slider-gallery ul {
	background: url(imgs/bg_slider-gradient.jpg) repeat-x bottom left;
	height: 135px;
	padding: 10px 0 0 5px;
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
	font-size:0px;
}

#slider-gallery ul li {
	display: inline;
	/*height: 80px;*/
	margin-right: 10px;
	list-style: none;	
	/*width: 170px;*/
}
#slider-gallery ul li img {
}

#step3 {
	clear:both;
}

/* Model Select */
#model-select {
	border-top: 1px solid #d0d0d0;
	float: left;
	margin-top: 5px;
	padding:  15px 0 0 0;
	width: 395px;	
}
#model-select h3 {
	font-size: 2em;
	font-weight: bold;
	margin:0px 0px 12px 0px;
}
#model-select div.model {
	background: url(imgs/bg_model-spec.png) no-repeat 0 0;
	cursor: pointer;
	height: 35px;
	padding: 5px 0 0 16px;
	margin-left:-2px;
	width: 384px;
}

#model-select div.model.active {
	background: url(imgs/bg_model-spec-active.png) no-repeat 0 0;
}

#model-select span.calc {
	float: right;
	margin-right: 15px;
}

#model-select div.model h5 {
	font-size: 1.2em;
	font-weight: bold;
	margin:7px 5px 0px 0px;
}

#model-select div.model p {
	font-size: 1.1em;
	margin: 0;
}

/* Costings */
#costings {
	float: left;
	padding-left: 50px;
	width: 455px;
}

#costings table {
	border-top: 2px solid #8e8e8e;
	border-bottom: 2px solid #8e8e8e;
	font-size: 1.4em;
	padding-bottom: 12px;
	margin-bottom: 12px;
	text-align: left;
	width: 455px;	
}

#costings table td {
	padding: 12px 0 0 11px; 	
	white-space:nowrap;
}

/* Buttons Links */
ul.links {
	clear: both;
	float: left;
	margin-bottom: 12px;
}

ul.links li {
	float: left;
	list-style: none;
	height: 20px;
	margin-right: 8px;
	padding-left: 21px;
}

ul.links a {
	display: block;
	height: 18px;
	padding: 2px 19px 0 0;
	text-decoration: none;
	_width: 80px;
}

ul.blue li {
	background: url(imgs/a_link-blue.png) no-repeat 0 0;
}
ul.blue li a {
	background: url(imgs/a_link-blue-2.png) no-repeat top right;
	color: #fff;
}

ul.silver li {
	background: url(imgs/a_link-silver.png) no-repeat 0 0;
}
ul.silver li a {
	background: url(imgs/a_link-silver-2.png) no-repeat top right;
	color: #0c3157;
}

ul.silver {
	width: 300px; /* Fixes IE issue */	
}


/* Footer */
/************************************************************/
#footer {
	_height: 40px;
	min-height: 40px;
	padding: 6px 52px 0 68px;
	width: 900px;
}

a#benz-link {
	background: url(imgs/bg_merc-name.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 15px;
	text-indent: -999em;
	width: 126px;
}
#footer ul {
	float: right;
	padding: 5px 0 0 0;
}

#footer ul li {
	list-style: none;
	float: left;	
}

#footer ul li a {
	border-left: 1px solid #4f4f4f;
	color: #4f4f4f;
	padding: 0 12px;
	text-decoration: none;
}

#footer ul li.first a {
	border: none;	
}

/* Typography */
/************************************************************/
#container p {
	font-size: 1.2em;
	margin-bottom: 20px;
}
#container p.disclaimer {
	font-size: .9em;
	margin: 0;
	padding: 0 0 10px 0;
}
#container span.sml {
	font-size: .7em;	
}
#container span.total {
	font-size: 1.2em;
	font-weight: bold;	
}
h1#heading {
	background: url(imgs/h1_heading.png) no-repeat 0 0;
	height: 21px;
	margin-bottom: 20px;
	text-indent: -999em;
	/*width: 236px;*/
}
h2#sel-vehicle {
	background: url(imgs/label_select-vehicle.png) no-repeat 0 0;
	height: 15px;
	text-indent: -999em;
	width: 114px;
}
h2#sel-model {
	background: url(imgs/label_select-model.png) no-repeat 0 0;
	height: 15px;
	margin-bottom: 13px;
	text-indent: -999em;
	width: 114px;
}
#costing_title h5 {
	font-size: 2em;
	font-weight: bold;
	margin-left: 11px;
}
#costing_title p {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 12px 11px;
}
#costing_title span {
	display:none;
}
/* Overlay */
/************************************************************/
#overlay {
	/*background: url(imgs/bg_overlay.png) repeat 0 0;*/
	background-color:#FFFFFF;
	position: absolute;
	top: 290px;
	left: 0;
	width: 950px;
	z-index: 999;
}