@charset "utf-8";
/* CSS Document */
body, html {
	font-family:verdana, arial, sans-serif;
	margin:0;
	text-align:center;
	padding:0;
	font-size:0.8em;
	background-color:#000;
	color:#FFF;
}
a{
	text-decoration:none;
	color:#fff;
}

a:hover{
	text-decoration:none;	
}

#wrapper{
	width:998px;
	min-height:650px;
	margin: auto;
	margin-top:0px;
	border-top:0px solid #4a4949;
	border-right:0px solid #4a4949;
	border-left:0px solid #4a4949;
	border-bottom:0px solid #4a4949;
	
	/* position: relative;	
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto; */
}
#contain{
	position: absolute;
	width:997px;
}
#topMenu{
	height:107px;
}
/*======== M E N U  T A B ======== */
#homesoba{
float:left;

}
#headermenu{
width:535px;
height:30px;
background-color:#000;
float:left;
padding:0px 0px 0px 0px;

}
#headermenu img{
float:left;

}
#headermenu ul{
	margin-top:0px;
	list-style-type:none;
	float:left;
	width:535px;
	font-family: arial;
	font-size:12px;
	padding: 0px 0px 0px 0px;
	
	}
#headermenu ul li{
float:left;
margin:0px;
}
#headermenu ul li a{
float:left;
text-decoration:none;
font-weight:bold;
display:block;
text-align:center;
padding-top:6px;
height:24px;
}
#topNav{
	position:absolute;
	width:631px;
	height:50px;
	margin-top:73px;
	margin-left:212px;
	background:url(../../resources/images/topNav_bar.png)
}
#imageNav1{
	width:85px;
	height:29px;
	font-family:verdana, arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding-top:0px;
	float:left;
	margin-left:10px;
	font-variant: small-caps;
}
#imageNav2{
	width:120px;
	height:29px;
	float:left;
	margin-left:14px;
}
#imageNav3{
	width:80px;
	height:29px;
	float:left;
	margin-left:16px;
}

/* SEARCH */
#search
{
	/*background-image:url(../../resources/images/_search.png);*/
	width:0px;
	height:0px;
	position:absolute;
	left:545px;
	top:-55px;
	z-index:5;
	}

/* DROPDOWN */

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
	}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 10px arial;
	font-weight:bold;
	}

#sddm li a
{	display: block;
	margin: 0px 0 0;
	padding: 5px 0px;
	width: 228px;
	height:15px;
	/*background: #0858bd;*/
	background-image:url(../../resources/images/dropdown_bg1.png);
	color: #FFF;
	text-align: center;
	text-decoration: none;
	
	}

#sddm li a:hover
	{	
	/*background: #969696;*/

	background-image:url(../../resources/images/dropdown_bg2.png);
	}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: # 999;
	border: 0px solid #5970B2;
	
	}
	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px 5px ;
		width: 208px;
		height:12px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		border-bottom:1px solid #fff;
		background: #666;
		color: #fff;
		font: 11px arial;
		font-weight:bold;
		}

	#sddm div a:hover
	{	background: #fff;
		color: #000;
		padding: 5px 10px 5px ;
}
#imageNav4{
	width:70px;
	height:29px;
	float:left;
	margin-left:0px;
}
#imageNav5{
	width:60px;
	height:29px;
	float:left;
	margin-left:0px;
}
#imageNav6{
	width:70px;
	height:29px;
	float:left;
	margin-left:10px;
}
#mainPanel{
	
	width:999px;
	background-repeat:repeat-y;
}
#mainPanel_longForm1{
	height:1500px;
	width:998px;
	background-repeat:repeat-y;
}
.midlefttitle{
width:100%;
height:24px;
float:left;
background-image:url(../images/left-title-bg.jpg);
background-repeat:repeat-x;
}
#mainPanel_longForm2{
	height:1000px;
	width:998px;
	background-repeat:repeat-y;
}
#mainPanel_custom{
	height:100%;
	width:998px;
	background-repeat:repeat-y;
}
#indexFlash{
	width:781px;
	height:418px;
	margin-left:220px;
}
#indexLeftNav{
	width:216px;
	height:418px;
	float:left;
}
#indexLeftNav_inner{
	width:216px;
	height:100%;
	min-height:500px;
	float:left;
}
#indexLeftNav_inner2{
	width:180px;
	height:100%;
	float:left;
}
#indexLeftNav_inner3{
	width:130px;
	height:100%;
	float:left;
}
#SL_video2 {
	height: 77px;
	width: 188px;
	position: absolute;
	left: 565px;
	top:-29px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	z-index:1;
}
#SL_video2 img{
float:left;
}
#div_leftNav{
	width:100%;
	height:120px;
	float:left;
}
#div_leftNav2{
	width:180px;
	height:120px;
	float:left;
}
#div_leftNav3{
	width:128px;
	height:120px;
	float:left;
}
#leftNav_title{
	width:100%;
	height:22px;
	background-image:url(../images/left-title-bg.jpg);
	background-repeat:repeat-x;
	}
