/* CSS Document for MAZDA GREENHILLS
   Copyright(c) 2008. All rights reserved.
*/

body {
		margin     			 	: 0;
		font-family 			: arial, verdana;
		font-size   			: 12px;
		background-image   		: url('../../_medias/img/bg_main.jpg');
		background-repeat  		: repeat;
		background-position		: center; 
	}

#page-container
	{
		width					: 944px;
		margin					: 0 auto;
		

	}

#mz-header
	{
		background				: url(../../images/mazda_headbg.jpg) repeat-x;
		height					: 132px;
		width					: 900px;
		margin					: 0 auto;
		padding					: 0;
	}
		
#mz-logowrap
	{
		height					: 100%;
		z-index					: -1;
		text-align				:left;
	}
	
#mz-navigation
	{
		width					: 800px;
		height					: 50px;
		margin					: 0 auto;
		padding-left			: 15px;
		vertical-align: top;
	}

#dropmenu, #dropmenu ul 
	{
		margin						: 0;
		padding						: 0;
		height						: 30px;
		list-style-type				: none;
		list-style-position			: outside; 
		position					: relative;
		line-height					: 1.5em;
		z-index						: 300;
		width						: 810px;
		text-align					: center; 
	} 
		  
#dropmenu a
	{
		display						: block;
		color						: #FFFFFF;
		text-decoration				: none;
	} 

#dropmenu li 
	{
		float						: left;
		position					: relative;
		padding						: 0;
		margin						: 0;
	} 

#dropmenu li a
	{
		text-decoration				: none;
		margin						: 0;
		padding						: 0;
	} 


#dropmenu li a:hover, #dropmenu li a:visited 
	{
		text-decoration				: none;
		
	} 
	
	
#dropmenu li li a
	{
		text-decoration				: none;
		border						: 0;
		font-weight					: bold;
		font-size					: 12px;
		color						: #333333;
		height						: 30px;
	} 
	
#dropmenu li li a:visited
	{
		text-decoration				: none;
		border						: 0;
		font-weight					: bold;
		font-size					: 12px;
		color						: #333333;
		
		
	} 	
	
#dropmenu li li a:hover 
	{
		color						: #1f8ecb;
	} 

#dropmenu ul 
	{
		position					: absolute;
		display						: none;
		top							: 1.9em;
		left						: -1px;
	} 

#dropmenu ul a 
	{	
		border-left					: 1px solid #c8c8c8;
		text-decoration				: none;
	} 

#dropmenu li ul 
	{
		
		width						: 100px;
	} 
	
#dropmenu li li
	{
		padding						: 0 0 0 3px;
		line-height					: 25px;	
		display						: block;
	} 	
	

#dropmenu li ul a 		
	{
		height						: auto;
		float						: left;
		border-bottom				: 1px solid #c8c8c8;
		border-right				: 1px solid #c8c8c8;
		background					: #FFFFFF;
		color						: #686868;
		text-align					: left;
		width						: 120px;
	} 

#dropmenu ul ul 
	{	
		top							: 0 auto;
	} 

#dropmenu li ul ul 
	{
		left						: 12em; 
		margin						: 0;
	} 

#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul 
	{
		display						: none;
	} 

#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul 
	{
		display						: block;
	} 
		  
#dropmenu li ul li a
	{
		padding-left				:5px;
	} 

/*=====================================================*/

.clearer { clear: both; }

#mz-body
	{
		width					: 944px;
		background				: url(../../images/mz-contentbg.png) repeat-y;
		padding					: 0;
		margin					: 0 auto;
	}


#mz-content
	{
		float					: left;
		width					: 650px;
	}

#mz-content2
	{
		float					: left;
		width					: 600px;
		padding-left			: 50px;
	}


#mz-content2 h3
	{
		margin					: 0;
		padding					: 0;
		font-size				: 24px;
		font-weight				: normal;
		color					: #52585b;
	}



#zoomwrap
	{
		width					: 606px;
		height					: 100px;
		margin					: 0 0 25px 40px;
		padding					: 2px;
		background-color		: #FFFFFF;
		border					: #a5a5a5 1px solid;
	}

#whatnew-title
	{
		background 				: url(../../images/blue-head.png) no-repeat;
		width					: 243px;
		height					: 74px;
		padding					: 5px 0 0 40px;
		text-transform			: uppercase;
		font-weight				: bold;
		float: left;		
	}

#upcomingmodel
	{
		width					: 359px;
		height					: 60px;
		padding					: 0 0 0 0;
		float: right;
	}


