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

/* TOC

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

*/


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

	/* fonts */


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

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

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

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


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

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

		div.body_content .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 div.body_content .footer{
			position:relative;
			}
		div.body_content .footer span {
			margin: 0;
			float: left;
			}
		div.body_content .footer span a {
			margin: 5px 0 5px 6px;
			padding-right: 6px;
			font-size: 100%;
			border-right: solid 1px #9ea1a4;
			color: #63676a;
			float: left;
			}			
		div.body_content .footer a:hover {
			color: #0284ea;
			}
			
		div.body_content .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;
			}
		div.body_content .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 */
div.body_content .eClassForm {
	background-color: #000000;
	color: #ffffff;
}

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

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

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

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

div.body_content .eClassForm .orange {
	color: #ffffff;
}

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

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

div.body_content .eClassForm .footer a {
	color: #a29a97;
	font-size: 100%;
}
div.body_content .eClassForm .footer .last a {
	border-right: none;
}

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