/****************************************************/
/*  GLOBAL Stylesheet Kia Europe					*/
/*  june 2007                                  		*/
/*  created by: Booleanpark - W.L.                	*/     
/*                                                  */
/****************************************************/


/* GLOBAL *************************************/

body 		{font-size:62.5%;text-align: center; font-family: Tahoma, Arial, Helvetica, sans-serif;  color: #FFFFFF; background: #f2f0ef url(../img/bg_main.gif) repeat-x top center; margin: 0px; padding: 0px; }
td 			{vertical-align: top;} 
img 		{border: 0px;}
form 		{margin: 0px;padding:0px;}
INPUT,  TH, TD {font-size:1.0em;}
.colend {clear: both; display: block; height: 1px; line-height: 1px; } /* dit zorgt voor een goede hoogte van de container bij floating divs*/
/* STRUCTURE-GRID ****************************/
#outline		{font-size:1.1em;width: 924px; margin: auto; padding: 0px; background: url('../img/shadow.gif') repeat-y #fff; }
#container		{text-align:left;margin: 0px 0px; padding: 0px;width: 900px; background: #fff; }
#dealerprint {display:none;}
#shadow_left	{
	background: url(../img/shadow_left.gif) no-repeat;
	float:left;
	width:6px;
	}
	
#shadow_right	{
	background: url(../img/shadow_right.gif) no-repeat;
	float:right;
	width:6px;
}

#header {margin: 0 0px 0 0px; height:63px; }

#logo {
	
	display:block;
	width:184px;
	height: 50px;
}

#footerOutline {
	font-size:1.1em;
	width: 924px;
	margin: auto;
	padding: 0px;
}

#footer 	{
	height:30px;
	background: #f2f0ef url(../img/bg_footer.gif) no-repeat; 
	text-align:right; 
	width: 924px;	margin: auto; 
	padding: 0;
	}



/* toolBox main*/
/* ************************************* */

#toolboxMiddle ul 	{margin: 0; padding: 3px 0 0 5px; display: block;}
#toolboxMiddle li 	{margin-top: 2px;margin-right:6px;list-style-type: none;background:url('../img/linkArrowSubmenuActive.gif') no-repeat 8px 5px;line-height:16px;}
#toolbox a 			{margin-left:18px;color: #3a4e5f; display: -moz-inline-block;display:inline-block;}
#toolbox a:hover 	{color: #B81116;}

/* POPUP */
#popupwrapper,#popupwrapperNoFlash 	{height: 100%;display: none;z-index: 999; float:left;position: absolute; left:0px; width: 100%; background: #fff; opacity: .6;filter: alpha(opacity=60);}

#popup,#popupNoFlash { 
	display: none;
	z-index: 9999; 
	position: absolute;
	padding: 20px 5px 5px 5px; 
	
	text-align:left;
	background: #f0f0f0; 
	border: solid 1px #ccc;
	color: #3a4e5f;
}

#popupwrapper2{height: 100%; z-index: 999; float:left; position: absolute; left:0px; top:0px; width: 100%; background: #fff; opacity: .6; filter: alpha(opacity=60);}

#dealerSWFPopup 
{
	z-index: 9999; 
	position: absolute;
	margin:58px 0 0 -10px;
	border:0px solid #b1b0b0;	
	
}

.popup .close {	
	font-size: 1.2em;
	color: #3a4e5f;
	background: url('../img/close.gif') no-repeat right top;
	display:block;
	position:absolute;
	padding-right:20px;
	padding-top:3px;
	margin-right:2px;
	height: 20px;
	top:0px; 
	right:1px;
	cursor:pointer; 
}
	
.swfpopup {
	text-align:left !important;
	width:300px;
	top: 100px;
	min-height:200px;
	height:auto !important;
	height:200px;	
	font-size:1.2em;
}
.swfpopup h3 {
	margin-left:10px;
}
/* TEMPLATE FORMS */
fieldset		{border: none;padding: 0px;}
legend			{display: none;  margin: 0; padding: 0; font-weight: bold;}
* html legend	{margin-left: -6px;}

