BODY, HTML
	{background:none;}
BODY
	{height: 100%; background:#dfe3e7 none; padding:0; margin:0; width: 100%; height: 100%;}
DIV.container
	{position:relative; background: url(/MusaWeb/musa2/images/garage/upcoming/2011/MZ2/ar/bg_mazda2_ar.jpg) no-repeat; width: 1075px; min-height: 775px; _height:775px; margin: 0 auto;}


.logo {
	position:absolute; width: 350px; height:227px;
}

.can {
	position:absolute; left:349px; top:0;  z-index: 1;
}

.help {
	position: absolute; top: 20px; left: 923px; z-index:8000;
}

.help A	{
	font-size: 14px; font-weight: bold; color: #666; text-decoration: underline;
}

.help A:HOVER {
	font-size: 14px; color: #00a1dc; text-decoration: underline;
}
	
.augmented {
	float:left; padding: 298px 0 0 76px; width: 310px; text-align: right;
}

.augmented A {
	color: #00a1dc; text-decoration: none;
}
.augmented A:HOVER {
	color: #00a1dc; text-decoration: underline;
}

.augmented P {
	padding: 10px 0 25px 0; line-height: 16px;
}

.kmu {
	position: relative; float:left; width: 360px; padding: 75px 0 0 225px; z-index: 100;
}

.kmu A {
	color: #66CC33; text-decoration: underline;
}

.kmu A:HOVER {
	color: #666; text-decoration: underline;
}

.kmu .header {
	padding: 0 0 15px 0;
}

.kmu .module {
	padding: 0 0 11px 0;
}

.kmu .module P {
	padding: 4px 0 0 0; line-height: 16px;
}
	
.required {
	padding: 0 0 8px 0;
	color:#666;
}

.form {
	font-size: 9px;
}

.formRow {
	clear:both; height: 28px;
}

.elementTitle {
	float:left; width: 76px; padding: 4px 0 0 0;
}
.elementCol1 {
	float:left;
}
.elementCol2 {
	float:left;
	padding: 0 0 0 10px;
}
.elementCol3 {
	float:left;
	padding: 4px 0 0 10px;
}
.elementCol1 .textbox {
	width: 278px;
}



UL.arrow {
	margin:0; padding: 0;
}

UL.arrow LI {
	list-style: none;
	background: transparent url(/MusaWeb/musa2/images/garage/upcoming/2011/MZ2/ar/img_arrow.png) no-repeat scroll 0 4px;
	padding: 0 0 0 10px;
	color: #295778;
	text-decoration: none;
}
UL.arrow LI A {
	font-size: 11px; color: #00a1dc; text-decoration: underline;
}
	
/* form elements */
.textbox {
	font-size: 11px; height: 17px; border: 1px solid #cdcdcd; padding: 1px 0 0 2px; color: #666; background-color: #fff;
}
.textbox2 {
	font-size: 11px; height: 17px; border: 1px solid #cdcdcd; padding: 1px 0 0 2px; color: #666; background-color: #fff; width: 102px; _width: 103px;
}

.textbox3 {
	font-size: 11px; height: 17px; border: 1px solid #cdcdcd; padding: 1px 0 0 2px; color: #666; background-color: #fff; width: 126px; _width: 127px;
}

.dropdown {
	font-size: 11px; width: 60px; height: 18px; border: 1px solid #cdcdcd; color: #666; background-color: #fff; padding: 1px 0 2px 0;
}

.dropdown_fr {
	font-size: 11px; width:150px; height: 18px; border: 1px solid #cdcdcd; color: #666; background-color: #fff; padding: 1px 0 2px 0;
}

.privacy {
	float:left;
	padding: 7px 0 0 10px;
	width:130px;
}
.privacy A {
	color:#666;
	text-decoration:underline;
}


/*overlay */

#mask {   
	position:absolute;   
	z-index:9900;   
  	background-color:#000;   
  	display:none;   
}   
     
#boxes .window {   
	position:absolute;   
	display:none;   
  	z-index:9999;   
  	padding:8px;  
}   
  
#boxes div.inner1 {
	position:relative;
	background: #c5cbce url(/MusaWeb/musa2/images/garage/upcoming/2011/MZ2/ar/bg_popup.jpg) no-repeat;
	border: 8px solid #fff;
	padding: 34px 10px 10px 24px;
	color: #595959;
	font-size: 12px;
}

div.inner1 a.close {
	position:absolute;
	top:0; right:0;
} 

div.inner2 {
	width:537px; 
	height:345px; 
	overflow:auto;	
}

#boxes #dialog { 
  background:#fff;  
}  

.helpModule
	{padding:0; margin:0;}
.helpModule .header,
.helpModule .subheader
	{padding: 0 0 12px 0;}

OL
	{margin: 0; padding:0 0 0 25px;}

LI {
	list-style: decimal;
	padding: 0 0 5px 5px;
	font-size: 12px;
	text-decoration: none;
}

LI UL
	{margin:0; padding:0 0 0 30px;}
LI UL LI{
	list-style: lower-alpha;
	padding: 0 0 5px 5px;
	font-size: 12px;
	text-decoration: none;
	}
	
UL.sub
	{margin: 0; padding: 0 0 10px 10px;}	
UL.sub LI {
	display:block;
	list-style: none;
	background: transparent url(/MusaWeb/musa2/images/global/bullets/img_garage_dot.png) no-repeat scroll 0 4px;
	font-size: 12px;
	padding: 0 0 5px 10px;
	text-decoration: none;
}

/* footer */
.footer	{
	position: absolute; 
	top:686px; 
	left:0;
	color: #b5b5b5;
}
.footer P {
	font-size: 11px; color: #b5b5b5;
}

.footer A {
	font-size: 10px; 
	font-weight: bold; 
	color: #b5b5b5; 
	text-decoration: none; 
	padding: 0 4px 0 4px;
}
.footer A:HOVER { 
	font-size: 10px;
	font-weight: bold; 
	color: #b5b5b5; 
	text-decoration: underline; 
	padding: 0 4px 0 4px;
}
.footer .musa {
	float:left;
	width: 150px;
	padding: 0 0 0 50px; 
}
.footer .musa A { 
	font-size: 14px; 
	color: #7c7c7c; 
	text-decoration:none; 
}
.footer .musa A:HOVER { 
	font-size: 14px; 
	color: #00a1dc; 
	text-decoration:underline;
}
.footer .footerCol1 {
	float:left;
	text-align:right;
	width: 754px; 
}
.footer .disclaimer {
	text-align:right;
}

/* disclaimer */
.disclaimer {
	position: absolute;
	top:757px; 
	left:0;
	color: #b5b5b5;
	width: 1000px;
	clear: both;
}
.disclaimer .text {
	float: right;
	padding: 0 20px 0 0;
}
.disclaimer P {
	font-size: 9px; color: #b5b5b5;
}