@import url(left_nav.css);


body {
	margin: 0px;
	padding: 0px;
	background-color: white;
	font-family: 'Arial CE', Arial, 'Helvetica CE', helvetica, sans-serif;
	font-size: 11px; 	
	text-align: left;
	background-image: url(backgrounds/main.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}
	
a {
	text-decoration: underline;
	color: #006cb8;
	}
	

	
img {border: none;}

h1 { 
	font-family: 'Arial CE', Arial, 'Helvetica CE',  helvetica, sans-serif;
	font-weight: normal;
	color: #006cb8;
	font-size: 19px;
	padding: 0;
	margin: 0;
	margin-bottom: 6px;
	letter-spacing: 2px;
  line-height: 1em;
	}
	
h2 { 
	font-family: 'Arial CE', Arial, 'Helvetica CE',  helvetica, sans-serif;
	font-weight: bold;
	color: #006cb8;
	font-size: 19px;
	padding: 0;
	margin: 0px 0px 7px 0px;	
	line-height:1.3em;
	}
	
h3 { 
	font-family: 'Arial CE', Arial, 'Helvetica CE',  helvetica, sans-serif;
	font-weight: normal;
	color: #006cb8;
	font-size: 16px;
	padding: 0;
	margin: 30px 0px 10px 0px;
	
	}
	

hr {
  clear:both;  
  color:#c2d6d6;
  background-color:#c2d6d6;
  height: 1px;
  border:none;
  margin:15px 0px 15px 0px; 
  
}



form table {
  display: table;
  border-collapse: collapse;
  
}

form table td {
  padding:5px;
  border-top: 1px solid white;
  background-color: #f3f8f8;
}

form table th {
  text-align:left;
   padding:10px;
   border-top: 1px solid white;
   font-size:11px;
   background-color: #f3f8f8;
   font-weight: normal;
}

input {border:1px solid #a8a8a8;}

fieldset {
  padding:15px;
  border:1px solid #006cb8;
  margin-bottom:10px;
  
}

legend {
  font-size:12px;
  font-weight:normal;
  padding:10px;
  color:#006cb8;  
}

label {
  font-size: 11px;
  line-height:normal;
  font-weight: normal;
}


/* ++++++++++++++++++ */

.main {
	width: 760px;
	background-color:transparent;	
	color:#8f9498;
	text-align:left;		
	padding-left:12px;
	clear: both;


}

.top {
  height:53px;
  
  background-color:transparent;	
  position: absolute;
  top:250px;
  left:0px;
}

.nav {
  height:262px;
  
}

.mainbanner {
  float:right;
  width:490px;
  height:255px;
  background-color: white;
  padding:7px 7px 0px 7px; 
  
}




.menu a {
  display: block;
  padding:5px;
  color:white;
  text-decoration: none;
  font-size: 11px;
}

.menu a:hover {
  color:#006cb8;
  background-color: #d1e0e0;
}



.content {
  height:262px;
  
}

.maincontent {
  float:right;
  width:490px;  
  background-color: white;
  padding:25px 7px 0px 7px; 
  line-height:1.4em;
  
}


.leftcontent {
  width:250px;  
  background-color: transparent;
  padding:20px 0px 0px 0px; 
  font-size: 11px; 	
  line-height:1.5em;
  color:#666666;  
  
}

.leftcontent span {
  font-size:10px;
  line-height:normal;
}


.leftcontent-hp {
  width:250px;  
  background-color: transparent;
  padding:20px 0px 0px 0px; 
  font-size: 12px; 	
  line-height:1.5em;
  color:#006cb8;  
}

.leftcontent-hp h1 {
  font-size: 14px;
  font-weight: bold;
}

.leftcontent a {
  text-decoration: none;
  
}

.leftcontent a:hover {
  color:#006cb8;

}

.leftcontent-sub {
  width:240px;  
  background-color: transparent;
  padding:23px 0px 0px 0px; 
  font-size: 11px; 	
  line-height:1.5em;
  color:#666666;  

}

.carlineflash {
margin-top:5px;
  
}

.news {
  line-height:1.4em;
  font-size:11px;  
  border-top:1px solid white;  
}

.news img {
  width: 150px !important;
  height: 70px !important;
}

.more {
  background-image: url(images/lnkdot.gif);
  background-position: left 4px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 6px;
  font-weight: bold; 
  font-size: 11px; 
  line-height: normal;
  text-decoration: none;
  
  
}

.more a {
   text-decoration: none;
}

.n01 {
  float:left;
  width:150px;  
  height:200px;
  overflow:hidden;
  
} 

.n02 {
  float:left;
  width:150px;
  border-left:19px solid white;
  overflow:hidden;
  
} 

* .n02 {
 border-left:15px solid white;
}

.n03 {
  float:left;
  width:150px;
 
  background-color: blue;
 
} 


.news-headline {
  color:#006cb8;
  font-weight:bold;
  margin-top:3px;
}

.titletext {
  color:#00aeef;
  font-size:12px;
  margin:0px 0px 5px 0px;
  line-height:1.5em;
}

.foot {
  clear: both;
  margin: 80px 0px 30px 0px;
  color:#9a9a9a;
  border-top:1px solid #cccccc;
  padding:3px 0px 0px 0px;  
  
  
}

.foot a {
  color:#9a9a9a;
  text-decoration: none;
  font-size: 11px;
}

.mazda-logo {
  position: absolute;
  left:0px;
  top: 40px;
  width:199px;
  height:203px;
  background-color: transparent;
  
}

.zoomzoom {
  position: fixed;
  left: 0;
  bottom: 0;
  width:100%;
  background-color: #006cb8;  
  padding:2px 0px 5px 10px;
  
  
}

.zoomzoom a {
  display: block;
  float: left;
  padding:6px 14px 0px 0px;
  color:white;  
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  margin-left: 10px;
  background: url(images/bg_bottomnav_separator.gif) no-repeat;
  background-position: right top;
  
}

.zoomzoom a:hover {
  color:#6fb5db;
}


.gallery {
  margin-top:10px;
}

.gallery img {
 border:3px solid white;
 border-right:4px solid white;
}


.techtable {
  width:100%;
  margin:15px 0px 15px 0px;
  }

  
.techtable td {
  padding:5px 15px 5px 15px;
  background-color: #f2f7f7;
  border-bottom:1px solid white;
  border-right:1px solid white;
  text-align: center;
  font-size:11px;
  color:#8f9498;
} 
  
.techtable th {
  padding:10px;
  background-color: #e0eaeb;
  border-bottom:1px solid white;
  border-right:1px solid white;
  text-align: center;
  font-size:11px;
  color:#8f9498;
}

.pricelist {
  width:100%;
  margin:15px 0px 15px 0px;
  }

  
.pricelist td {
  padding:5px 15px 5px 15px;
  background-color: #f2f7f7;
  border-bottom:1px solid white;
  border-right:1px solid white;
  text-align: center;
  font-size:11px;
  color:#8f9498;
  
} 
  
.pricelist th {
  padding:10px;
  background-color: #e0eaeb;
  border-bottom:1px solid white;
  border-right:1px solid white;
  text-align: center;
  font-size:11px;
  color:#8f9498;
}
  
.cartable {
  width:490px;
  margin-top:20px;
  }

  
.cartable td {
  padding:5px 15px 5px 15px;
  background-color: #f2f7f7;
  border-bottom:1px solid white;
  border-right:1px solid white;
  
  font-size: 11px;
} 
  
.cartable th {
  padding:10px;
  background-color: #e0eaeb;
  border-bottom:1px solid white;
  border-right:1px solid white;
  text-align: left;
  font-size: 11px;
}  

.cartable img {
  float:left;
  margin:0px 10px 0px 0px;
}

.carname {
  font-family: 'Arial CE', Arial, 'Helvetica CE',  helvetica, sans-serif;
  font-size: 18px!important;
}

.carname a {
  display: block;
  float: right;
  font-size:10px;
  color:black;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
  background-color: white;
  padding: 2px 8px 2px 8px; 
}

.carname a:hover {
  text-decoration:underline; 
}

.leadmenu {
  width:140px;
  margin:0px 0px 52px 100px;  
  padding: 0px 10px 40px 0px;  
  background-image: url(/backgrounds/bg_tertiarynav.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;  
}
  
.leadmenu a {
  display: block;
  color:#8f9498;
  font-size:11px;
  border-top: 1px solid white;
  padding:2px 0px 3px 5px;
  text-decoration: none;
  text-align: right;
  font-weight: normal;
 
}
  
.leadmenu a:hover {
  color:#006cd0;
  font-weight: normal;
  
}


.cartxt {  
  /*height:180px;*/
  color:#8f9498;
 
}
  
.wwwmazda {
  color:#346667;
  font-weight: bold;
  background-color: #e0eaeb;
}
  
.leftbanner {
  float: right;
  margin:45px 0px 0px 0px;    
  width:240px;
  height:130px;  
}

.subsegment {
  width:222px;
  float:left;
  font-weight: bold;
  padding:0px 20px 0px 0px;
  margin:0px 0px 16px 0px;
}

.subsegment img {
  float:left;
  margin-right:10px;
}

.subsegment a {
  text-decoration:none;
}

.subsegment span {
  font-size: 11px;
  line-height: normal;
  font-weight: normal;
}

.submit {
  background-color:#006cb8;
  color:white;
}


.ssubmit {
  border-top:1px solid #006cb8;
  border-bottom:1px solid #006cb8;
  padding:7px 0px 7px 0px;
  margin-top:47px;
  text-align: right;  
}

.ssubmit a {
  font-family: Verdana, sans-serif;
  background-color: white!important; 
  color:#006cb8;
  font-weight: bold;
  background-image: url(images/bg-submit.png);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right:7px;
  border:none;
  font-size: 11px;
  font-weight:bold;
  text-decoration: none;
}

.ssubmit input {
  font-family: Verdana, sans-serif;
  background-color: white!important; 
  color:#006cb8;
  font-weight: bold;
  background-image: url(images/bg-submit.png);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right:4px;
  border:none;
  font-size: 11px;
  cursor: pointer;
  }

.memo {
  border: 1px solid #c4c4c6;
  background-color: #fcf464;
  padding: 30px 15px 45px 15px;
  font-size: 18px;
  font-weight: bold;
  font-family: 'Arial CE', Arial, 'Helvetica CE',  helvetica, sans-serif;
  line-height: 1.5em;
  text-align: center;
  margin-top: 30px;
}

.download a {
  display: block;
  background-image: url(images/pdficon-bw.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding:16px 0px 16px 40px;
  background-color: #f5f9f9;
  border-bottom:8px solid white;
}

.download a:hover {
  background-color: #e0eaeb;
  background-image: url(images/pdficon.gif);
}

.showroom		{ margin: 5px 0 2em 0; padding: 0; width: auto;}
.showroom tr	{ background-color: #E6EFEF; }
.showroom td	{ width:121px; }
.showroom tr td			{ border-right: 2px solid #fff; border-bottom: 3px solid #fff; text-align: center; background: #E6EFEF url(modely/images/empty.jpg) repeat-x; }
.showroom tr td a.text	{ color: #336566; font-weight: bold; text-decoration: none; display: block; padding: 5px 2px; font-size: 0.9em; }
.showroom td.empty		{ background-color: #fff; background-image: none;}
.showroom tr td	.price	{display:block; padding:0 0 5px 0; font-size:0.9em; margin: -5px 0 0 0} 

.errormessage {
  display: block;
  padding-left: 22px;
  color: red;
  background-image: url(images/warning.png);
  background-position: left 2px;
  background-repeat: no-repeat;
}

.euro {
    display: block;
    font-size: 9px;
    white-space: nowrap;
}

.tdrive {
  color:#006cb8 !important;
  font-weight: bold !important;
  background-image: url(/images/bg-bluedot.png);
  background-repeat: no-repeat;
  background-position: left center;
  
  }