#leftNav_title a{
font-family:Arial;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
padding:4px 0px 0px 10px;
color:#000;
float:left;
text-decoration:none;
}
#leftNav_title2{
	width:180px;
	height:22px;
	background-image:url(../images/left-title-bg.jpg);
	background-repeat:repeat-x;
	}
#leftNav_title3{
	width:128px;
	height:22px;
	background-image:url(../images/left-title-bg.jpg);
	background-repeat:repeat-x;
	}
#leftNav_title3 a{
font-family:Arial;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
padding:4px 0px 0px 10px;
color:#000;
float:left;
text-decoration:none;
}

#leftNav_title2 a{
font-family:Arial;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
padding:4px 0px 0px 10px;
color:#000;
float:left;
text-decoration:none;
}
.leftNav_txt{
	float:left;
	padding:4px 0px 0px 10px;
	cursor:default;
	font-family:arial;
	font-size:12px;
	font-weight: bold;
	color: #fff;
}
.leftNav_txt a:hover{
	color:#333;
	background-color:#FFF;
	float:left;
	width:205px;
}
.leftNav_txt2{
	float:left;
	padding:4px 0px 0px 0px;
	cursor:default;
	font-family:arial;
	font-size:12px;
	font-weight: bold;
	color:#FFF;
}
.leftNav_txt2 a:hover{
	color:#333;
	background-color:#FFF;
	float:left;
	width:180px;
}


.leftNav_txt3{
	float:left;
	padding:4px 0px 0px 0px;
	cursor:default;
	font-family:arial;
	font-size:12px;
	font-weight: bold;
	color:#FFF;
}
.leftNav_txt3 a:hover{
	color:#333;
	background-color:#FFF;
	float:left;
	width:125px;
}

#indexBottomNav{
	width:998px;
	height:127px;
	float:left;
	background-color:#000;
}
#innerContent{
	height:500px;
	min-height:600px;
	width:100%;
	background:#006;
	background:url(../../resources/images/inner_bg.jpg) center top;
}
#framelessContent{
	height:100%;
	min-height:600px;
	width:100%;
	background:#FFFFFF;
}
#innerBottom{
	background:url(../../resources/images/inner_bottomBG.jpg) no-repeat;
	height:18px;
}
#innermain {
	float:left;
	width:1000px;
	height:100%;
	background-color:#fff;
	background-image:url(images/innermain-bg.jpg);
	background-repeat:repeat-y;
}
#inrtopshadow {
	float:right;
	width:1000px;
	background-image:url(images/inneralltop-bg.jpg);
	background-repeat:repeat-x;
	height:6px;
	padding-bottom:10px;
}
#inrbotshadow {
	float:left;
	width:1000px;
	background-image:url(images/innerfoot-bg.jpg);
	background-repeat:repeat-x;
	height:14px;
}
#contentborder {
	width:780px;
	margin:0px auto;
}
#innertop {
	width:100%;
	margin:0px auto;
	background-image:url(images/box-top.jpg);
	background-repeat:repeat-x;
	height:24px;
	float:left;
	text-decoration: none;
	text-transform: uppercase;	
}
#innerbottom{
width:100%;
padding:0px;
margin:0px  auto;
background-image:url(images/innerbtm-bg.jpg);
background-repeat:repeat-x;
float:left;
padding-bottom:7px;
}
.curveright {
margin:0px;
float:right;
padding:0px;
}
.curveleft {
margin:0px;
float:left;
padding:0px;
}
#panelnoscrl
{
	width:781px;
	height:100%;
	min-height:543px;
	margin-left:216px;
	background-color:#FFF;
}
#panelnoscrl p{
	color:#333;
	font-size:11px;
	text-align:left;
	padding:15px;
}
#panelnoscrl a{
	color:#06C;
	font-size:11px;
	
}
#panelnoscrl2 {
	width:815px;
	float:left;
	background-color:#FFF;
}
#panelnoscrl2 p{
	color:#333;
	font-size:11px;
	text-align:left;
	padding:15px;
}
#panelnoscrl2 a{
	color:#06C;
	font-size:11px;
	
}


