/* 2012 MAZDA5 */
HTML { min-height: 100%; margin-bottom: 1px; }
HTML { overflow: -moz-scrollbars-vertical !important; }
BODY, HTML
	{background:none;}

BODY
	{width: 100%; height: 100%; padding:0; margin:0; background: url(/MusaWeb/musa2/images/garage/upcoming/2012/MZ5/bg_mazda5_flash.jpg) no-repeat;}

DIV.container {
	position:relative;
	display:block;
	background: url(/MusaWeb/musa2/images/garage/upcoming/2012/MZ5/silent/bg_mazda5_container_language.png) no-repeat;
	width:1345px;
	_height:707px; 
	height:707px;
	margin: 0 auto;
	color: #363636;

}
DIV.content
	{position: absolute; top:560px; left:215px; padding: 0; margin:0;}
	
.footer{
	position: absolute; 
	top:700px; 
	left:120px; 
	width: 1142px; 
	background-color: #000;
	min-height: 62px;
	_height: 62px;
	margin: 25px 50px 0 8px;
	padding:0;
	font-size: 10px;
}
.footerLinks
	{font-size: 10px; font-color: #fff; text-align:right; padding: 20px 152px 8px 0; }
.footerLinks A
	{font-size: 10px; color:#2dbeff; text-decoration:none; padding: 0 10px 0 10px;}	
.footerLinks A:HOVER
	{font-size: 10px; color:#2dbeff; text-decoration:underline;}
.disclaimer
	{font-size: 8px; text-align:right; color: #ccc; padding: 0 162px 10px 320px;}
.disclaimer P
	{font-size: 8px; color: #ccc; margin:0; padding:0; line-height: 14px;}
	
#shell
	{position:relative; width: 100%; min-height: 682px; _height:682px; padding:0; margin: 0;}
.intro
	{width:940px; padding: 10px 0 24px 0;}
.intro H3
	{float:left; font-size:13px; font-weight:normal;}
.intro .required
	{float:right; font-size:11px; font-weight:bold; color:#0d487b; padding: 0 12px 0 0;}
	
.intro .errortext { padding-top:10px;}

/* Error Message Styles */
.errortext
	{color: #ff0000;}
.errortext UL
	{margin: 0; padding: 10px 0 20px 0;}
.errortext LI {
	list-style: none; 
	background: transparent url(/MusaWeb/musa2/images/global/bullets/blt_dot_red.gif) no-repeat scroll 1px 6px;	
	padding: 1px 0px 1px 12px;
	color: #ff0000;
	font-size: 11px;
	line-height: 1.4;
	text-decoration: none;
}
	
.kmu_form
	{width:940px; padding: 0 0 30px 0; margin: 0 0 30px 0; border-bottom: 1px solid #333;}

#thanks
	{display:none; width:940px; min-height:150px; _height:150px; padding: 0 0 30px 0; margin: 0 0 30px 0; border-bottom: 1px solid #333;}
	
.loading {  
    position: absolute;
	top: 163px;
	left: 802px;
	background:url(/MusaWeb/musa2/images/garage/upcoming/2012/MZ5/ajax-loader.gif) no-repeat 1px;   
    height:28px;   
    width:28px;   
    display:none;  
} 
	
.form_row
	{height:45px; padding: 0;}
.element
	{float:left; padding: 0 9px 0 0;}

.textbox {
	font-size: 12px;
	background-color: #fff;
	border: 1px solid #212121;
	color: #555;
	text-decoration: none;
	height: 15px;
	padding: 5px 10px 5px 10px;
}
	
.lg {
	width: 437px;
}
.med {
	width: 203px;
}
.sm { 
	width: 97px;
}

.dropdown {
	font-size: 12px;
	width: 97px;
	padding: 0 0 0 10px;
	margin: 2px 0 0 0;
	color: #555;
}

.focusField {  
	border:solid 1px #2dbeff;  
	background:#ccc;
	color: #000;
}  
.idleField {  
	background:#fff;  
	border: 1px solid #212121;
	color: #555;
}
.errorField {  
	border:solid 1px #ff0000;  
	background:#ccc;
	color: #ff0000;
}  

.terms
	{dislay:none;}
.submit
	{float: right; padding: 0 10px 0 0;}

.lang_links
	{position:absolute; top:27px; left: 1300px; z-index: 100;}
.lang_links A
	{font-size:12px; font-weight:bold; color:#2dbeff; text-decoration:none;}
.lang_links A:HOVER
	{text-decoration:underline;}

.language
	{width:940px; padding: 0 0 0px 0; margin: 0 0 30px 0;  }
.language UL
	{margin: 0 0 0 250px; padding:0;}
.language UL LI 
	{list-style:none; float:left; padding: 0;}
.language UL LI A.english
	{display:block; background: url(/MusaWeb/musa2/images/garage/upcoming/2012/MZ5/silent/img_mazda5_english.gif) no-repeat top; width:219px; height:38px; text-indent: -9000px;}
.language UL LI A.english:HOVER
	{display:block; background: url(/MusaWeb/musa2/images/garage/upcoming/2012/MZ5/silent/img_mazda5_english_on.gif) no-repeat; width:219px; height:38px;text-indent: -9000px;}
.language UL LI A.english:ACTIVE
	{display:block; background: url(/MusaWeb/musa2/images/garage/upcoming/2012/MZ5/silent/img_mazda5_english_active.gif) no-repeat bottom; width:219px; height:38px;text-indent: -9000px;}

.language UL LI A.french
	{display:block; background: url(/MusaWeb/musa2/images/garage/upcoming/2012/MZ5/silent/img_mazda5_french.gif) no-repeat top; width:219px; height:38px; text-indent: -9000px;}
.language UL LI A.french:HOVER
	{display:block; background: url(/MusaWeb/musa2/images/garage/upcoming/2012/MZ5/silent/img_mazda5_french_on.gif) no-repeat; width:219px; height:38px;text-indent: -9000px;}
.language UL LI A.french:ACTIVE
	{display:block; background: url(/MusaWeb/musa2/images/garage/upcoming/2012/MZ5/silent/img_mazda5_french_active.gif) no-repeat bottom; width:219px; height:38px;text-indent: -9000px;}
	
	
#submitButton
	{display:block; background: url(/MusaWeb/musa2/images/garage/upcoming/2012/MZ5/img_mazda5_submit.gif) no-repeat top; width:219px; height:38px; text-indent: -9000px;}
#submitButton:HOVER
	{display:block; background: url(/MusaWeb/musa2/images/garage/upcoming/2012/MZ5/img_mazda5_submit_on.gif) no-repeat; width:219px; height:38px;text-indent: -9000px;}
#submitButton:ACTIVE
	{display:block; background: url(/MusaWeb/musa2/images/garage/upcoming/2012/MZ5/img_mazda5_submit_active.gif) no-repeat bottom; width:219px; height:38px;text-indent: -9000px;}

#likebutton
	{float:left;}	
.socialLinks
	{float:right;}
.socialLinks UL
	{margin:0; padding:0;}
.socialLinks UL LI
	{list-style: none; float:left;}

.kmu_footer
	{text-align:right; padding: 28px 161px 20px 0;}
.kmu_footer A
	{color:#fff; text-decoration:none; padding: 0 10px 0 10px;}	
.kmu_footer A:HOVER
	{color:#fff; text-decoration:underline;}
	
.preload
	{display:none;}
	
/* MZ5 Microsite nonFlash */

.nonflashLogo
	{position:absolute; top:0; left:26px; z-index: 8000;}
.glory
	{position:absolute; top:130px; left: 160px; z-index: 8001;}
.flashLogo
	{position:relative; top:76px; left:130px;}
.flashTxt
	{position:relative; top:-17px; left:240px; width: 200px; padding: 0 15px 0 15px; line-height: 17px; font-size: 12px; color: #666; font-weight: bold;}
.flashTxt A
	{color: #666; font-size: 12px; font-weight: bold; text-decoration: underline;}