#menu { font-size:11px; height:31px;}

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#menu li { position:relative; text-align:left; margin:0px; height:100%;}
#menu li.over { z-index:999;}
#menu a { display:block; line-height:1.3em; text-decoration:none; padding: 8px 9px 0 9px;}
#menu a:hover { background: url('../images/nav/subnav_middle_hover.jpg') top repeat-x; height:100%;}
#menu span { display:block; cursor:pointer; white-space:nowrap; }
#menu li ul span {white-space:normal; }
#menu li.spacer { width: 1px; height:31px; background: url('../images/subnavSeparator.jpg') 50% 50% no-repeat;}

/************ 0 LEVEL  ***************/
#menu li { float:left;}
#menu li.active a { color:#333333; }
#menu a { float:left; color:#333333; font-weight:bold; padding: 8px 35px 0 42px; }
#menu .level0 a { font-size:12px; }
#menu .level1 a { font-size:11px; }
#menu li.over a,
#menu a:hover { color:#333333; }

/************ 1ST LEVEL ************/
#menu ul li, #menu ul li.active { float:none; margin:0; padding-bottom:1px; background:#E5EBCE url(../images/nav_divider.gif) repeat-x 0 100%; }
#menu ul li.last { background:#E5EBCE; padding-bottom:0; }
#menu ul li.first { background:#E5EBCE; padding-bottom:0; margin-bottom:3px; }


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

/************ 2ND LEVEL ************/
#menu ul { position:absolute; width:15em; top:31px; left:-10000px; border:1px solid #85A748; border-top:none; background-color:#E5EBCE; }

/* Show menu */
#menu li.over > ul { left:0; }
#menu li.over > ul li.over > ul { left:100px; }
#menu li.over ul ul { left:-10000px; }
#menu ul li a { background:#e5ebce; }
#menu ul li a:hover { background:#d1dea5; }
#menu ul li a,
#menu ul li a:hover { color:#2f2f2f !important; }
#menu ul span, #menu ul li.last li span { padding:3px 7px 4px 7px;}

/************ 3RD+ LEVEL ************/
#menu ul ul { top:5px; }

/************ MAIN MENU (TOP NAV) by Omar ************/
.bestRight { background-position: top right; background: url(../images/best_bg_right.gif) no-repeat 0; }
.bestRight:hover { background-position: bottom right; }
.mainMenu { 
    width:185px;
    float:left;
}
.mainMenu { margin:7px; }
#menu .mainMenu #link { display:block; background:#e5ebce url(../images/nav_divider.gif) repeat-x 0 100%; width:185px; /*padding: 3px 0px 3px 5px;*/ }
#menu .mainMenu #link:hover { display:block; background: #d1dea5; }
#menu .mainMenu #last { width:185px;/* padding-bottom:5px; padding: 3px 0px 3px 5px;*/ }
#menu .mainMenu #last:hover { background: #d1dea5; }
#menu .mainMenu .mainLink { display:block; font-weight:normal; }

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

/***** BEST SELLERS SUB-MENU STYLE ******/
#menu .mainMenuBest { clear:both; background:none; }
#menu .mainMenuBest a.best, #menu ul li.first a {
    background: transparent url('../images/modules/best_bg-right.gif') no-repeat;
    color: #FFF;
    display: block;
    height: 20px;
    margin: 3px 7px 0 7px;
    /*padding-right: 18px;*/
    text-decoration: none;
}
#menu .mainMenuBest a.best, #menu ul li.first a {
    background-position: top right;
}
#menu .mainMenuBest a.best:hover, #menu ul li.first a:hover {
    background-position: bottom right;
}

#menu .mainMenuBest a.best span, #menu ul li.first a span {
    color: #FFF;
    background-position: top left;
    background: transparent url('../images/modules/best_bg-left.gif') no-repeat;
    background-color: #cf2327;
    display: block;
    height: 18px;
    padding: 2px 0 0 10px;
    margin-right:7px;
    font-weight: bold;
    font-size: 11px;
}

#menu .mainMenuBest a.best:hover span, #menu ul li.first a:hover span   {
    background-position: bottom left;
    background-color: #ad1f23;
}

.menuTitles { color: #3b5f2d; font-weight:bold; margin-left:5px; /*margin-bottom:3px;*/ padding-bottom:1px; padding-top:3px; cursor:default; border-bottom:1px solid #3B5F2D; }

.menuTitlesLeft { color: #3b5f2d; font-weight:bold; margin-left:0px; padding-bottom:1px; padding-top:3px; cursor:default; border-bottom:1px solid #3B5F2D; }

.layeredNav ul { padding:7px; background-color:#e5ebce; }

.layeredNav ul li #menuLeftFirst { background: #E5EBCE repeat-x scroll 0 100%}

.parentArrow { margin-left:3px; }

.itemArrow { margin-right:3px; }

#menu .menuColumns {
    width:600px;
    border-left: 1px solid #85a748;
    border-right: 1px solid #85a748;
    border-bottom: 1px solid #85a748;
    border-top: none;
    background:#e5ebce;
    z-index:5000;
}

#menu .columnContainer {
    background-image:url(../images/modules/col_divider_bg.gif);
    background-position: 5px 30px;
    background-repeat: no-repeat;
    float: left;
    margin: 0 0 7px 0;

}

#menu .mainMenu a span {
    display: block;
}