#panelnoscrl3 {
	width:815px;
	float:left;
	background-color:#FFF;
}
#panelnoscrl3 p{
	color:#333;
	font-size:11px;
	text-align:left;
	padding:15px;
}
#panelnoscrl3 a{
	color:#06C;
	font-size:11px;
	
}

#div_title{
	height:23px;
	background-color:#999999;
}
#div_titlenew{
	height:23px;
	background-color:#999999;
	width:865px;
}
#div_panel{
	margin-top:10px;
	margin-left:6px;
}
#innertop {
	width:100%;
	margin:0px auto;
	background-image:url(../../resources/images/box-top.jpg);
	background-repeat:repeat-x;
	height:24px;
	float:left;
	text-decoration: none;
	text-transform: uppercase;	
}

.title {
	text-align:left;
	padding:4px 0px 0px 10px;
	cursor:default;
	font-family:arial;
	font-size:12px;
	font-weight: bold;
	color: #ffffff;
	text-transform:uppercase;
	letter-spacing:1px;
}
#innerbottom{
	width:100%;
	padding:0px;
	margin:0px  auto; 
	background:url(../../resources/images/innerbtm-bg.jpg) repeat-x;
	float:left;
	padding-bottom:7px;
}
#div_footer{
	width:998px;
	height:15px;
	float:left;
	margin-left:0px;
	    background-color:#0F0;
}
#footer{
	height:80px;
	padding-top:5px;
}
#footer_btns{
	width:200px;
	float:left; 
}
#footer_btns img{
	float:left; 
}
#footer_nav{
	width:797px;
	font-size:12px;
	text-align:right; 
	float:left; 
	color:#FFF;
}
#footer_nav a{
	color:#FFF;		
	text-decoration:none;
}
#footer_nav a:hover{
	text-decoration:underline;	
}
#footer_mazda_logo{
	float:right; 
	padding-right:10px; 	
}
#footer_tk{
	clear:both; 
		
	padding-top:8px; 
	height:35px;
	border-top: 1px solid #C3C3C3;
}
#footer_wrapper{
	width:998px;
	float:left;
	height:45px;
}
#footer_wrapper_L {
width:200px;
float:left;
height:40px;
padding-top:5px;
}
#footer_wrapper_R {
width:797px;
float:left;
height:30px;
padding-top:15px;
text-align:right;
}
#footer_wrapper_R a{
	color:#FFF;		
	text-decoration:none;
}
#footer_wrapper_R a:hover{
	text-decoration:underline;	
}
#footer_tk_logo{
	
	float:left; 
	width:71px;	
	padding-left:10px;
	text-align:left;
}
#footer_copyright{
	float:left;
	width:900px;
	background-color:#000;
   font-size:0.8em; 
   text-align:right;
}
#footer_optimize{
	float:right;
	width:200px;
	font-size:9px;
	padding-top:8px;
	padding-right:10px;
}
.moreInfoClass{
	color:#333;
	height:170px; overflow: 
	auto; width:97%; 
	padding:0px 15px; 
	text-align:left; 
	background-color: #FFFFFF; 
	border:1px solid #999; 
	margin:auto;
	background:url(../../resources/images/moreinfo_bg.jpg) center repeat-y;
	line-height:15px;
}
.moreInfoClass h1{
	color:#333;
	line-height:18px;
	font-size:1.3em;
	padding-top:10px;
}
.moreInfoClass a{
	color: #06F;
	text-decoration:none;
}
.moreInfoClass a:hover{
	text-decoration:underline;	
}
.topMoreinfo{
	height: 170px; width:998px; clear:both; text-align:center; padding-bottom:5px;	
}
#spot{
	position: absolute;
}
#Div1{
	color:#333;	
	text-align:left;
	padding:20px;
}
 
#framenew{
width:865px;
height:432px;
float:left;
z-index:-1;
background-color:#fff;
border-top:5px solid #000;
}