/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */

#nav {
	padding:0;
	font-size:1.1em;
	z-index:999;
	height: 47px;
	background: #f58f30 url(../images/zappeal/header/menu/fond-menu-top-nav.gif);
	border-left: 1px solid #cf7200;
	height: 47px;
	/*overflow: hidden;*/
}

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li {
	list-style:none;
	position:relative;
	text-align:left;
	float: left;
	height: 47px;
	font-size: 14px;
	text-align: center;
	padding: 0 2px 0 0;
	background: url(../images/zappeal/header/menu/fond-menu-top-nav-bg.gif) no-repeat right;
	}
#nav li li { width: auto; height: auto; }
#nav li.over { z-index:99; }
#nav li.active { z-index:98; } /* to prevent the li separator from showing through on mouseover on li */
#nav a { line-height:1.3em; color: #fff; }
#nav a, #nav a:hover { display:block; text-decoration:none; }
#nav span { display:block; cursor:pointer; /*white-space:nowrap;*/ }
#nav li ul span {white-space:normal; }


#nav li .ss-menu-top { position: absolute; z-index: 100; top: 47px; }

/************ 1ST LEVEL  ***************/
#nav li { float:left; }
#nav li.active a { color: #FFF; background: #509a2b url(../images/zappeal/header/menu/fond-menu-top-nav-bg-hover.gif) }
#nav a {
	float:left;
	padding: 15px 0 0 0;
	height: 32px;
	color: #FFF;
	font-weight:bold;
	display: block;
}
#nav li.over a, #nav a:hover { color: #FFF; background: #509a2b url(../images/zappeal/header/menu/fond-menu-top-nav-bg-hover.gif) }
#nav .nav-piles a span { margin: margin: 0 28px 0 29px !important; margin: 0 15px 0 16px; }/*///////////////////////////////////////////////////////////*/
#nav a span { float: left; margin: 0 28px 0 29px !important; margin: 0 14px 0 14px; }

/************ 1ST LEVEL RESET ************/
#nav ul li, #nav ul li.active {
	margin:0;
	background:#ecf3f6 url(../images/nav_divider.gif) repeat-x 0 100%;
	}
#nav ul li.over {background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%;}
#nav ul li.last { background:#ecf3f6; padding-bottom:0; }

	
#nav ul a, #nav ul a:hover {
	float:none;
	padding:0;
	background:none;
	}
#nav ul li a { font-weight:normal !important; }

#nav .home { width: 45px !important; width: 51px; }
#nav .home a { padding: 0; height: 47px; }
#nav .pro { padding: 0; background: #055597 url(../images/zappeal/header/menu/fond-menu-top-nav-bg-pro.gif) no-repeat right; }
#nav .pro span { margin: 0 11px 0 11px !important; margin: 0 6px 0 5px; width: 112px !important; width: 41px; }


/************ 2ND LEVEL ************/
#nav ul {
	position: absolute;
	width: 250px;
	top:47px;
	left:-10000px;
	background: #FF66CC;
}
#nav ul li { background: none; padding: 0; margin: 0; float: left; width: 100%; height: 26px; }
#nav ul li.last { background: none; }

/* Show menu */
#nav li.over > ul { left:0; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }

#nav li.over li a {
	background: #e7e7e7 url(../images/zappeal/header/menu/fond-sous-menu.gif);
	height: 25px;
	border-bottom: 1px solid #aeaeae;
	border-left: 1px solid #aeaeae;
	border-right: 1px solid #ac2600;
}
#nav li.over li a span {
	background: url(../images/zappeal/header/menu/fond-sous-menu-right.gif) right no-repeat;
	margin: 0 !important;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	height: 23px;
	padding: 2px 0 0 8px;
	text-align: left;
	width:242px;
}

#nav ul li a:hover { background: #4c9429 url(../images/zappeal/header/menu/fond-sous-menu-hover.gif); }
#nav ul li a:hover span { color: #FFFFFF; }