/* ------------------------------------------------------------------------------*/
/*	Designed and Produced by Carlson Digital - a division of Carlson Marketing.  */
/*	Build start date:                                                            */
/*	Developer:                                                                   */
/* ------------------------------------------------------------------------------*/


/*----------------------------------*/
/* 1. General Setup                 */

	* {
		padding: 0;
		margin: 0;
	}

	body {
		font-family: verdana, arial, helvetica, sans-serif;
		text-align: center;
		font-size: 1em;
		overflow: -moz-scrollbars-vertical;
		background: #fff;
	}

	a {
		color: #000;
	}

	a:visited,
	a:hover,
	a:active {
		color: #777;
	}

	hr {
		color: #000;
		background: #000;
		height: 1px;
		border: 0;
	}

	p {
		padding: 4px 0;
	}

	img {
		display: block;
		border: 0;
		margin: 0;
	}

	fieldset {
		border: 0;
	}

	legend {
		display: none;
	}

	abbr,
	acronym {
		cursor: help;
		border-bottom: 1px dotted #000;
	}

	select option {
		padding-right: 5px; /* FF: The star rule above for removing the padding also effects the select option's  */
	}

	select optgroup option {
		padding-left: 20px; /* FF: The star rule above for removing the padding also effects the select opt-groups  */
	}

/*------------------------------------*/
/* 2. Generic Classes                 */


	.hide {
		display: none;
	}

	.offScreen {
		position: absolute;
		left: -5000px;
	}

	.clearFix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	/* Hides from IE-mac \*/
		* html .clearFix {height: 1%;}
	/* End hide from IE-mac */

	.clear {
		clear: both;
	}

	.help {
		cursor: help;
	}

	.smallText {
		font-size: 0.8em;
	}

	.javascriptElement {
		display: none;
		/* See /a/js/global/scripts.js to see how this is updated */
	}

/*-----------------------------------*/
/* 3. Page Frame                     */
	#wrapper {
		width: 1000px;
		position: relative;
	/*	background: #fff url(/a/img/global/bg_repeat.gif) left top repeat-y; */
		margin: 0 auto;
		font-size: 0.7em;
		text-align: left;
	}

	/*-----------------------------------*/
	/* 3A. Browser fixes                 */

		#wrapper table {
			font-size: 1em;
		}

	
	
			#wrapper form textarea,
			#wrapper form select {

			font-size: 1em;
			background-color:#ccc; 
			}

			#wrapper form input {
				font-size: 1em;
			/*	background-color:#fff; */
			}
	
	/*
	
		#wrapper form input,
		#wrapper form textarea,
		#wrapper form select {
			font-size: 1em;
			background-color:#ffffff; 
		}
	*/	

	/*-----------------------------------*/
	/* 	3B Admin Nav for dealer 	 	 */

		#admin_nav {
			width: 1000px;
			padding: 5px 0 0 0;
			margin: 0 auto;
			font-size: 0.7em;
			text-align: left;
			height: 30px;
		}

	/*-----------------------------------*/
	/* 	3C CMS Nav for dealer edits 	 */

/* orig
		#cmsNav {
			width: 200px;
			margin: 5px auto;
			text-align: right;
			border: 1px solid #000;
			width: 600px;
			float:right;
		}
		
		ul#cmsBtn {
			margin-top: 6px;
			list-style-type: none;
			float: right;
			clear: both;
		}

			ul#cmsBtn li {
				display: inline;
				border: 1px solid #000;
			}
end orig */
/* working */
		#cmsNav {
			width: 1000px;
			margin: 0 auto;
		}
		
		ul#cmsBtn {
			margin-top: 6px;
			width: 400px;
			list-style-type: none;
			float: right;
			clear: both;
		}

			ul#cmsBtn li {
				display: inline;
				margin-left: 10px;
				float: right;
			}
/*  end working */

/* abs ver.
		#cmsNav {
			width: 600px;
			position: absolute;
			float:right;
		}

		ul#cmsBtn {
			margin-top: 6px;
			list-style-type: none;
			float: right;
			clear: both;
		}

			ul#cmsBtn li {
				display: inline;
				border: 1px solid #000;
			}
  end abs.ver */

