@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:#FFF;
	color:#333;
}
a{
	text-decoration:none;
	color:#333;
}

a:hover{
	text-decoration:none;	
}

#wrapper{
	width:997px;
	height: 100% !important;
	margin: auto;

 
}

 
#imageNav1{
	width:100px;
	height:29px;
	float:left;
	margin-left:10px;
}
#imageNav2{
	width:130px;
	height:29px;
	float:left;
	margin-left:14px;
}
#imageNav3{
	width:100px;
	height:29px;
	float:left;
	margin-left:16px;
}
#imageNav4{
	width:100px;
	height:29px;
	float:left;
	margin-left:0px;
}
#imageNav5{
	width:70px;
	height:29px;
	float:left;
	margin-left:0px;
}
#imageNav6{
	width:70px;
	height:29px;
	float:left;
	margin-left:10px;
}
#centerPanel{
	clear:both;
	height:370px;
	width:997px;  
}
#centerPanel_longForm1{
	height:1500px;
	width:997px;
	background-image:url(../images/ltNav_bkgrnd_r.jpg);
	background-repeat:repeat-y;
}
#centerPanel_longForm2{
	height:1000px;
	width:997px;
	background-image:url(../images/ltNav_bkgrnd_r.jpg);
	background-repeat:repeat-y;
}
#centerPanel_custom{
	height:100%;
	width:997px;
	background-image:url(../images/ltNav_bkgrnd_r.jpg);
	background-repeat:repeat-y;
}
#indexFlash{
	width:781px;
	height:418px;
	background-color:#FF0;
	margin-left:216px;
}
#indexLeftNav{
	width:216px;
	height:418px;
	float:left;
}
#indexLeftNav_inner{
	width:216px;
	height:100%;
	min-height:418px;
	float:left;
}
#div_leftNav{
	width:100%;
	height:120px;
	float:left;
}
#leftNav_title{
	width:100%;
	height:22px;
}
.leftNav_txt{
	float:left;
	padding:4px 0px 0px 10px;
	cursor:default;
	font-family:arial;
	font-size:12px;
	font-weight: bold;
	color: #ffffff;
}
.leftNav_txt a:hover{
	color:#333;
	background-color:#333;
	float:left;
	width:205px;
}
#bottomNav{
	width:997px;
	height:123px;
	float:left;
 
}
#bottomNav img{
	float:left;	
}
#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:#333333;
}
#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(../../resources/images/innermain-bg.jpg);
	background-repeat:repeat-y;
}
#inrtopshadow {
	float:right;
	width:1000px;
	background-image:url(../../resources/images/inneralltop-bg.jpg);
	background-repeat:repeat-x;
	height:6px;
	padding-bottom:10px;
}
#inrbotshadow {
	float:left;
	width:1000px;
	background-image:url(../../resources/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(../../resources/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(../../resources/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:#333;
}
#panelnoscrl p{
	color:#333;
	font-size:11px;
	text-align:left;
	padding:15px;
}
#panelnoscrl a{
	color:#06C;
	font-size:11px;
	
}
#div_title{
	height:23px;
	background-color:#999999;
}
#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:997px;
	height:15px;
	float:left;
	margin-left:340px;
}
#footer{
	height:80px;
	padding-top:5px;
}
#footer_nav{
	width:775px; 
	text-align:right; 
	float:left; 
	padding-top:10px;
	color:#333;
	margin-left:40px;
}
#footer_nav a{
	color:#333;
	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{
	height:45px;
}
#footer_tk_logo{
	float:left; 
	width:200px;	
	padding-left:10px;
	text-align:left;
}
#footer_copyright{
	float:right;
	width:550px;
	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: #333333; 
	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:#0299CB;
	text-decoration:none;
}
.moreInfoClass a:hover{
	text-decoration:underline;	
}
.topMoreinfo{
	height: 170px; width:997px; clear:both; text-align:center; padding-bottom:5px;	
}
#spot{
	position: absolute;
}
#Div1{
	color:#333;	
	text-align:left;
	padding:20px;
	min-height:500px;
}
<!-- Scott robinson code--------------------------------------------------------------------------------------- -->
#topNav{


}
#topNav img{
	float:left;
	padding: 0px 0px 5px 5px;
}
#topNav ul{
	margin:0px;
	list-style-type:none;
	float:right;
	width:720px;
	font-family:Verdana;
	font-size:12px;
	padding: 0px 0px 5px 20px;
}
#topNav ul li{
float:left;
margin:0px;
}
#topNav ul li a{
float:left;
text-decoration:none;
font-weight:bold;
display:block;
text-align:center;
padding-top:10px;
height:27px;
}
.new{
width:105px;
background-image:url(../../resources/images/newHonda.jpg);
color:#303030;
}
.new:hover{
background-image:url(../../resources/images/newHonda-over.jpg);
}
.new-on{
width:105px;
background-image:url(../../resources/images/newHonda-over.jpg);
color:#303030;
text-align:center;
height:27px;
font-weight:bold;
padding-top:10px;
}
.preowned{
width:130px;
background-image:url(../../resources/images/pre-owned.jpg);
color:#303030;
}
.preowned:hover{
background-image:url(../../resources/images/pre-owned-over.jpg);
}
.preowned-on{
width:130px;
background-image:url(../../resources/images/pre-owned-over.jpg);
color:#303030;
text-align:center;
height:27px;
font-weight:bold;
padding-top:10px;
}
.usedtrucks{
width:125px;
background-image:url(../../resources/images/pre-owned.jpg);
color:#303030;
}
.usedtrucks:hover{
background-image:url(../../resources/images/pre-owned-over.jpg);
}
.usedtrucks-on{
width:125px;
background-image:url(../../resources/images/pre-owned-over.jpg);
color:#303030;
text-align:center;
height:27px;
font-weight:bold;
padding-top:10px;
}
.service{
width:217px;
background-image:url(../../resources/images/service.jpg);
color:#303030;
}
.service:hover{
background-image:url(../../resources/images/service-over.jpg);
}
.service-on{
width:217px;
background-image:url(../../resources/images/service-over.jpg);
color:#303030;
text-align:center;
height:27px;
font-weight:bold;
padding-top:10px;
}
#service_coupon{
	width:990px;
	height:220px;
	float:left;
	margin:0px auto;
	margin-top:6px;
}

