/* CSS Document */

BODY{

	background-color:#000000;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
}


IMG, IMG A{

	Border:0;
}


P{
	margin-top:0;
	margin-bottom:1em;
}

	
H1{

	font-size:1.2em;
	color:#1c508c;
	padding:0;
	margin: 0 0 0.7em 0;

}

H2{

	font-size:1.1em;
	color:#1c508c;
	padding:0;
	margin: 0 0 0.7em 0;

}


DIV.left{

	float:left;
}


DIV.right{

	float:right;

}

DIV.outterBox{

	width:990px;
	float:left;
}


DIV#wrapper{

	width:990px;
	float:left;

}

DIV#head{

	width:990px;
	float:left;
	background-color:#FFFFFF;
	padding:0;
	margin:0;
	height:61px;
}

DIV#logo{

	float:left;
	width:189px;
	margin:0 2px 0 0;
	padding:0;
}

/********************** nav ************************/


DIV#topNav{
	
	float:left;
	margin:0px;
	padding:0px;
	width:799px;
	background-color:#272727;
	height:29px;
}

DIV#topNav UL{
	
	float:left;
	margin:0px;
	padding:9px 0px 0px 0px;
	color:#FFFFFF;
	list-style:none;
}

DIV#topNav UL LI{
	
	margin:0px 0px 0px 26px;
	padding:0px;
	display:inline;
	font-size:1em;

}

DIV#topNav UL LI A{

	color:#FFFFFF;
	text-decoration:none;
	
}

DIV#topNav UL LI A:hover{

	text-decoration:none;
	
	
}

DIV#topNav UL LI A.active{
	
	text-decoration:none;
	
}


DIV#topNav_cars{

	float:left;
	margin:1px 0px 0px 0px;
	padding:0px;
	width:799px;
	background-color:#434343;
	height:30px;
}

DIV#topNav_cars UL{

	float:left;
	margin:0px 0px 0px 0px;
	padding:9px 0px 0px 0px;
	color:#FFFFFF;
	list-style:none;
	display:inline;
}

DIV#topNav_cars UL LI{

	margin:0px 0px 0px 26px;
	padding:0px 0px 0px 0px;
	display:inline;
	font-size:1em;
}


DIV#topNav_cars UL LI A{

	color:#FFFFFF;
	text-decoration:none;
	font-size:1em;
	
}

DIV#topNav_cars UL LI A:hover{

	text-decoration:none;
	
}

DIV#topNav_cars UL LI A.active{
	
	text-decoration:none;
}

/*************** Home styles  ************/

DIV#main{

	/*background:#272727;*/
	width:990px;
	float:left;
	background:#FFFFFF;
}

DIV.FeatureArea{

	width:990px;
	float:left;
}

DIV.banner{

	float:left;
	width:614px;
	padding:0px;
	margin:0px;
	background:#FFFFFF;

}

DIV#bannerCopyImg{

	float:left;
	width:247px;
	background-image:url(/content/hyundaiImg/headers/bannerCopyTitle.gif);
	background-repeat:no-repeat;
	height:193px;
}

DIV#bannerCopyImg P{

	margin:80px 15px 10px 20px;
	color:#d9d8d7;
}


DIV#bannerImg{
	float:left;
	padding:0px;
	margin:0px;
	width:367px;
	height:193px;
}

DIV.infoTable{

	float:right;
	width:375px;
	height:324px;
	background-image:url(/content/hyundaiImg/backgrounds/homeCarTable.gif);
	background-repeat:no-repeat;
}

DIV.infoTable TABLE TD{

	/*height:74px;*/
	padding:0px;
	margin:0px;
}

DIV.infoTable TABLE H1{

	padding:0px;
	margin:0px 61px 0px 21px;
	font-size:1em;
	color:#3a4d5f;

}

DIV.infoTable TABLE H2{

	padding:0px;
	margin:0px 61px 5px 21px;
	font-size:.9em;
	text-transform:uppercase;
	color:#3a4d5f;
	text-align:right;
}