/*-----------------------------------*/
/* 4. Header	                     */

	/*--------------------------------------------------*/
	/* General                                          */

		#pageHeader,
		#pageHeaderAdmin {
			position: relative;
			background: #ccc url(/a/img/global/headerBg.gif) top left repeat-y;
			border-bottom: 1px solid #fff;
			color: #ccc;
			width: 1000px;
			overflow: auto;
		}

	/*--------------------------------------------------*/
	/* Site ID                                          */

		#pageHeader h1,
		#pageHeaderAdmin h1 {
			float: left;
		}

	/*--------------------------------------------------*/
	/* Main nav                                         */

		#pageHeader div.topNavWrapper,
		#pageHeaderAdmin div.topNavWrapper {
		   float:right;
		   width:849px;
		   position:relative;
		   border-left: 1px solid #fff;
		   background-color: #ccc;
		}

		#pageHeader ul,
		#pageHeaderAdmin ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			width: 849px;
			background-color: #333;
		}

		#pageHeader ul li,
		#pageHeaderAdmin ul li {
			margin: 0 0 0 5px;
			line-height: 3.1em;
			display: inline;
		}

		#pageHeader ul li a,
		#pageHeaderAdmin ul li a {
			color: #ccc;
			padding-bottom: 1px;
			text-decoration: none;
		}

		#pageHeader ul li a:hover,
		#pageHeaderAdmin ul li a:hover {
			color: #fff;
		}

		#pageHeader ul li.active a,
		#pageHeaderAdmin ul li.active a {
			color: #fff;
			border-bottom: 1px solid #fff;
		}

		#pageHeader.headerAdminEnabled ul li a,
		#pageHeader.headerAdminEnabled ul li a:hover {
			color: #333; /* Temporary hidden */
			border-bottom: 0;
		}

	/*--------------------------------------------------*/
	/* Sub nav - holder                                 */

		#pageHeader div#subNav,
		#pageHeaderAdmin div#subNav {
			width: 849px;
			background: #ccc;
			float: none;
			height: 3.15em;
			border-left: 0;
			border-top: 1px solid #fff;
			width: auto;
		}

	/*--------------------------------------------------*/
	/* Sub nav - links                                  */

		#pageHeader ul#subNav,
		#pageHeaderAdmin ul#subNav {
			background: #ccc;
			border-top: 1px solid #fff;
			float: left;
			display: inline;
			font-size: 0.9em;
		}

		#pageHeader ul#subNav li,
		#pageHeaderAdmin ul#subNav li {
			line-height: 3.5em;
			display: inline;
		}

		#pageHeader ul#subNav li a,
		#pageHeaderAdmin ul#subNav li a {
			color: #666;
			padding-bottom: 1px;
			text-decoration: none;
		}

		#pageHeader ul#subNav li a:hover,
		#pageHeaderAdmin ul#subNav li a:hover {
			color: #333;
		}

		#pageHeader ul#subNav li.active a,
		#pageHeaderAdmin ul#subNav li.active a {
			color: #333;
			border-bottom: 1px solid #333;
		}

	/*--------------------------------------------------*/
	/* Admin, download manual                           */

		p#downloadManual {
			position: absolute;
			background: url(/a/img/hdcms/pdfIcon.gif) no-repeat 0 4px;
			top: 0.1em;
			right: 0;
			color: #ccc;
			margin-right: 10px;
		}
	
			p#downloadManual a {
				color: #ccc;
				background: url(/a/img/hdcms/pdfIcon.gif) no-repeat;
				padding-left: 30px;
				line-height: 2.2em;
				display: block;
				text-decoration: none;
			}
	
				p#downloadManual a:hover {
					color: #fff;
				}
		
/*--------------------------------------------------*/
/* Admin panel                                      */

	#adminPanel {
		background: #7B9AB7;
		border-bottom: 3.15em solid #FFF;
		height: auto !important; /* Good browsers */
		height: 3.15em;; /* IE6: treats height as min-height, and does not understand important */
		min-height: 3.15em;
	}

	#adminPanel p {
		padding: 0 10px;
		line-height: 3.1em;
	}

	#adminPanel form {
		line-height: 3.15em;
		margin-right: 10px;
		float: right;
	}
	
	#abnormalSubNav { 
		color:#666666;
	}

/*-----------------------------------*/
/* 8. Content	                     */

#content {
	/*background: transparent url(/a/img/global/navColBg.gif) top left repeat-y;*/
	/*border-top: 1px solid #fff;*/
	position: relative;
	width: 1000px;
	background: transparent;
}

#subContent {
	border-top:1px solid #fff;
	float: left;
}

#centrePiece {
/*width: 768px;
border-bottom: 1px solid #fff; */
float: left;
background: #fff;
}

#centrepiece img {
margin-left: 1px;
}

#infoPane {
position: absolute;
top: 0;
right: 0;
width: 231px;
color: #fff;
background-color: #1d3d7a;
}

#infoPane a {
color: #fff;
font-weight: bold;
text-decoration: none;
}

h2 {
font-size: 1.6em;
}

h3 {
font-size: 1.3em;
}

/*-----------------------------------*/
/* x. navCol	                     */