.title-mid 
	{
		color					: #FFFFFF;
		font-size				: 14px;
	}
	
.title-xl
	{
		color					: #5a258b;
		font-size				: 30px;
	}


#featured-car
	{
		width					: 606px;
		background-color		: #FFFFFF;
		padding					: 20px 0 30px 0;
		margin					: 0 0 25px 45px;
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px;
		border: 1px #999999 solid;

	}
	
#featured-car strong a
	{
		color: #333333;
		font-size: 15px;
		text-decoration: none;
	}		
	
#featured-car strong a:visited
	{
		color: #333333;
		text-decoration: none;
	}		
	
#featured-car strong a:hover
	{
		color: #333333;
		text-decoration: none;
	}		
	
	
#featured-car a
	{
		color: #990000;
		text-decoration: underline;
	}		

#featured-car a:visited
	{
		color: #990000;
		text-decoration: underline;
	}		

#featured-car a:hover
	{
		color: #990000;
		text-decoration: none;
	}		
				
		
	
#featured-car h3 a
	{
		margin: 0;
		padding: 0;
		font-size: 14px;
		color: #333333;
	}	
	
#featured-car table
	{
		font-size				: 12px;
		
	}
	
#featured-car td
	{
		padding: 2px;
	}
	

/*===============================*/

#mz-sidebar
	{
		float					: right;
		display					: block;
		width					: 277px;
	}
	
#announcement-title
	{
		background				: url(../../images/title-announcement.png);
		height					: 43px;	
		width					: 262px;
		color					: #FFFFFF;
		font-size				: 14px;
		text-transform			: uppercase;
		font-weight				: bold;
		padding					: 5px 0 0 15px;
	}

#email-title
	{
		background				: url(../../images/title-email.png);
		height					: 42px;	
		width					: 262px;
		color					: #FFFFFF;
		font-size				: 14px;
		text-transform			: uppercase;
		font-weight				: bold;
		padding					: 5px 0 0 15px;
	}



.box-side
	{
		background-color		: #fbf3eb;
		color					: #7b400c;
		border					: #CCCCCC 1px solid;
		width					: 214px;
		padding					: 8px;
		margin-right			: 45px;
		text-align				: left
	}
	
.box-side a, .box-side a:visited
	{
		color					: #7b400c;
		text-decoration			: none;	
	}
	
.box-side a:hover
	{
		color					: #0099FF;
	}



	
#footer-wrapper
	{
		background				: url(../../images/mz-footerbg.jpg) repeat-x;
		height					: 40px;	
		width					: 880px;
		margin					: 0 auto;
		padding					: 40px 0 0 20px;
		color					: #FFFFFF;
	}

#footer-wrapper a {
 color:#FFFFFF;
 text-decoration:none;
}



#footer-wrapper .copy
	{
		float					: left;
		width					: 600px;
	}
	
#footer-wrapper .author
	{
		float					: right;
		width					: 200px;
	}
	
#footer-wrapper .author a
	{
 		color					: #FFFFFF;
		text-decoration			: none;
	}

#footer-wrapper .author a:visited
	{
 		color					: #FFFFFF;
		text-decoration			: none;
	}


#footer-wrapper .author a:hover
	{
 		color					: #FFFFFF;
		text-decoration			: bold;
	}



/* CSS BODY BACKGROUNDS */
#bgmain{
	background-image   : url('../../_medias/img/bg_main.jpg');
	height: 30px;
	background-repeat  : repeat;
	background-position: center;
}
#bgc_toplink{
	background-image   : url('../../_medias/img/bg_toplink.jpg');
	background-color: #fbfbfb;
	background-repeat  : repeat-x;
}

#bgc_footer{
	background-image   : url('../../_medias/img/bg_footer_xscale.jpg');
	background-repeat  : repeat-x;
}
#topLink_bg{
	background-image   : #fefefe url('../../_medias/img/toplink_bg.jpg');
	background-repeat  : repeat-x;
}
#bg01{
	background-image   : url('../../_medias/img/bg01.jpg');
	background-repeat  : no-repeat
}


.body_contents{
	font-size       : 12px;
	color           : #000;
	background-color: #FFF;
}


.main_footer_div {
	font-size: 11px;
	color    : #FFFFFF;
	position : absolute;
	top      : 650px;
	left     : 135px;
}



