/* TOC

1: - Global Styles
2: - Header
3: - Content
4: - Footer
*/


/* 1 :-------- Global Styles ------------ */

	/* fonts */

		body {
			margin: 0;
			padding: 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: .7em;
			color: #7d7d7d;
			}																
	/* paragraphs */
		p {
			margin-top: .7em;
			margin-bottom: .85em;			
			color: #7d7d7d;
			}		
	/* title */
		h1 {
			margin: 0;
			padding: 0;		
			color: #7d7d7d;
			font-family: times;
			font-size: 1.6em;
			font-weight: normal;
			}
		h2 {
			margin: 0 0 10px 0;
			padding: 0;
			color: #7d7d7d;
			font-size: 1em;
			}	
		h3 {
			margin: 1em 0 0 0;
			padding: 0
			color: #7d7d7d;
			font-size: 1em;
			}						
	/* default links */
		a {
			color: #527bb9;
			text-decoration: none;
			}
		a:hover {
			color: #ff6600;
			text-decoration: none;
			}
		a.red {
			color: red;
			text-decoration: none;
			}
		a.on {
			color: #ff6600;
			text-decoration: none;
			}							
	/* default img */
		img {
			border: 0;
			}
	/* default forms */		
		form {
			margin: 0;
			padding: 0;
			}											
		
/* 2 :-------- Header ------------ */

		.header {
			background: url(../Images/header/bg_header.jpg) 0 0 repeat-y;
			background: url(../Images/elements/new_gradient.gif) 0 0 repeat-y;
			width: 548px;
			height: 93px;
			}
		
		/* logo */	
		.header .logo {
			position: absolute;
			margin: 21px 0 0 30px;
			}
		
		/* title */
		.header .Title {
			float: right;
			margin-top: 27px;
			}						
		
		/* nav */
		span.nav   {
			margin: 5px 0 0;
			padding: 0;
			width: 395px;
			clear:both;
			float:left;
			width:505px;
			border-bottom:1px solid #CCC;
			margin-bottom:15px;
		}
			
		.nav span {
			display: inline;
			height: 18px;
			float: left;
			padding-left:2px;
			background: url(/Images/header/bg_navi_tab.gif) 0 -200px no-repeat;
			
			}			
		.nav a {
			height: 15px;
			padding: 3px 0 0 0;
			color: #003366;
			float: left;
			}
		.nav a:hover {
			color: #00ADEF;
			}
			
		.nav span.off {
		    /*background: url(/Images/header/new_navBg02.gif) top right no-repeat;*/
		    background: url(/Images/header/bg_navi_tab.gif) 100% 0 no-repeat;
		    padding: 0 9px;
		}
			
		.nav span.on {
			/*background: url(/Images/header/new_navBg02.gif) top right no-repeat;*/
			background: url(/Images/header/bg_navi_tab.gif) 100% -100px no-repeat;
			padding: 0 9px;
			border-bottom:1px solid #FFF;
			}
		.nav span.on a {
			color: #00ADEF !important;
			/*background: url(/Images/header/new_navBg01.gif) 0 0 no-repeat;*/
			background: url(/Images/header/bg_navi_tab.gif) 0 -100px no-repeat;
		}
		.contentWrapper {clear:left;}