.aboutus{
width:140px;
background-image:url(../../resources/images/aboutus.jpg);
color:#303030;
}
.aboutus:hover{
background-image:url(../../resources/images/aboutus-over.jpg);
}
.aboutus-on{
	background-image:url(../../resources/images/aboutus-over.jpg);
	width:140px;
	color:#303030;
	text-align:center;
	height:27px;
	font-weight:bold;
	padding-top:10px;
}
.quicklinks{
	width:117px;
	background-image:url(../../resources/images/quicklinks.jpg);
	color:#303030;
}
.quicklinks:hover{
color:#000;
background-image:url(../../resources/images/quicklinks-over.jpg);
}
.quicklinks-on{
color:#303030;
width:117px;
background-image:url(../../resources/images/quicklinks-over.jpg);
}
#leftNav{
	width:200px;
	height: 365px;
	background:url(../../resources/images/left_panel_bg.gif) no-repeat;
	float:left;
	text-align:left;
}
#mainPanel{
	margin: 0px 5px 0px 6px;
	width:586px;
	height:364px;
	float:left; 
}
#mainPanelHome{
	margin: 0px 5px 0px 6px;
	width:783px;
	height:364px;
	float:left; 
}
#mainPanel_custom{
	min-height:500px;
	background-color:#FFF;
	/*background-image:url(../images/ltNav_bkgrnd_r.jpg);
	background-repeat:repeat-y;*/
}
#rightNav{
	text-align:left;
	width:200px;
	float:left;
	height:365px;
	background:url(../../resources/images/left_panel_bg.gif) no-repeat;
}
#footerlogos{
float:left;
}
#contactus{
float:left;
width:997px;
height:75px;
padding:5px 0px 9px 0px;
}
#contactus ul{
padding:10px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-family:arial;
font-size:12px;
list-style-type:none;
float:left;
}
#contactus ul li{
padding:0px 0px 0px 30px;
margin:0px 0px 0px 70px;
font-family:arial;
font-size:12px;
color:#333333;
list-style-type:none;
float:left;
font-weight:bold;
}
#contactus p{
font-family:arial;
font-size:10px;
color:#333333;
float:left;
padding:0px 0px 0px 30px;
margin:0px 0px 0px 83px;
}
#footerNav{
border-top:1px solid #666666;
border-bottom:1px solid #666666;
float:left;
width:997px;
text-align:center;
margin-bottom:0px;
}
#footerNav p{
padding:2px 0px 3px 0px;
margin:0px 0px 0px 0px;
font-family:Arial;
font-size:10px;
color:#0066cc;
}
#footerNav p label{
padding:0px 12px 0px 12px;
border-right:1px solid #0066cc;
display:inline
}
#footerNav p a{
font-family:Arial;
font-size:10px;
color:#0066cc;
text-decoration:none;
}
#footerNav p a:hover{
text-decoration:underline;
}
#wel h1{
font-family:verdana, arial, sans-serif;
color:#333333;
margin:0px;
padding:10px 0px 0px 0px;
}
#wel p{
font-family:verdana, arial, sans-serif;
font-size:16px;
color:#333333;
margin:0px;
padding:10px 0px 0px 0px;
}
#wel p a{
font-family:verdana, arial, sans-serif;
color:#0066CC;
font-size:16px;
text-decoration:underline;
}
#wel p a:hover{
text-decoration:none;
}
#modles{
float:left;
width:199px;
}
#modles img{
float:left;
}
#modles div{
float:left; 
height:345px;
padding:12px 10px 0px 10px;
width:177px;
}
#modles ul{
padding:3px 0px 3px 0px;
margin:10px 0px 0px 0px;
list-style-type:none;
float:left;
font-family:Helvetica;
font-size:12px;
width:177px;
border-top:1px solid #C4CDCC;
border-bottom:1px solid #C4CDCC;
color:#0066CC;
text-transform:capitalize
}
#modles ul li{
padding:1px 0px 1px 0px;
margin:0px;
list-style-type:none;
}
#modles ul li a{
font-family:Helvetica;
font-size:12px;
color:#737373;
text-decoration:none;
} 
#modles ul li a:hover{
color:#0066CC;
padding-left:2px;
} 
#modles h2{
padding:6px 0px 5px 0px;
margin:0px;
float:left
}
#leftContent{
 padding:10px;
 width:90%;
}
#leftContent p{
 float:left;
 width:135px;
 padding:0px;
 margin:0px;
 padding-left:5px;
}
#leftContent_trucks{
	
}
#innerDiv{
width:193px;
height:358px;
float:left; 
padding:0px 0px 0px 4px;
}
#innerDiv h1{
font-family:arial;
padding:8px 0px 8px 0px;
margin:0px 0px 0px 0px;
float:left;
text-indent:9px;
border-bottom:1px solid #C1C1C1;
width:190px;
}
#innerDiv p{
padding:4px 0px 0px 12px;
margin:0px;
font-family:arial;
color:#646464;
font-size:12px;
float:left;
}
#innerDiv p img{
vertical-align:middle;
padding:0px 10px 0px 0px;
}
#innerDiv address{
font-family:arial;
color:#646464;
font-size:12px;
padding:4px 0px 0px 5px;
margin:0px 0px 0px 0px;
font-style:normal;
width:178px;
float:left;
line-height:18px;
}
#innerDiv .right{
	float:right;	
	padding-right:0px;
}
#innerDiv p a{
font-family:arial;
color:#646464;
font-size:12px;
text-decoration:none;
}
#innerDiv p a:hover{
color:#0066CC;
}
#livechat {
	padding-top:20px;
	padding-right:40px;
	height:14px;
	width: 180px;
	float: right;  
}
.bluelink{
font-family:arial;
color:#0066cc;
font-size:12px;
}
a.bluelink{
text-decoration:none;
}
a.bluelink:hover{
text-decoration:underline;
}
#framing{
width:950px;
clear:left;
padding:10px 0px 0px 0px;
margin:0px auto;
}
#framing img{
float:left;
}
#contentarea{
width:950px;
height:480px;
border-right:1px solid #A5A5A5;
border-left:1px solid #A5A5A5;
float:left;
}
#contentarea2{
width:950px;
height:2530px;
border-right:1px solid #A5A5A5;
border-left:1px solid #A5A5A5;
float:left;
}
#contentarea h1{
float:left;
padding:20px 10px 0px 10px;
margin:0px;
font-family:Arial;
font-size:13px;
color:#2079D2;
width:828px;
}
#contentarea p{
padding:10px 10px 0px 10px;
font-family:Arial;
font-size:12px;
margin:0px;
float:left;
width:828px;
}
.frame{
margin:0px;
padding:0px;
height:480px; 
float:left;
width:100%;
overflow: auto;
z-index:-1
}
#titletag{
width:997px;
float:left;
background-image:url(../../resources/images/titlebg.jpg);
background-repeat:repeat-x;
height:31px;
margin-top:5px;
}
#titletag object{
float:left;
}
#titletag img{
float:left;
}
#titletag div{
float:left;
width:960px;
background-image:url(../../resources/images/bluearrow.jpg);
background-repeat:no-repeat;
background-position:left;
padding:9px 0px 0px 30px;
height:22px;
font-family:verdana;
font-size:12px;
color:#093D91;
font-weight:bold;
}
a.grayLink{
	color:#666;
	text-decoration:none;
}
a.grayLink:hover{
	padding-left:5px;
	display:block;
color:#0066CC;	
}
a.grayLink:visted{
	color:#666;
	text-decoration:none;
}
.imageNavLink {
	background:transparent url(../../resources/images/icon_currentOffer.gif) no-repeat scroll 5px 5px;
	clear:both;
	color:#0066CC;
	font-family:arial;
	font-size:12px;
	height:40px;
	padding:15px 0 0px 45px;
}
.imageNavLink2 {
	background:transparent url(../../resources/images/icon_hybrid.gif) no-repeat scroll 5px 5px;
	clear:both;
	font-family:arial;
	font-size:12px;
	height:30px;
	padding:7px 0 5px 45px;	
}
.imageNavLink3 {
	background:transparent url(../../resources/images/icon_hybrid.gif) no-repeat scroll 5px 5px;
	clear:both;
	font-family:arial;
	font-size:12px;
	height:30px;
	padding:7px 0 5px 45px;	
}
.imageNavLinknew {
	background:transparent url(../../resources/images/icon_currentOffer.gif) no-repeat scroll 5px 0px;
	clear:both;
	color:#0066CC;
	font-family:arial;
	font-size:12px;
	height:34px;
	padding:0px 0 0px 45px;
}
.imageNavLink2new {
	background:transparent url(../../resources/images/icon_hybrid.gif) no-repeat scroll 5px 0px;
	clear:both;
	font-family:arial;
	font-size:12px;
	height:34px;
	padding:0px 0 5px 45px;	
}
.imageNavLinkweek {
	background:transparent url(../../resources/images/week-ad.jpg) no-repeat scroll 5px 0px;
	clear:both;
	color:#0066CC;
	font-family:arial;
	font-size:12px;
	height:34px;
	padding:0px 0 0px 45px;
}
.imageNavLinkincent {
	background:transparent url(../../resources/images/icon_currentOffer.gif) no-repeat scroll 5px 0px;
	clear:both;
	color:#0066CC;
	font-family:arial;
	font-size:12px;
	height:34px;
	padding:0px 0 0px 45px;
}
.bluelink2{
font-family:arial;
color:#0066cc;
font-size:12px;
line-height:34px;
}
a.bluelink2{
text-decoration:none;
}
a.bluelink2:hover{
text-decoration:underline;
}
/*#fblike{margin-left:610px;}*/

