/** mainNav **/

div.mainNav {
	background:url('../images/sprite-card.jpg') no-repeat -20px -20px;
	width:725px;
	height:32px;
	margin:0 0 0 27px;
}

div.mainNav ul{
	position:relative;
	float:left;
	z-index:10;
}

div.mainNav ul li{
	float:left;
	display:inline;
	
}

div.mainNav ul li a {
	display:block;
	height:32px;	
	text-indent:-3000em;
	font-size:.3em;
	background:url('../images/sprite-card.jpg') no-repeat -20px -20px;
	z-index:10;
	/*border:1px solid orange;*/
}

div.mainNav ul li a:hover{
	background:url('../images/sprite-card.jpg') no-repeat -20px -70px; 
}

/* home button */
 div.mainNav ul li#mn1 a{	
	width:30px;
	height:32px;	
	float:left;
	margin-top:0;
}

 div.mainNav ul li#mn1-5{width:187px; background-position: -53px -20px;}

/* dealers  */
div.mainNav ul li#mn2 a{ margin-left:9px;width:60px; background-position: -245px -20px;}
div.mainNav ul li#mn2 ul.drop{margin-left:9px;}
div.mainNav ul li#mn2 a:hover{ background-position: -245px -70px; }



/* accessories */
div.mainNav ul li#mn3 a{margin-left:9px; width:88px;  background-position: -314px -20px;}
div.mainNav ul li#mn3 ul.drop{margin-left:9px;}
div.mainNav ul li#mn3 a:hover{ background-position: -314px -70px;}


/* warranty */
div.mainNav ul li#mn4 a{margin-left:8px; width:72px; background-position: -410px -20px; }
div.mainNav ul li#mn4 ul.drop{margin-left:8px;} /* same as margin on a button */
/*div.mainNav ul li#mn4 a:hover{ background-position: -410px -70px; }  border:1px solid purple; */
div.mainNav ul li#mn4 a.active{ background-position: -410px -70px;  border:1px solid green; } 


/* insurance */
div.mainNav ul li#mn5 a{margin-left:9px; width:74px; background-position: -491px -20px;}
div.mainNav ul li#mn5 ul.drop{margin-left:9px;} /* same as margin on a button */
div.mainNav ul li#mn5 a:hover{ background-position: -491px -70px;}




/* breakdown */
#mn6 a{margin-left:9px; width:79px; background-position: -574px -20px; display:block}
div.mainNav ul li#mn6 ul.drop{margin-left:9px;} /* same as margin on a button */
div.mainNav ul li#mn6 a:hover{ background-position: -574px -70px;}



/* my nissan */

ul li#mn7 a{ margin-left:10px; width:72px; background-position: -663px -20px}
div.mainNav ul li#mn7 ul.drop{margin-left:10px;} /* same as margin on a button */
div.mainNav ul li#mn7 a:hover{ background-position: -663px -70px;}





/** dropdown **/


div.mainNav ul li ul.drop{	
	display:none;
	position: absolute; 	
	width:151px;		
	color:#676767;
	top:32px;
	margin-left:10px;	
	z-index:999;	
}




div.mainNav ul li ul.drop li{
	height:26px;
	display:block;
	background:url("../images/sprite-card.jpg") no-repeat -20px -136px;

	/*background:#EFEFEF;*/
	width:151px ; /*!important*/
	padding:0;
	margin:0;
	clear:left;

	/* additional to try and stop fader bar from poking through */
	z-index:999 !important;
	/*float:left;
	zoom:1;*/

}



/* would like a less specific way to do this - 
 * but !important will add width on to the IE6 stylesheet, and we then need to override that..
 */
div.mainNav ul li#mn2 ul.drop li a,
div.mainNav ul li#mn3 ul.drop li a,
div.mainNav ul li#mn4 ul.drop li a,
div.mainNav ul li#mn5 ul.drop li a, 
div.mainNav ul li#mn6 ul.drop li a,
div.mainNav ul li#mn7 ul.drop li a {
	
	height:16px;
	width:230px ;  /* putting !important will break ie6 */ 
	color:#666666;
	text-indent:0em;
	font-size:69%;
	text-decoration:none;
	padding:0;
	margin:5px 5px 5px 8px;
	background:none;
	
}


div.mainNav ul li#mn2 ul.drop li a:hover,
div.mainNav ul li#mn3 ul.drop li a:hover,
div.mainNav ul li#mn4 ul.drop li a:hover,
div.mainNav ul li#mn5 ul.drop li a:hover, 
div.mainNav ul li#mn6 ul.drop li a:hover,
div.mainNav ul li#mn7 ul.drop li a:hover {

	/*width:140px !important;
	height:16px;*/
	background:none;
	color:#ff0000;
	/*padding:0;
	margin:0;*/
	cursor:hand;


}




/*


.shimmed {
    _azimuth: expression(
        this.shimmed = this.shimmed || 'shimmed:'+this.insertAdjacentHTML('beforeBegin','<iframe style="filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);position:absolute;top:0px;left:0px;width:100%;height:100%" frameBorder=0 scrolling=no src="javascript:false;document.write('+"''"+');"></iframe>'),
        'inherit');
}
*/



















/** end mainNav **/