/* 3 :-------- Content ------------ */

		.content {
			padding: 21px;
			width: 506px;
			clear: both;
			min-height:400px;
			}
		
		/* default table */
		table {
			clear: both;
			border-collapse: collapse;
			}			
		th {
			padding: 3px 6px 3px 0px;
			font-weight: normal;
			color: #333;
			text-align: left;
			}
		th {
			width: 280px;
			text-align:right;
			padding-right:14px;
			vertical-align: top;
			}								
		td {
			padding: 3px 0 3px 0px;
			font-weight: normal;
			color: #333;
			width: 250px;
			vertical-align: top;
			text-align: left;			
			}
		.dealer td {
			padding: 3px 0 3px 0px;			
			}									
		td td {
			padding: 0 0 2px 4px;
			font-size: 1em;
			}
		td span {
			clear: both;
			display: inline;
			}
		label {
			padding-left: 6px;
			}						
		input {
			font-size: 1em;
			margin-right:10px;
			}
		select {
			font-size: 1em;
			width: 250px;
			margin-right:10px;
			}
		.dealer select {
			font-size: 1em;
			width: 250px;
			}			
		textarea {
			width: 235px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1em;	
			height: 70px;		
			}
		.alignButton {
			margin-left: 140px;
			}	
			
		.button {
			margin: 3px 0 1px 6px;
			padding: 2px 1px 2px 13px;
			background: url(/Images/elements/arrow.gif) 0 1px no-repeat #527bb9;
			border: none;
			color: #fff;
			}
		.button:hover {
			background: url(/Images/elements/arrow.gif) 0 1px no-repeat #ff6600;
			border: none;
			color: #fff;
			}
		.orange {
			color: #333;
			}
		.col01 {
			width: 250px;
			float: left;
			}
		.col02 {
			width: 250px;
			float: right;
			}
		.greyBox {
			padding: 9px;
			border-left: solid 1px #c1c1c1;
			border-right: solid 1px #c1c1c1;
			float: left;
			}												
		.greyBox h3 {
			margin-top: 0;
			}
		.greyBox .col01 {
			width: 356px;
			float: left;
			}
		.greyBox .col02 {
			width: 120px;
			float: left;
			}
		.greyBox .button {
			margin-top: 20px;
			width: 100px;
			}
		.page01 {
			width: 356px;
			float: left;
			}
		.page02 {
			width: 130px;
			float: left;
			text-align: right;
			}
		.page02 img {
			text-align: right;
			vertical-align: middle;
			padding-top: 1px;
			}	


		 table.results {
			width: 100%;
			}
		.results th {
			padding: 0 9px 9px 9px;
			vertical-align: top;
			text-align:left;
			}
		.results td {
			padding: 9px;
			vertical-align: top;
			}								
		.branch {
			vertical-align: top;
			width: 444px !important;
			background: #f0f0f0;
			border-top: solid 1px #fff;
			}
		.branch a {
			padding-left: 25px !important;
			font-weight: bold;
			background: url(/Images/elements/linkArrowOff.gif) 0px 2px no-repeat;
			}
		.branch a:hover {
			padding-left: 25px !important;
			font-weight: bold;
			background: url(/Images/elements/linkArrowOn.gif) 0px 2px no-repeat;
			}			
		.branch p {
			margin: 0;
			padding: 0 0 0 25px !important;
			}					
		.service {
			vertical-align: top;
			width: 112px !important;
			background: #f0f0f0;
			border-top: solid 1px #fff;
			}
		.relatedDealer .branch,
		.relatedDealer .service, {
			border-top: solid 1px #f0f0f0;
			}
		a.linkButton {
			padding: 0 0 0 10px;
			background: url(/Images/elements/arrowLinkButtonOff.gif) 0 4px no-repeat;
			}	
		a.linkButton:hover {
			padding: 0 0 0 10px;
			background: url(/Images/elements/arrowLinkButtonOn.gif) 0 4px no-repeat;
			}	
		.line {
			padding-top: 10px;
			clear: both;
			}
			
			
			
			
		table.resultsDetials {
			width: 506px;
			}				
		.branchResults {
			vertical-align: top;
			width: 444px !important;
			}
		.serviceResults {
			vertical-align: top;
			width: 112px !important;
			}
			
		.resultsState input {
			display: block;
			float: left;
			}			
		.resultsState label {
			padding-top: 5px;
			display: block;
			float: left;
			}			
		.resultsService input {
			display: block;
			float: left;
			}			
		.resultsService label {
			display: block;
			float: left;
			width: 65px;
			}
						
			
		div.map {
			clear: both;
			height:178px; width:192px;
			}
			
		div.spacer {
			clear: both;
			height: 30px;
			}
			
		p.helperText {
			font-size: 0.8em;
			}																																	

