/**
 * 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) 2004-2007 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */


/********** < Navigation */
#nav { font-size:12px; color:#303030; padding:0 0 0 0; margin:0 0 0 -2px;}

/* All Levels */
#nav li { position:relative; text-align:left; }
#nav li.over { z-index:999; }
#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 li.parent {}

/* 0 Level */
#nav li { float:left;}
#nav li.active a { color:#FFFFFF; }
#nav a { float:left; padding:5px 12px 6px 8px; color:#303030; font-weight:bold; }
#nav li.over a,
#nav a:hover { color:#FFFFFF; }


/***/
#nav li { float:left; display:block; padding:0 2px 0 0px; margin:0 13px 0 0; }
#nav li a { display:block; position:relative; color:#303030; background:url(../images/bg_menu_left.png) left top no-repeat; padding:0;}
#nav li a span{ display:block; position:relative; background:url(../images/bg_menu_right.png) right 0 no-repeat; margin:0 0 0 -2px; right:-12px; padding:7px 13px 13px 0;}


#nav li a:hover { color:#FFFFFF; background:url(../images/bg_menu_left_hover.png) left top no-repeat; padding:0;}
#nav li a:hover span{ display:block; background:url(../images/bg_menu_right_hover.png) right 0 no-repeat;}
/**/

/*#nav li a { color:#303030; background:url(../images/bg_menu_right.png) right 0 no-repeat; padding:0 18px 0 0; }
#nav li a span{ background:url(../images/bg_menu_left.png) left top no-repeat; padding:5px 0px 11px 4px;}




#nav a:hover { color:#FFFFFF; background:url(../images/bg_menu_right_hover.png) right 0 no-repeat;}
#nav a:hover span{ background:url(../images/bg_menu_left_hover.png) left top no-repeat; padding:5px 0px 11px 4px;}

*/

/* 1st Level */
#nav ul li,
#nav ul li.active { float:none; margin:0; padding-bottom:0;}
#nav ul li.over {}
#nav ul li.last { padding-bottom:0; }


#nav li.over a {background:url(../images/bg_menu_left_hover.png) left top no-repeat;}
#nav li.over a span{background:url(../images/bg_menu_right_hover.png) right 0 no-repeat;}


#nav li.active a { background:url(../images/bg_menu_left_hover.png) left top no-repeat;}
#nav li.active a span{background:url(../images/bg_menu_right_hover.png) right 0 no-repeat;}

/*#nav li.over a {background:url(../images/bg_menu_right_hover.png) right 0 no-repeat;}
#nav li.over a span{ background:url(../images/bg_menu_left_hover.png) left top no-repeat;}


#nav li.active a {background:url(../images/bg_menu_right_hover.png) right 0 no-repeat;}
#nav li.active a span{ background:url(../images/bg_menu_left_hover.png) left top no-repeat;}
*/


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

/* 2nd leven */
#nav ul { position:absolute; width:179px; top:27px; margin-left:8px; left:-10000px; background:url(../images/bg_sub_menu_top.png) 0 0 no-repeat; padding:20px 0 0 0;}
#nav ul li.last { background:url(../images/bg_sub_menu_bot.gif) 0 bottom no-repeat !important; padding:0 0 10px 0;}
#nav ul li.last a{ background:none !important;}
#nav ul li { padding:0; background:#A6DA52;}
#nav ul li a { padding:0; background:none !important;}
#nav ul li a span { padding:0 0 9px 12px !important; background:none !important;}
#nav ul li a:hover span { padding:0;}

#nav ul li ul li a { background:#A6DA52;}
#nav ul li ul li a span{ background:#A6DA52;}

/* 3rd+ Level */
#nav ul ul { top:5px; padding:0 !important; background:#A6DA52 !important; }
#nav ul ul li.last { background:none !important;}

/* 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 ul li a { font-size:14px; background:#A6DA52 !important; color:#FFFFFF; text-decoration:underline; }
#nav ul li a:hover { background:#A6DA52; color:#fff !important; text-decoration:none }
#nav ul span,
#nav ul li.last li span { padding:3px 0 4px 12px !important; }
#nav ul li a span { padding-bottom:5px !important;}
/********** Navigation > */
/* ======================================================================================= */