body{
background:#000000;
margin:30px 0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
}
.clear
{
clear:both;
padding:0;
margin:0;}

.cnt
{
text-align:center;}

img
{
padding:0;
margin:0;
border:0;}

p.adp
{
	clear: both;
	color: #ffffff;
	margin: 10px auto;
	padding: 0;
	text-align: center;
	line-height: 18px;
}

.em
{
	clear:both;
	font-style: italic;
}

a
{
color:#1691bf}

.btext
{
color:#07739c;}

.phone
{
color:#ffffff;
font-size:23px;
text-align:center;}

.team
{float:left; width:300px; margin:0 0 0 30px; }

table {
	border-collapse: collapse;
	margin:0 10px;
	color:#383838;
}table th {
text-align:left;
padding:5px 0;
}
table td {
padding:5px 0;
}
table input, textarea
{
border:#CCCCCC 1px solid;
background:#fff36c;
font-size:11px;}

/***** CONTAINER *****/

#container {
background:url(../img/bg.gif);
width:980px;
margin:0 auto;
padding:0;
}
#container2 {
background:url(../img/bg2.gif);
width:980px;
margin:0 auto;
padding:0;
}


/***** CONTAINER *****/

#container_home {
background:url(../img/home_bg.png);
width:980px;
margin:0 auto;
padding:0;
}



/***** LEFT *****/
#left
{
float:left;
width:210px;
padding:0;
margin:0;
background-color: #33424a;
}

#left .logo
{
float:left;
width:210px;
padding:0;
margin:0;
border:0;
}


ul#nav {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
}

ul#nav li {
	display: inline;
	margin: 0;
	padding: 0;
}

ul#nav li a {
	float: left;
	color:#f09b05;
width:170px;
	margin: 0;
	padding: 13px 0 13px 40px;
	background:url(../img/link_bg.png) no-repeat;
	text-decoration:none;
}

ul#nav li a:hover {
	float: left;
	color:#ffffff;
width:170px;
	margin: 0;
	padding: 13px 0 13px 40px;
	background:url(../img/link_bg.png) no-repeat;
	text-decoration:none;
}






#navleft {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#navleft,
ul#navleft li,
ul#navleft ul {
	float: left;
  margin: 0;
  border: 0 none;
  width: 170px;/*For KHTML*/
	list-style: none;
}

	ul#navleft li {
		position: relative;
		  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
	}

		ul#navleft li a {
			display: block;
			width: 170px;
			height: auto !important;
			margin: 0;
			padding: 13px 0 14px 40px;
			font-size: 11px;
			color:#f09b05;
			background:url(../img/link_bg.png) no-repeat;
	text-decoration:none;
		}

		ul#navleft a:hover,
		ul#navleft li:hover a,
		ul#navleft li.iehover a  {
			background-image: url(../img/link_bg.png);
	color:#ffffff;
		}
		
/* 2nd Menu */
ul#navleft li:hover li a,
ul#navleft li.iehover li a {
			background:url(../img/link_bg.png);
			color: #f09b05;
			margin: 0 0 0 20px;
			font-size: 11px;
}

/* 2nd Menu Hover Persistence */
ul#navleft li:hover li a:hover,
ul#navleft li:hover li:hover a,
ul#navleft li.iehover li a:hover,
ul#navleft li.iehover li.iehover a {
			background:url(../img/link_bg.png);
	color:#ffffff;
}
/* 3rd Menu */
ul#navleft li:hover li:hover li a,
ul#navleft li.iehover li.iehover li a {
  background: #FFFFFF;
  color: #990000;
}

/* 3rd Menu Hover Persistence */
ul#navleft li:hover li:hover li a:hover,
ul#navleft li:hover li:hover li:hover a,
ul#navleft li.iehover li.iehover li a:hover,
ul#navleft li.iehover li.iehover li.iehover a {
  background: #8A9AA9;
  color: #FFFFFF;
}