/* 4 :-------- Footer ------------ */

		.footer {
			position:relative;
			bottom: 0;
			left: 0;
			background: url(../Images/header/bg_header.jpg) 0 0 repeat-y;
			height: 24px;	
			width:548px;
			clear:both;
/*			background: url(../Images/elements/new_gradient.gif) 0 0 repeat-y;
			margin-top: 20px;
			padding-left: 14px;
			width: 534px;
			clear: both;
			*/
			}
		* html .footer{
			position:relative;
			}
		.footer span {
			margin: 0;
			float: left;
			}
		.footer span a {
			margin: 5px 0 5px 6px;
			padding-right: 6px;
			font-size: .9em;
			border-right: solid 1px #9ea1a4;
			color: #000;
			float: left;
			}			
		.footer a:hover {
			color: #fff;
			}
			
		.footer span a.print {
			margin: 0 0 0 1px;
			border: none;
			padding: 5px 8px 5px 20px !important; 
			color: #fff !important; 
			background: url(/Images/elements/arrow.gif) 0 4px no-repeat #527bb9;
			}
		.footer span a.print:hover {
			padding: 5px 8px 5px 20px !important;
			color: #fff !important; 
			background: url(/Images/elements/arrow.gif) 0 4px no-repeat #ff6600;
			}	
			
/* E-Class Form CSS */
.eClassForm {
	background-color: #000000;
	color: #ffffff;
}

.eClassForm .clear {
	clear: both;
}	
.eClassForm .header{
	width: 550px;
	height: 253px;
	background: url(/Images/header/eclass_testdrive_header.jpg) no-repeat 0 0;
}

.eClassForm .header h1 {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.eClassForm .content {
	padding: 25px 25px 28px 40px;
	width: auto;
}

.eClassForm td, .eClassForm th, .eClassForm p {
	color: #ffffff;
}

.eClassForm .orange {
	color: #ffffff;
}

.eClassForm .footer {
	background: #1e0904;	
	color: #a29a97;
	height: auto;
	width: 100%;
}

.eClassForm .footer span{
	float: none;
}
.eClassForm .footer .links {
	float: right;
	padding: 13px 18px 13px 0px;
}

.eClassForm .footer a {
	color: #a29a97;
	font-size: 1em;
}
.eClassForm .footer .last a {
	border-right: none;
}

.eClassForm .alignButton {
	margin-top: 30px;
	margin-bottom: 30px;
}


/* MISC FORM */	
.miscForm {
	background-color: #000000;
	color: #ffffff;
}

.miscForm .clear {
	clear: both;
}	

/*
.miscForm .header h1 {
	position: absolute;
	top: -9999px;
	left: -9999px;
}*/	

.miscForm .content {
	padding: 25px 25px 28px 40px;
	width: auto;
}

.miscForm td, .miscForm th, .miscForm p {
	color: #ffffff;
}

.miscForm .orange {
	color: #ffffff;
}

.miscForm .footer {
	background: #000;	
	color: #a29a97;
	height: auto;
	width: 100%;
}

.miscForm .footer span{
	float: none;
}
.miscForm .footer .links {
	float: right;
	padding: 13px 18px 13px 0px;
}

.miscForm .footer a {
	color: #a29a97;
	font-size: 1em;
}
.miscForm .footer .last a {
	border-right: none;
}

.miscForm .alignButton {
	margin-top: 30px;
	margin-bottom: 30px;
}


/* MISC Product Enquiry
.productEnquiry .header {
    background:url(/Images/header/product-enquiry-header.jpg) no-repeat 0 0;
}*/

.productEnquiry option:disabled
{
    color:#666666;
}

/* Motor Show form */


.motorShowForm {
	background-color: #000000;
	color: #ffffff;
	
}

.motorShowForm #container,
.productEnquiry #container{
	width:1920px; 
	margin:0 auto;
	}