DIV.infoTable TABLE H2 A{

	background-image:url(/content/hyundaiImg/buttons/arrows.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:15px;
	color:#3a4d5f;
	text-decoration:none;
	display:block;

}




DIV.infoTable TABLE P{

	padding:0px;
	margin:0px 40px 0px 21px;
	font-size:1em;
	color:#3a4d5f;

	
}

DIV.getQuote{

	float:left;
	margin-top:1px;
	padding:15px 0px 0px 19px;
	height:88px;
	width:595px;
	background-image:url(/content/hyundaiImg/backgrounds/getQuoteBG.gif);
	background-repeat:repeat-x;
	color:#476192;

}

DIV.getQuote H1{

	margin:0px;
	padding:0px;
}

DIV.getQuote P{

	margin-top:0.7em;
	margin-bottom:0;
}


DIV.getQuote UL{

	margin:12px 0 0 0;
	padding:0;
	list-style:none;
}

DIV.getQuote UL LI{

	margin:0 10px 0 0;
	padding:0;
	display:inline;

}

DIV.thickLine{
	
	width:615px;
	height:27px;
	float:left;
	background-image:url(/content/hyundaiImg/backgrounds/curve_lineBG.gif);
	background-repeat:repeat-x;
}

DIV#adArea{
	
	background-color:#fefefe;
	float:left;
	width:990px;
	background-image:url(/content/hyundaiImg/backgrounds/adAeroBG.gif);
	background-repeat:repeat-x;

}

DIV.adImage IMG{
	float:left;
	border-bottom:1px solid #FFFFFF;
	margin:0px;
	padding:0px;

}


DIV.groupADContent{

	float:left;
	border-right:1px solid #FFFFFF;
}

DIV.groupADContent_last{

	float:left;
	border-right:none;
}

DIV.adInfo{

	float:left;
	width:272px;
	/*height:65px;*/
	clear:left;
	padding:14px 15px 10px 19px;
}

DIV.adInfo H1{


	margin:0;
	padding:0;

	
}

DIV.adInfo P{

	margin-top:0.7em;
	margin-bottom:0.2em;
	color:#1c3c79;

}



DIV.adInfo_small{

	float:left;
	/*height:65px;*/
	clear:left;
	padding:14px 15px 10px 19px;
}


DIV.adInfo_small H1{


	margin:0;
	padding:0;

	
}

DIV.adInfo_small P{

	margin-top:0.7em;
	margin-bottom:0.2em;
	color:#1c3c79;
}


/***** foot nav ********/

DIV#footer{

	background:#272727;
	width:970px;
	float:left;
	padding:7px 0px 6px 20px;
	
	font-size:0.9em;
}

DIV#footer UL{

	margin:0;
	padding:0;
	float:left;
	list-style:none;
	color:#939393;
}

DIV#footer UL LI{

	margin:0;
	padding:0;
	display:inline;
}


DIV#footer UL LI A{

	color:#939393;
	text-decoration:none;

}

DIV#footer UL LI A:hover{

	text-decoration:underline;
}


/********Current offers page **********/


DIV#carImgNav{
	position:relative;
	width:990px;
	float:left;
	background-image:url(/content/hyundaiImg/backgrounds/carNavBG.gif);
	background-repeat:repeat-x;
	height:74px;
	margin-bottom:1px;
}

DIV.pageTitle{
	
	width:990px;
	float:left;
	background-color:#1c3c79;
	margin-bottom:1px;
}


DIV.offerTable{

	float:left;
	width:990px;
	background-image:url(/content/hyundaiImg/backgrounds/cartableBG.gif);
	background-repeat:repeat-y;

}

DIV.offerTable TABLE H1{

	padding:0px;
	margin:0px 61px 0px 21px;
	font-size:1em;
	color:#3a4d5f;

}

DIV.offerTable TABLE H2{

	padding:0px;
	margin:0px 20px 5px 0px;
	font-size:0.9em;
	text-transform:uppercase;
	color:#3a4d5f;
	text-align:right;
}