#navCol {
	width: 150px;
	float:left;
	position:relative;
	border-right: 1px solid #fff;
	background-color: #7b9ab7;
}

/*-----------------------------------*/
/* x. nav Col logos                  */
/* this is actually outside the	nav  */
/* col osition absolutely accoring   */
/* to the content div                */


#navColLogos {
	position: absolute;
	bottom: 36px;
	left: 48px;
}

	#navColLogo1 {
		width: 55px;
		height: 29px;
		background: transparent url(/a/img/global/hyundaiLogoSmall.gif) top left no-repeat;
	}

	#navColLogo2 {
		width: 55px;
		height: 29px;
		background: transparent url(/a/img/global/fiveYearLogoSmall.gif) top left no-repeat;
	}

		#navColLogo2 a,
		#navColLogo2 a:visited,
		#navColLogo2 a:hover {
			display: block;
			width: 55px;
			height: 29px;
		}


/*-----------------------------------*/
/* 9. PageNav	                     */

ul#pageNav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 150px;
	/*float: left; *//* now the float is handled by a wrapper div #navCol */
	background: #1c3c79;
}

	ul#pageNav li {
		border-bottom: 1px solid #fff;
	}

	ul#pageNav li a {
		display: block;
		padding: 8.5px;
		text-decoration: none;
		color: #fff;
	}

	ul#pageNav li.active a {
		background: #c1c1c1;
		color: #000;
		font-weight: bold;
	}

		ul#pageNav li a:hover {
			background: #222;
			color: #fff;
		}


/*-----------------------------------*/
/* 3rd level navigation              */
ul#navLevel3 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float:left;
	display:inline;
	background:#ccc;
	padding-right:10px;
	font-size:0.9em;
}

	ul#navLevel3 li {
		margin: 0 0 0 10px;
		display:inline;
		line-height: 3.3em;
	}

		ul#navLevel3 li a {
			padding-bottom: 1px;
			text-decoration: none;
			color:#666;
		}

			ul#navLevel3 li a:hover {
				color: #333;
			}

		ul#navLevel3  li.active a {
			color: #333;
			border-bottom: 1px solid #333;
		}


#navLevel3Wrapper {
	background:#ccc;
	border-bottom:1px solid #fff;
}

/*-----------------------------------*/
/* Wraps the inner columns           */
#contentColsWrapper {
	/* min height fix */
	min-height: 150px;
	height: auto !important;
	height: 150px;
/*	width:849px; */
	float:left;
}

/*-----------------------------------*/
/* inner columns                     */
#innerCol1,
#innerCol2 {
    border-right: 1px solid #fff;
}

#innerCol1 {
	width:308px;
	float:left;
	display:inline;
	position:relative;
}

#innerCol1 .visualPadding {
	border-bottom: 1px solid #fff;
}

	#innerCol1 .imageSlot,
	#innerCol2 .imageSlot,
	#innerCol3 .imageSlot {
		border-bottom:1px solid #fff;
		overflow:hidden;
	}

	#innerCol2 div.imageSlot_caption {
		padding: 15px 5px 0 5px;
	}

	#innerCol2 div.imageSlot_caption p {
		width: 350px;
	}

	#innerCol1 h2 {
		font-size:1.6em;
		font-weight:normal;
		margin:20px 0 0 15px;
	}

	#innerCol1 p {
		margin:0px 15px;
	}

#innerCol2 {
	width:308px;
	float:left;
	display:inline;
}

	#innerCol2 .visualPadding {
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		overflow:hidden;
	}

	#innerCol2 h2 {
		font-size:1.6em;
		font-weight:normal;
		margin:20px 0 0 15px;
	}

	#innerCol2 p {
/*		margin:0px 15px; */
	}
	
	#innerCol2 ul {
		padding: 0 0 0 40px;
		margin:0;
	}

#innerCol3 {
	width:231px;
	float:left;
	display:inline;
}

/*-----------------------------------*/
/* 10. Footer	                     */

#footer {
	width: 1000px;
	margin: 0 auto;
	border-top: 1px solid #fff;
	background: #1c3379;
	font-size: 1em;
	padding-top: 4px;
	clear: both;
}

#footer ul {
	float: left;
	list-style-type: none;
	margin-left: 10px;
}

	#footer ul li {
		float: left;
		color: red;
		margin: 3px 15px 3px 0;
		padding: 0;
	}

	#footer ul li.last {
		border: none;
		padding: 0;
	}

		#footer ul li a {
			color: #ccc;
			padding: 0;
			text-decoration: none;
			display: block;
		}

			#footer ul li a:hover {
				color: #EE1D23;
				text-decoration: underline;
			}


