/* CSS Document */
/* SMALL MOTORS MOWER CITY */

/* NAVIGATION TOP LEVEL */

#nav { width:730px; height:25px; margin-bottom:2px;}
#nav ul { list-style-type:none; }
#nav ul li { float:left; list-style-type:none; }
#nav ul li a {	height:25px; display:block; text-decoration:none;} 
#nav ul li a:hover { background-position:0 -25px !important; } 
#nav ul li.active a { background-position:0 -25px !important; }
#nav .hidden { display:none; }

#nav ul li#home a {	background:url(../images/nav/home.gif);	width:113px; }
#nav ul li#about-us a { background:url(../images/nav/about-us.gif); width:124px; }
#nav ul li#products a {	background:url(../images/nav/products.gif); width:124px; }
#nav ul li#new-products a {	background:url(../images/nav/new-products.gif); width:134px; }
#nav ul li#specials a {	background:url(../images/nav/specials.gif); width:114px; }
#nav ul li#contact-us a {	background:url(../images/nav/contact-us.gif); width:121px; }

/*--------------------------------------*/
/* level 2 styles */
#nav li ul li a {
	padding:4px 6px 4px 6px;
	border:0;
	border-bottom:1px solid #547f09;
	background:#ebf5d5 !important;
	font:normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
	color:#547f09;
	text-decoration:none;
	height:16px;
	margin:0 0 0 -1px;}

#nav li ul li a:hover { color:#74a323; }

/* level 2 widths */
#nav li ul, #nav li ul li a { width:250px !important;}

 /* level 2 - hide/position */ 
#nav li ul {
  position: absolute; 
  left:-9999px;
}
  
#nav li:hover ul, #nav li.sfhover ul{ left:auto; }


/* level 2, 3, 5 - turn border off last item */
#nav .last { border:0; }