.motorShowForm .clear,
.productEnquiry .clear{
	clear: both;
}	
.motorShowForm .header{
	width: 1920px;
	height: 986px;
	display:none;
	background: url(/Images/header/sls_amg_header.jpg) no-repeat 0 0;
}

.motorShowForm .header h1{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.motorShowForm .content,
.productEnquiry .content{
	padding: 10px 40px 28px 20px;
	width: 944px;
	float:left;
	font-size:13px;
}

.motorShowForm td, .motorShowForm th, .motorShowForm p,
.productEnquirytd, .productEnquirytd th, .productEnquirytd p{
	color: #ffffff;
}

.motorShowForm label,
.productEnquiry label{
    width:170px;
    display:inline-block;
}

.motorShowForm .orange,
.productEnquiry .orange{
	color: #ffffff;
}

.motorShowForm .footer,
.productEnquiry .footer{
	background: #000;	
	color: #a29a97;
	height: auto;
	width: 100%;
	display:none;
}

.motorShowForm .footer span,
.productEnquiry .footer span{
	float: none;
}
.motorShowForm .footer .links,
.productEnquiry .footer .links{
	float: right;
	padding: 13px 18px 13px 0px;
}

.motorShowForm .footer a ,
.productEnquiry .footer a{
	color: #a29a97;
	font-size: 1em;
}
.motorShowForm .footer .last a,
.productEnquiry .footer .last a{
	border-right: none;
}

.motorShowForm .alignButton,
.productEnquiry .alignButton{
 	margin:30px 0 30px 0;
}

.motorShowForm td,
.productEnquiry td{
	 width:650px; }
.motorShowForm h2 ,
.productEnquiry h2{
	margin:0;  }
	
.motorShowForm .title{
	margin:96px 0 4px; }
	
	
.productEnquiry .title{
	margin:0px 0 4px; }
	
	

.motorShowForm p.helperText 
{
	
}

/*.productEnquiry p{
	width:480px;
}*/
.motorShowForm label ,
.productEnquiry label{
    padding-left:0;
    vertical-align:top;
}
.motorShowForm input,
.productEnquiry input{ 
    width:300px;
}
.motorShowForm select,
.productEnquiry select {
    /*height:25px;*/
    width:307px;
}

.motorShowForm input[type="image"] ,
.productEnquiry input[type="image"]{
    width:124px;
}

.motorShowForm td input[type="checkbox"] ,
.productEnquiry td input[type="checkbox"]{
	    vertical-align:top;
	     width:50px;
	    display:inline-block;
	    margin-left:20px;
	   
	}
.motorShowForm td input[type="radio"] ,
.productEnquiry td input[type="radio"]{
	     width:auto;
	   
	}
.motorShowForm td ,
.productEnquiry td{
	padding-bottom:10px;
}


/* IPHONE */

@media only screen and (max-device-width: 480px){

	html, body {
		-webkit-text-size-adjust:none;
  		font-family:Helvetica, Arial, Verdana, sans-serif;
		width:100%;
		height:100%;
		padding:0;
		margin:0;
	}
	
	#logo 
	{
	    background:url("/Images/header/logo_mercedes_l.jpg") no-repeat;
        display:block;
        height:43px;
        padding:0;
        margin:0;
	}
	
	.motorShowForm ,
	.productEnquiry {
		background-color: #000000;
		color: #ffffff;
		background:#000;
		background-image:none;
		width:100%;
	}
	
	.productEnquiry .header, .motorShowForm .header {
    display:none;
	}
	
	.motorShowForm .title ,
	.productEnquiry .title{
	  margin-left:8px;
	  margin-top:20px;
	}
	
	.motorShowForm p.helperText ,
	.productEnquiry  p.helperText {
	    margin-left:6px;
	    
	}
	
	.motorShowForm p ,
	.productEnquiry p {
	    font-size:1.2em;
	    margin-left:8px;
	    margin-bottom:30px;
	}
	
	.motorShowForm .content  ,
	.productEnquiry .content {
		width:100%;
		height:auto;
		padding:0;
	}
	.motorShowForm tr ,
	.productEnquiry tr {
		position:relative;	
	}

	.motorShowForm td ,
	.productEnquiry td{
		position:relative;
		top:30px;
		
		padding-bottom:20px;
	}
	
	.motorShowForm td label ,
	.productEnquiry td label{
	    display:inline-block;
	    width:220px;
	    font-size:1.2em;
	    margin-bottom:10px;
	}
	
	.motorShowForm td input ,
	.productEnquiry td input {
	    width:93%; 
	    height:45px;
	    margin-right:0;
	    font-size:1.6em;
	}
	.motorShowForm td input[type="radio"]  ,
	.productEnquiry td input[type="radio"] {
	    display:block;
	    width:43px;
	    height:43px;
	    position:relative;
	    top:30px;
	    left:220px;
	}
	
	.motorShowForm td input[type="checkbox"] ,
	.productEnquiry td input[type="checkbox"] {
	    display:inline-block;
	    width:43px;
	    position:relative;
	    top:4px;
	    margin-left:20px;
	    height:43px;
	}
	
	.dealer select,
	select 
	{
	    font-size:1.2em;
	    width:100% !important;
	    height:45px;
	    margin-right:0;
	}
	
	.motorShowForm table ,
	.productEnquiry table {
	    margin: 0 8px 8px 8px;
	}
	.motorShowForm .content,
	.motorShowForm #container ,
	.productEnquiry .content,
	.productEnquiry #container{
	    float:none;
	    clear:none;
	    width:100%;
	    margin:0 0;
	    padding:0;
	}
	
	.motorShowForm .alignButton ,
	.productEnquiry .alignButton{
        margin:10px 0 0 6px;
    }  
    
    .alignButton 
    {
        margin-left:6px;
    } 
	
	.motorShowForm .header ,
	.productEnquiry .header {
		width:100%;	
	}
	.motorShowForm input[type="image"] ,
    .productEnquiry input[type="image"]{
        width:220px;
        height:44px;
    }
}