/* 4th Menu */
ul#navleft li:hover li:hover li:hover li a,
ul#navleft li.iehover li.iehover li.iehover li a {
  background: #FFFFFF;
  color: #990000;
}

/* 4th Menu Hover */
ul#navleft li:hover li:hover li:hover li a:hover,
ul#navleft li.iehover li.iehover li.iehover li a:hover {
  background: #8A9AA9;
  color: #FFFFFF;
}

ul#navleft ul,
ul#navleft ul ul,
ul#navleft ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 150px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navleft li:hover ul ul,
ul#navleft li:hover ul ul ul,
ul#navleft li.iehover ul ul,
ul#navleft li.iehover ul ul ul {
  display: none;
}

ul#navleft li:hover ul,
ul#navleft ul li:hover ul,
ul#navleft ul ul li:hover ul,
ul#navleft li.iehover ul,
ul#navleft ul li.iehover ul,
ul#navleft ul ul li.iehover ul {
  display: block;
}

		#navleft li a.last {
			border: 0;
		}




#businesshours
{
clear:both;
float:left;
width:190px;
padding:0;
margin:15px 10px;
}
#businesshours .btitle
{
color:#00adef;
padding:0;
margin:10px 0;
font-weight:600px;}
#businesshours .btext
{
color:#ffffff;
padding:0;
margin:5px 0 5px 5px;
font-size:11px}
.backbutton
{
background:url(../img/back.gif) no-repeat;
width:104px;
height:23px;
padding:0;
margin:10px 0;
float:right;}

#colorspackages
{display:none;*
padding:0;
margin:0;
width:750px;
background-color:#fbab20; 
padding:5px;
clear:both;}
#colorspackages a
{
color:#333333;}


#uniquename
{ display:none;
padding:0;
margin:0;
width:750px;
background-color:#fbab20; 
padding:5px;
clear:both;}

#uniquename a
{
color:#333333;}


ul.arrow {
	margin: 0 0 0 40px;
	padding: 0;
	list-style: none;
}

ul.arrow li {
	margin: 5px 0;
	padding:0;
	list-style-image: url(../img/arrow.gif);
	list-style-position: outside;
}
ul.arrow li a{
color:#000000;
}
ul.arrowcol {
	margin: 0 0 0 40px;
	padding: 0;
	list-style: none;
}

ul.arrowcol li {
	float:left;
	width:300px;
	margin: 5px 0;
	padding:0 0 0 15px;
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
/***** RIGHT *****/
#mainright
{
float:left;
width:770px;
padding:0;
margin:0 0 10px 0;
}

#mainright p
{
padding:10px 20px;
margin:0;}

#right
{
float:left;
width:770px;
padding:0;
margin:0;}

#right p
{
padding:10px 20px;
margin:0;
color:#FFFFFF;}

.title
{
	background:url(../img/titlebg.gif) no-repeat;
	margin:0;
	padding:40px 0 30px 13px;
	font-size:18px;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

h2
{
	margin:0;
	padding:10px 0 10px 20px;
	font-size:15px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:600;
}

h2 a
{
color:#333333;}

.bluetitle
{
	margin:0;
	padding:10px 0 10px 20px;
	font-size:15px;
	color:#01607b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:600;
}

.wtitle
{
	margin:0;
	padding:10px 0 10px 20px;
	font-size:15px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:600;
}

#cars
{
padding:0;
margin:20px;}
#cars .car
{
float:left;
margin:5px;
padding:0;}

.price
{
margin:10px auto;
padding:0;
width: 700px;
color:#990000;
font-size:18px;}

#newmodelBig
{
margin:0 auto;
padding:0;
border: 0px #ACAAAB solid;
width: 700px;}

#newmodelPics
{
margin:0 auto;
padding:0;
width: 700px;}

.newmodelPicsExt
{
float:left;
margin:10px 0;}


#newmodelPics a {display: block; float: left; margin: 0 0 0 11px; border: 1px #ACAAAB solid;}
#newmodelPics a.first {margin-left: 1px;}

table.preowned {
  margin: 20px 0;
  width: 750px;
}

table.preowned a {
  color: #33424a;
}

table.preowned td, table.preowned th {
  padding: 5px;
}

img.preownedimg {
  border: 1px solid #000000;
}

table.preowned tr.row0 {
  background-color: #ffba42;
}

table.preowned tr.row1 {
  background-color: #ffcd77;
}

ul#newmazdabutton {
	margin: 0 0 0 40px;
	padding: 0;
	list-style: none;
}

ul#newmazdabutton li {
	display: inline;
	margin: 0;
	padding: 0;
}

ul#newmazdabutton li a {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	height:32px;
}


ul#newmazdabutton li a.feature          { background-image: url(../img/button_mazdacarfeature.gif); width:185px;}
ul#newmazdabutton li a.booktest          { background-image: url(../img/button_bookaroadtest.gif); width:172px;}
ul#newmazdabutton li a.testdrive          { background-image: url(../img/testmap.png); width:139px; height:52px; clear:both; margin-top:30px;}

a.brochure           { float: left; background-image: url(../img/button_brochure.gif); width:97px; height:32px; padding: 0; margin:0 0 0 20px;}

a.carfeature           { float: left; background-image: url(../img/button_mazdacarfeature.gif); width:185px; height:32px; padding: 0; margin:0 0 0 20px;}

a.cartestdrive           { float: left; background-image: url(../img/testmap.png); width:139px; height:52px; padding: 0; margin:0 0 0 20px;}
 
 
span.navtext {
	display: none;
}

img#bigpic {
  display: block;
  margin: 5px 0 20px 20px;
}

img.tdimg {
  border-left: 1px solid #1cce28;
  border-right: 1px solid #1cce28;
  border-bottom: 2px solid #1cce28;
}

img.tdimgfirst {
  border-left: 2px solid #1cce28;
}

img.tdimglast {
  border-right: 2px solid #1cce28;
}




ul#topnavigation {
	float: left;
	width:770px;
	padding: 17px 0 0 0;
margin:0; 
	background:url(../img/topnavbg.jpg) repeat-x;
}


ul#topnavigation li {
	display: inline;
	margin: 0;
	padding: 0;
}


