#menu{ margin:0 auto; background:url(../img/bg_navigation.jpg) repeat-x; height:52px; clear:both; }
.menu-login { padding-left:2.1em; }
.menu-logoff { padding-left:6.9em; }


#menu ul { list-style:none; margin:14px 3px 0 2px; padding:0 5px 3px 0; float:left; height: 20px; line-height: 25px; border-right:1px #545452 solid; text-transform: lowercase; }
#menu ul.last-option { border-right:none !important; }

#menu ul li a { color:#fff; font-size:12px; text-decoration: none; height:20px; padding:0px 8px 5px 4px; display:block !important; margin:0 0 0 5px; }
#menu ul li { position:relative; margin:0 !important; padding:0 !important; width:auto !important; }
#menu ul li:hover { background:url(../img/bg_menu.png); }

#menu ul ul{ width: auto; height: auto; line-height: 20px; margin:0; padding:0; z-index:500; top:auto; display:none; width:140px; height:auto; padding:0 !important; position:absolute !important; margin-top:0px; border:0; }

#menu ul ul a { width:132px; height:auto !important; border-right:0px !important; color:#fff; font-size:11px; margin:0; padding:0 0 0 8px; background:url(../img/bg_menu.png); }
#menu ul ul a:hover { background:none; color:#dcdcdc; }

#menu ul ul ul{ top:0; left:100%; }

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu li:hover{ z-index:100; }
div#menu li:hover ul ul, div#menu li li:hover ul ul, div#menu li li li:hover ul ul, div#menu li li li li:hover ul ul {display:none;}
div#menu li:hover ul, div#menu li li:hover ul, div#menu li li li:hover ul, div#menu li li li li:hover ul {display:block;}

#menu ul ul li.first { width:140px !important; padding:0 !important; margin:0 !important; background:url(../img/top_sub_nav.png) no-repeat; height:10px !important; display:block; }
#menu ul ul li.last { width:140px !important; padding:0 !important; margin:0 !important; background:url(../img/bottom_sub_nav.png) no-repeat; height:10px !important; display:block; }
/* End of non-anchor hover selectors */

#menu .member-login { float:right !important; list-style:none; border:0; margin-right:11px; }
#menu .member-login li:hover { background:none; }
#menu .member-login a { font-size:15px; font-weight:bold; background:url(../img/red_arrow.gif) no-repeat right; padding-right:13px; }