.topLink_main {
	font-size   : 12px;
	color		: #005825;
}
a.topLink_main:link    {color: #005825; text-decoration: none;}
a.topLink_main:visited {color: #005825; text-decoration: none; }
a.topLink_main:hover   {text-decoration : none; color: #ffff00;}
}
a.topLink_main:active  {color: #005825; text-decoration: none; }

.leftAnchor_link {
	font-size   : 12px;
	color		: #fff;
	position    : relative;
}
a.leftAnchor_link:link    {color: #fff; text-decoration: none;}
a.leftAnchor_link:visited {color: #fff; text-decoration: none; }
a.leftAnchor_link:hover   {text-decoration : none; color: #ffff00;}
}
a.leftAnchor_link:active  {color: #fff; text-decoration: none; }

 .anchor_footer {
 color        : #ffffff; 
 font-size    : 9px; 
 }
a.anchor_footer:link {color: #ffffff; text-decoration: none;}
a.anchor_footer:visited {color: #ffffff; text-decoration: none; }
a.anchor_footer:hover {color: #ff0000; text-decoration: none;}
a.anchor_footer:active {color: #ffffff; text-decoration: none;}
/*//FOOTER CSS SECTION*/

#footer_main {
  font-size		: 10px;
  color			: #ffffff;
  padding-left  : 10px;
}

/* BODY CONTENTS */
.title_main {
	font-size   : 15px;
	color		: #98b736;
    font-weight : bold;
}

.contents_main {
	font-size   : 12px;
	color		: #000;
}

.contents_body {
	font-size   : 12px;
	color		: #000;
	padding-left: 15px;
	padding-top : 15px;	
}

.vtcontent {
	font-size   : 15px;
	color		: #000;
    font-weight : bold;
}

.vcontent {
	font-size     : 12px;
	color		  : #000;
	padding-left  : 5px;
	padding-right : 5px;
	padding-top   : 15px;
}


.bc_2r {
	font-size      : 12px;
	color		   : #000;
	padding-top    : 5px;	
	padding-bottom : 5px;		
}

.bcont1{
	font-size   : 12px;
	color		: #000;
}

/* HOME */
.miniContents {
	font-size    : 11px;
	color        : #000;
	padding-left : 10px;
	padding-right: 5px;	
}

/* BODY LEFT NAV  */

.left_nav {
    background-image   : url('../../_medias/img/bg_nav_left.jpg');
	background-repeat  : repeat-x;	
	background-color: #3E484A;
	color: #CCCCCC;
	font-size:12px;
	padding-left: 15px;
	padding-top : 25px;
}
a.left_nav_anchor:link {color: #ffffff; text-decoration: none;}
a.left_nav_anchor:visited {color: #ffffff; text-decoration: none; }
a.left_nav_anchor:hover {color: #ff0000; text-decoration: none;}
a.left_nav_anchor:active {color: #ffffff; text-decoration: none;}


/* CONTACT FORM */
.contact_form {
	font-size: 11px;
	text-align:left;
}

/* FLOATING INFO INDEX */
.linkgen a { color: #990066; text-decoration:none; }
.linkgen a:visited { color: #990066; text-decoration:none; }
.linkgen a:hover { color: #990066; text-decoration:underline; }
#zoom-zoom {
	width: 250px;
	float: left;
	position: absolute;
	padding: 15px;
	font-size: 12px;
	}

#latestnews2 {
	width: 250px;
	float: left;
	margin-left:  590px;
	position: absolute;
	padding: 12px;
	font-size: 12px;
	}
#latestnews {
	width: 250px;
	float: left;
	margin-left:  265px;
	position: absolute;
	padding: 15px;
	font-size: 12px;
	}	


.info1 {
	position : absolute;
	top      : 300px;
	left     : 55px;
	font-size: 12px;
}
.info_title {
    font-family: century gothic;
	font-weight: bold;
	font-size  : 14px;
}

/* link1 */
.hdetails {
	color: #9e11a3;
	font-size:12px;
	font-weight: bold;
}
a.hdetails:link {color: #9e11a3; text-decoration: none;}
a.hdetails:visited {color: #9e11a3; text-decoration: none; }
a.hdetails:hover {color: #c327c9; text-decoration: none; font-weight: bold;}
a.hdetails:active {color: #9e11a3; text-decoration: none;}


/*ADDITIONAL*/
#nav-wrap { margin: auto; width: 800px; }
ul#navigation { margin: 0;  padding: 0; }
ul#navigation li { float:left; display: block; list-style: none;  }

.awardlist { line-height: 20px; }

#sitelist li, ul{
	font-size: 10px;
}