@media screen and (max-width: 320px) {
	#logo {
	     background:url("/Images/header/logo_mercedes_p.jpg") no-repeat;
	     display:block;
         height:43px;
         padding:0;
         margin:0;
	}
}



/* IPAD*/

.ipad
{
    background-image:none !important;
    background-position:-1000px 0;
}

body.ipad {
		-webkit-text-size-adjust:none;
  		font-family:Helvetica, Arial, Verdana, sans-serif;
		width:100%;
		padding:0;
		margin:0;
		background-image:none !important;
	}

.ipad .title {
    margin-left:25px;
    margin-top:25px;
}

.ipad .content > p {
    margin-left:25px;
}

.ipad table {
    margin-left:25px;
}



.ipad .content,
	.ipad #container 
	{
	    float:none;
	    clear:none;
	    width:100%;
	    margin:0 0;
	    padding:0;
	}

.ipad td label {
	    display:inline-block;
	    width:220px;
	    font-size:1.2em;
	    padding-bottom:10px;
	}

.ipad .dealer select,
	.ipad select 
	{
	    font-size:1.2em;
	    width:100%;
	    height:45px;
	    margin-right:0;
	}
	
.ipad td input {
	    width:97%;
	    height:45px;
	    margin-right:0;
	    font-size:1.6em;
	}
.ipad .alignButton 
{
    margin-left:25px;
}
.ipad td input[type="radio"] 
	{
	    display:block;
	    width:43px;
	    height:43px;
	    position:relative;
	    top:30px;
	    left:220px;
	}
	 .ipad #logo
    {
        background:url("/Images/header/logo_ipad_mercedes_p.jpg") no-repeat;
        display:block;
            height:43px;
            padding:0;
            margin:0;
    }
    
    .ipad .header {
    display:none;
	}
	
@media screen and (min-width: 769px) {
	.ipad #logo {
	     background:url("/Images/header/logo_ipad_mercedes_l.jpg") no-repeat;
	     display:block;
        height:43px;
        padding:0;
        margin:0;
	}
	
}