ul#topnavigation li a {
	float: left;
	margin: 17px 0 3px 3px;
	padding: 0;
	height:44px;
	width:188px;
}


ul#topnavigation li a.poplight          { background-image: url(../img/link_discover.jpg);}
ul#topnavigation li a.servicespecials          { background-image: url(../img/link_servicespecials.jpg);}
ul#topnavigation li a.mazdamonthly          { background-image: url(../img/link_mazdamonthly.jpg);}
ul#topnavigation li a.preownedspecials          { background-image: url(../img/link_preownedspecials.jpg);}


/* ***** FOOTER ***** */
#footer {
float:left;
width:980px;
background:#1cce28;
	margin: 0;
	padding: 0;
	color: #000000;
	font-size:11px;
}

#footer .address
{
float:left;
width:560px;
	margin: 0;
	padding: 20px 20px;
}

#footer .copy
{
float:left;
width:300px;
	margin: 0;
	padding: 20px 0;
	text-align:right;
}
#footer .bottomlogo
{
float:left;
width:80px;
	margin: 0;
	padding: 0;
}



ul#footerlink {
clear:both;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	list-style: none;
}

ul#footerlink li {
	display: inline;
	margin: 0;
	padding: 0;
}

ul#footerlink li a {
	float: left;
	color:#ffffff;
	margin: 0;
	padding: 5px 10px 5px 0;
	text-decoration:underline;
}

ul#footerlink li a:hover {
	float: left;
	color:#ffffff;
	margin: 0;
	padding: 5px 10px 5px 0;
	text-decoration:none;
}


/*------------------POPUPS------------------------*/
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none;
	background: #000;
	padding: 20px; 	
	border: 20px solid #54e83c;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right; 
	margin: -55px -55px 0 0;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}