/* LEVEL ONE */

#nav { width:568px; height:57px; background:url(../images/nav/bg.gif) repeat-x top; float:left;}
#nav ul { list-style-type:none; }
#nav ul li { float:left; }
#nav ul li a {	height:57px; display:block; text-decoration:none; } 
#nav ul li a:hover { background-position:0 -57px !important; } 
#nav ul li.active a { background-position:0 -57px !important; }

#nav ul li#home a {		background:url(../images/nav/home.gif);	width:65px; }
#nav ul li#products a { background:url(../images/nav/products.gif); width:82px; }
#nav ul li#specials a {	background:url(../images/nav/specials.gif); width:80px; }
#nav ul li#profile a {	background:url(../images/nav/profile.gif); width:69px; }
#nav ul li#faqs a {		background:url(../images/nav/faqs.gif); width:66px; }
#nav ul li#customer a {	background:url(../images/nav/customer-service.gif); width:134px; }
#nav ul li#contact a {	background:url(../images/nav/contact.gif); width:72px; }

#nav .hidden { display:none; }

/* LEVEL 2 STYLES */

#nav li ul li a {
	padding:8px 12px 8px 15px;
	border:0;
	background:#333 !important;
	font:normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color:#ddd;
	text-decoration:none;
	height:auto;}

#nav li ul li a:hover { color:#fff;}

#nav .last {
	border-bottom:5px solid #333;}

/* LEVEL 2 WIDTHS */
#nav li ul, #nav li ul li a { width:160px;}

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

/* LEVEL 2 PARENT */
#nav a.daddy { background:#333 url(../images/arrow.gif) no-repeat 98px 12px !important; }
#nav a:hover.daddy { background:#333 url(../images/arrow2.gif) no-repeat 98px 12px !important; }

/* LEVEL 3, 4, 5 */

#nav li ul ul {
	margin: -27px 0 0 109px;
	border-left:1px solid #000;}

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

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -9999px;}
	
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul,
#nav li.sfhover ul ul ul { left: -9999px;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav
li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left:auto;}