.radio 			{ display:block;float:left;width: 270px; margin:3px 0px 8px 0px;padding-bottom:1px;}
.radio input 	{ margin-top: 2px !important;width: auto;  margin-right: 2px;}
.radio label	{ display: inline; float:none;line-height: 14px; margin-right:5px;}

.optin			{ display:block;float:left;width: 250px; margin:0px 0px 8px 0px;  }
.optin input 	{ float:left; clear:none;margin-top: 2px !important;width: auto;  margin-right: 2px;}
.optin label	{ float:left; clear:none;line-height: 16px;margin-top: 2px;display:block;width:auto;}
.checkboxListLineHeight input { float:left; width:20px; height: 20px;}
.checkboxListLineHeight label { float:left; width: 220px; line-height:20px; }
label			{ width: 200px; display: block; float: left; clear: left; line-height: 24px; }

textarea		{ width: 240px; height: 100px;margin: -15px 0px 10px 230px !important; }
input 			{ margin-top: 4px !important; margin-bottom: 0px !important; }
select			{ margin-top: 4px !important; margin-bottom: 2px !important; font-size:1.0em;}

input.modelTypeSelect	{width: 140px;}
.modelTypeImage {vertical-align:middle; margin-bottom:7px;}

input.normal,textarea.normal,select.normal	{width: 240px;}
textarea.normal	{width: 240px; margin:0px !important;}
input.medium,textarea.medium,select.medium	{width: 130px;}
input.short,select.short 					{width: 45px;}
.verplicht		{ float: left; width: 30px; text-align: center; color: #b81116; margin-top:5px;}
.verplichtDE	{ color: #b81116; line-height:24px;}
.verplichtSE	{ color: #b81116; line-height:24px;}
.verplichtSK	{ color: #b81116; line-height:24px;}

.uploadText { font-size:0.8em;}

p.toelichting			{ font-size: 90%;  margin: 0px; padding:5px 0px;width:450px;}

.validationSummary { color: #b81116 !important; font-size:0.9em;}
.validationSummary ul { margin:3px 5px 5px 35px;}
.validationSummary li { color: #b81116 !important;font-weight:normal; list-style-type:disc;line-height:1.5em;}
/*input,textarea,select	{margin: 2px 0px; float: left; }
input.normal,textarea.normal,select.normal	{width: 260px;}
input.medium,textarea.medium,select.medium	{width: 140px;}
input.short,select.short 					{width: 40px;}
select					{font-size: 100%; font-size: 8pt;}
select.dealers			{width:260px;}
.radio					{float: left; clear: none; width: auto;}
label.radio				{line-height: 20px; margin: 0px 4px 2px 3px;}
* html label.radio		{margin: 2px 4px 2px 3px;}
p.toelichting			{font-size: 90%;  margin: 15px 0;}
.error					{color: #B81116; font-size: 90%; display: block; clear: both; margin: -1px 0 10px 0; padding-left: 310px; background: transparent url(../img/icon_formerror.gif) no-repeat 300px 0px;}
img.button				{margin-top: 0px;}
div.radio				{margin: 15px 0px 0px -4px;}
div.radio input			{}
div.radio2				{margin: 5px 4px 2px 3px;}
div.radio2 label		{font-size: 90%; line-height: normal; width: 320px; margin: 0; clear: none;}
*/

.checkboxlist {display:block;float:left;}
.checkboxlist label { clear: right; width:auto; padding:2px 0 0 5px;cursor:pointer;}
.checkboxlist input { float:left;clear: left; }

/* KIA DE Lpg form */
.rood { color:#f00; }
.groen { color:#0c0; }

/* KIA NL Pro_cee'd driving challenge */
.ReadOnlyFormField { width: 240px; }