/* www.hesta.com.au Content*/

/* 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/elements/new_gradient.gif) 0 0 repeat-y;
			width: 548px;
			height: 96px;
			}
		
		/* logo */	
		.header .logo {
			position: absolute;
			margin: 20px 40px;
			}
		
		/* title */
		.header .Title {
			float: right;
			}						
		
		/* nav */
		span.nav   {
			margin: -2px 0 0;
			padding: 0;
			height: 22px;
			width: 395px;
			float: right;
			}
		.nav span {
			display: inline;
			height: 22px;
			float: left;
			}			
		.nav a {
			height: 18px;
			padding: 4px 5px 0 8px;
			color: #373938;
			float: left;
			}
		.nav a:hover {
			color: #0284ea;
			}
		.nav span.on {
			background: url(/Images/header/new_navBg02.gif) top right no-repeat;
			padding-right: 3px;
			}
		.nav span.on a {
			color: #373938!important;
			background: url(/Images/header/new_navBg01.gif) 0 0 no-repeat;
			}			

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

		.content {
			padding: 21px;
			width: 506px;
			clear: both;
			}
		
		/* default table */
		table {
			clear: both;
			border-collapse: collapse;
			}			
		th {
			padding: 3px 6px 3px 0px;
			font-weight: normal;
			color: #333;
			text-align: left;
			}
		th {
			width: 140px;
			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: block;
			}
		label {
			padding-left: 6px;
			}						
		input {
			font-size: 1em;
			}
		select {
			font-size: 1em;
			width: 150px;
			}
		.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;
			}
		.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: fixed;
			bottom: 0;
			left: 0;	
			background: url(../Images/elements/new_gradient.gif) 0 0 repeat-y;
			height: 23px;	
			clear:both;
/*			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: #63676a;
			float: left;
			}			
		.footer a:hover {
			color: #0284ea;
			}
			
		.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;
}


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

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

.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;
}