.rightFooter,
.rightFooter a,
.rightFooter a:visited {
	text-align: right;
	color: #cccccc;
	padding-right: 10px;
	text-decoration: none;

}

.rightFooter a:hover {
	color: #EE1D23;
	text-decoration: underline;
}

/*--------------------------------------------------*/
/* Basic form                                       */

form.basicForm{
}

form.basicForm .row{
	clear:both;
}
form.basicForm .label{
	margin-left:15px;
	font-weight:bold;
	width:16em;
	float:left;
	padding-top:.25em;
	padding-bottom:0.5em;
	color:#333;
}

form.basicForm .label label{
	cursor:pointer;
}

form.basicForm .input{
	float:left;
	padding-bottom:0.5em;
}

form.basicForm .input input{
	width:16em;
}
form.basicForm .optin .input input{
	width:auto;
}

form.basicForm .optin{


}


form.basicForm .optin .label{
/* 	width: 600px;*/
 	text-align: left;

}
form.basicForm .optin .input{
	margin:1px 0 0 15px;
}


/*
If this styling ends up being NOT generic then it needs to be moved to the relevant sub css.
E.g. /testDrive/, /brochures/

Joel
*/
form.basicForm .submit{
/*	background-color:#3a414e;*/
	display:block;
	float:left;
	clear:both;
	border-lef t:1px solid #fff;
}
form.basicForm .submit .button{
	margin:0.5em 1em 0.5em auto;
	float:right;
}

/*-----------------------------------*/
/* CMS edit stuff					 */

	.edit_link {
		bottom: 5px;
		right: 10px;
	}

	.edit_link a {
		position: absolute;
		top: 67px;
		right: 10px;
	}

.eip_edit_symbol {
	background: #fff9d8;
	background: #95badd;
	color: #333;
	line-height: 1.25em;
	cursor: pointer;
}

a.editBtn {
	background: #cc0000;
	border: 1px solid #fff;
	padding:1px 5px;
	font-size: 0.85em;
	color: #fff;
	display: block;
}
a.editBtn:hover {
	background: #333;
	border: 1px solid #fff;
	padding:1px 5px;
	font-size: 0.85em;
	color: #fff;
	display: block;
}

.publishError { 
	color:#FF0000;
	font-size:80%;
	text-align:right;
}

/* Relative Positioning for the CMS Edit links on the homepage */
#innerCol1,
#innerCol2,
#innerCol3 {
	position: relative;
}
.image_edit_symbol {
	position: relative;
}

.image_edit_symbol_none {
display:block;
}
	
#imageEditBtn a.editBtn {
	bottom: 10px;
	right: 10px;
	text-decoration: none;
	position: absolute;
	display: block;
	background: #cc0000;
	border: 1px solid #fff;
	padding:1px 5px;
	font-size: 0.85em;
	color: #fff;
	display: block;
}
#imageEditBtn a.editBtn:hover {
	background: #333;
	border: 1px solid #fff;
	padding:1px 5px;
	font-size: 0.85em;
	color: #fff;
	display: block;
}

/* sidebar */
.edit_link {
	position: relative;
}
.edit_link a.editBtn {
	text-decoration: none;
	position: absolute;
	top: -110px;
	right: 0px;
	display: block;
	background: #cc0000;
	border: 1px solid #fff;
	padding:1px 5px;
	font-size: 0.85em;
	color: #fff;
	height: 1.2em;
	display: block;
}

#service_edit.edit_link a.editBtn { 
	top:-15px; 
	right:-15px; 
}

.edit_link a.editBtn:hover {
	background: #333;
	border: 1px solid #fff;
	padding:1px 5px;
	font-size: 0.85em;
	color: #fff;
	display: block;
}

.promo {
	min-height: 80px;
	height: auto !important;
	height: 80px;
}

#corp_details p {
	width:370px;
}

#corp_details p input, #corp_details p select, #corp_details p textarea {
	 width:175px !important;
	 float:right;
}

#corp_details form p{
	 vertical-align:middle;	
	 clear:both;
}
																						
#corp_details form p label{
	float:left;
  padding-top:2px;
	text-align:left;
}

#corp_details form p .forcheck {
  margin-left:4px;
}

#corp_details #contact p label {
	width:180px;
}
																																									 	
#corp_details form p input{
	float:right;
	padding-right:10px;
}

#corp_details_submit {
  width:50px;
}

#company_registration {
  text-align:left;
	padding-left:3px;
  font-size:0.7em;
  color:#999999;
  width: 1000px;
  position: relative;
  margin: 0 auto;
}


/*p.imageDisclaimer{
	font-size:85%;
	padding:40px 0;
}
*/