DIV.offerTable TABLE H2 A{

	background-image:url(/content/hyundaiImg/buttons/arrows.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:15px;
	color:#3a4d5f;
	text-decoration:none;
	display:block;

}


DIV.offerTable TABLE P{

	padding:0px;
	margin:0px 10px 0px 20px;
	font-size:1em;
	color:#3a4d5f;
}

DIV.offerTable .right TABLE TD , .left TABLE TD {

	Height:74px;
	
}

TR.AltTableCell{
	
	background-image:url(/content/hyundaiImg/backgrounds/darkCell.gif);
	background-repeat:repeat-x;
	
	}


/******** current offers click though page *******/

DIV.carSpec{

	width:434px;
	/*height:133px;*/
	min-height:133px;
	height:auto !important; /* IE6 hackacty hack hack hack*/
	height:133px; 
	float:left;
	padding:15px 40px 10px 21px;
	background-image:url(/content/hyundaiImg/backgrounds/carSpec.gif);
	background-repeat:no-repeat;
	/*background-color:#d9dee6;*/
	background-color:#dfe4ec;
	color:#1c3c79;

}


DIV.carSpec UL{
	
	color:#1c3c79;
	margin:0 30px 0 14px;
	padding:0;
	float:left;
	width:170px;
	

}

DIV.carSpec UL LI{
	
	margin:0px 0 5px 0;
	padding:0px;

}

/**************** General ************************/

DIV.contentArea{

	width:967px;
	float:left;
}

DIV.imageArea{

	margin-bottom:1px;
}

DIV.copy{

	width:641px; 
	float:right; 
	padding:28px 50px 0px 30px;

}

DIV.BG{

	float:left;
	width:990px;
	background-image:url(/content/hyundaiImg/backgrounds/mainGeneral_bg.gif);
	background-repeat:repeat-y;

}

/***********Quote **********************/


DIV#quoteForm{

	float:left;
	background-color:#e0e5ed;
	margin-bottom:1px;
	background-image:url(/content/hyundaiImg/backgrounds/quoteFormBG.gif);
	background-repeat:repeat-x;
	width:949px;
	padding:20px 20px 20px 21px;
	margin:0 0 1px 0;
}

DIV#quoteForm H1{

	font-size:1.2em;
	color:#1c508c;
	padding:0;
	margin: 0 0 1em 0;
	font-weight:bold;
}

DIV#quoteForm P{

	color:#1c508c;
	margin:0px 0px 10px 0px;
	padding:0px;
	

}


DIV#quoteForm H2{

	padding:0px;
	margin:0px 0px 5px 21px;
	font-size:.9em;
	text-transform:uppercase;
	color:#3a4d5f;
	text-align:right;
}

DIV#quoteForm H2 A{

	background-image:url(/content/hyundaiImg/buttons/arrows.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:15px;
	color:#3a4d5f;
	text-decoration:none;
	display:block;
}

FIELDSET{

	margin:0px;
	padding:0px;
	float:left;
	border:none;
}

LEGEND{

	font-size:1.2em;
	color:#1c508c;
	padding:0;
	margin: 0 0 1em 0;
	font-weight:bold;
}


LABEL{

	width:200px;
	float:left;
	color:#1c3c79;

}

DIV.groupFormFields{

	margin-bottom:10px;
}

INPUT.valid {
	font-size: 1em;
	width: 180px;
}

SELECT.valid {
	font-size: 1em;
	width: 180px;
	margin: 0;
	padding: 0;
}

TEXTAREA.valid {
	font-size: 1em;
	width: 180px;
}

INPUT.invalid, SELECT.invalid, TEXTAREA.invalid {
	font-size: 1em;
	border: 1px solid #CE0000;
	width: 180px;
}

/* ---------- Added 28/3/2006, Absolutions --------- */

body.quote div#column1{ float: left; width: 380px; margin: 0 100px 0 0; padding: 0; }
body.quote div#column1 h2, body.quote div#column2 h2{ float: none; width: 100%; margin: 0 0 1em; padding: 0; text-transform: none; font-size: 1.2em; text-align: left; color: #3a4d5f; }
body.quote div#column1 h3, body.quote div#column2 h3{ float: none; width: 100%; margin: 0 0 1em; padding: 0; text-transform: none; font-size: 1em; font-weight: bold; text-align: left; color: #3a4d5f; }

body.quote form#vehicleForm{ float: none; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }
body.quote form#vehicleForm fieldset{ float: none; border: 0; }
body.quote form#vehicleForm dl{ float: left; width: 100%; margin: 0; padding: 0; list-style: none; }
body.quote form#vehicleForm dl dt{ clear: both; float: left; width: 190px; margin: 0 10px 10px 0; padding: 5px 0 0; }
body.quote form#vehicleForm dl dd{ float: left; width: 180px; margin: 0 0 10px ; padding: 0; }

body.quote form#personalDetails{ float: none; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }
body.quote form#personalDetails fieldset{ float: none; border: 0; }
body.quote form#personalDetails dl{ float: left; width: 100%; margin: 0; padding: 0; list-style: none; }
body.quote form#personalDetails dl dt{ clear: both; float: left; width: 190px; margin: 0 10px 10px 0; padding: 5px 0 0; }
body.quote form#personalDetails dl dd{ float: left; width: 180px; margin: 0 0 10px ; padding: 0; }

body.quote label{ float: none; }
body.quote input.quote, .quote input.valid, .quote input.invalid{ float: none; width: 180px; w\idth: 174px; height: 20px; he\ight: 14px; margin: 0; border: 1px solid #7f9db9; padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }
body.quote select.quote, .quote select.valid, .quote select.invalid{ float: none; width: 180px; height: 20px; height: 20px; he\ight: 18px; margin: 0; border: 1px solid #7f9db9; padding: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }
body.quote textarea.quote, .quote textarea.valid, .quote textarea.invalid{ float: none; width: 180px; w\idth: 174px; margin: 0; border: 1px solid #7f9db9; padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }
body.quote input.invalid, .quote select.invalid, .quote textarea.invalid{ border: 1px solid #CE0000; }

body.quote div.inputButtons{ clear: both; text-align: right; }
body.quote button.inputButton{ width: 0; width: auto !important; margin: 0; border: 0; padding: 0 15px 0 0; overflow: visible; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #3a4d5f; background: transparent url(/content/hyundaiImg/buttons/arrows.gif) no-repeat right center; cursor: pointer;  }

body.quote div#column2{ float: left; width: 380px; }
body.quote div#vehicleList table{ width: 380px; margin: 0 0 1em; border: 0; border-bottom: 1px solid #3a4d5f; border-collapse: collapse; border-spacing: 0; padding: 0; }
body.quote div#vehicleList table th{ width: 30%; padding: 0; text-align: left; }
body.quote div#vehicleList table td{ width: 70%; padding: 0; text-align: left; }
body.quote div#vehicleList table tfoot td{ width: 100%; padding: 0.5em 0; text-align: right; }

/**************Keep up to date ***********************/


DIV#keepUpTo{

	float:left;
	width:641px;
	padding-top:15px;
}


DIV#keepUpTo H2{

	padding:0px;
	margin:0px 0px 0px 0px;
	font-size:0.9em;
	text-transform:uppercase;
	color:#3a4d5f;
	text-align:right;
}

DIV#keepUpTo H2 A{

	background-image:url(/content/hyundaiImg/buttons/arrows.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:15px;
	color:#3a4d5f;
	text-decoration:none;
	display:block;
}

DIV#keepUpTo P{

	color:#1c508c;
	margin:0px;
	padding:0px;
}



/* NAVI ANIMATIONS */

#animationLayer {
  overflow: hidden;
  position: relative;
  width: 545px;
  float: left;
  height: 50px;
}

#animationLayerBig {
  overflow: hidden;
  position: absolute;
  width: 892px;
  left: 55px;
  height: 74px;
}

#animation {
  position: absolute;
  left: 10px;
  top: 0;
  height: 50px;
  width: 9999px;
}

#animationBig {
  position: absolute;
  left: 0px;
  top: 0;
  height: 74px;
  width: 9999px;
}

.goLeft {
  display: block;
  float: left;
  padding: 12px 0;
  visibility: hidden;
}

.goRight {
  display: block;
  float: left;
  padding: 12px 0;
}

.goLeftBig {
  display: block;
  position: absolute;
  left: 20px;
  padding: 15px 0;
  visibility: hidden;
}

.goRightBig {
  display: block;
  position: absolute;
  right: 20px;
  padding: 15px 0;
}