.menu,.menu * { margin:0; padding:0; } div#nav-menu { z-index:50; } #nav-menu li li{ margin:0; } .menu{ line-height:1.0; float:left; margin-bottom:1.5em; position:relative; left:20px; height: 40px; width: 100%; } .menu ul{ background:#515151; } .menu li{ float:center; list-style:none; position:relative; } .menu li ul{ float:none; left:-999em; position:absolute; z-index:5; } .menu li:hover ul, .menu li.sfHover ul{ left:10px; top:38px; } .menu li:hover li ul, .menu li.sfHover li ul, .menu li li:hover li ul, .menu li li.sfHover li ul, .menu li li li:hover li ul, .menu li li li.sfHover li ul { top:-999em; } .menu li li:hover ul, .menu li li.sfHover ul, .menu li li li:hover ul, .menu li li li.sfHover ul, .menu li li li li:hover ul, .menu li li li li.sfHover ul { left: 100%; top:0px; } .menu li li{ position:relative; float:none; } .menu li li li{ position:relative; float:none; } .menu-surround { padding: 0 5px; } #nav-menu { height: 40px; display: block; margin-top: 0px; z-index: 100; position: relative; font-size: 12px; } ul#nav.menu, #nav-menu ul.menu { padding: 0; margin: 0; position: relative; } #nav-menu ul { list-style: none; padding: 0; margin: 0; } #nav-menu li { display: block; float: left; margin: 0; padding: 0; } #nav-menu a, #nav-menu .separator { white-space: nowrap; display: block; float: left; height: 40px; line-height: 40px; padding: 0 10px; font-weight: bold; font-size: 100%; text-decoration: none; z-index: 100; margin-left: 0px; align: left; } #nav-menu li.active a, #nav-menu li.active .separator { white-space: nowrap; display: block; float: left; height: 40px; line-height: 40px; padding: 0 15px; margin: 0; font-weight: bold; font-size: 100%; text-decoration: none; z-index: 100; cursor: pointer; color: #ffffff; } div#nav-menu li li a, div#nav-menu li.active li a { display:inline; padding: 0px; margin-right: 15px; text-decoration:none; float:none; height:30px; line-height:30px; } div#nav-menu ul li ul li, div#nav-menu ul li ul li a { text-indent:8px; } #nav-menu li.active li {margin-top: 0;} #nav-menu li.active li span { padding: 0; line-height: 30px; height: 30px; } #nav-menu li.active li a, #nav-menu li.active.parent li a, #nav-menu li.active li .separator, #nav-menu li.active.parent li .separator { font-weight: bold; font-size: 100%; } #nav-menu ul ul { margin: 0; padding: 0; } #nav-menu ul ul li a, #nav-menu ul li.active.parent ul a, #nav-menu ul li.active.parent ul a span, #nav-menu ul ul li .separator, #nav-menu ul li.active.parent ul .separator, #nav-menu ul li.active.parent ul .separator span { text-transform: none; } #nav-menu li li.active, #nav-menu li.active li a, #nav-menu li.active li a:hover, #nav-menu li li a:hover, #nav-menu ul li.active.parent ul a, #nav-menu li.active li .separator, #nav-menu li.active li .separator:hover, #nav-menu li li .separator:hover, #nav-menu ul li.active.parent ul .separator { background: none; } #nav-menu li li a, #nav-menu li li .separator { font-size: 100%; font-weight: normal; background: none; } a.mainlevel:hover, a.sublevel:hover { text-decoration: none; } .moduletable-sidemenu a.mainlevel { margin: 0 0 1px 0; } ul.menu a, ul.menu li.active a, a.mainlevel { display: block; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; line-height: 26px; text-indent: 0px; height: 26px; font-size: 100%; float: none; padding:2px 0; } a.sublevel { padding-left: 0; margin-left: 0; height: 26px; line-height: 26px; } ul.menu li.active a, ul.menu li.active li.active a, a#active_menu.mainlevel, a#active_menu.sublevel { font-weight: bold; } ul.menu li.active li a, ul.menu li.active li.active li a { font-weight: normal; } ul.menu ul li a { text-indent: 10px; } ul.menu ul { margin: 5px -14px; padding: 10px 0 10px 30px; margin: 4px 0; } ul.menu ul ul { padding-left: 18px; margin:0; background: none; } ul.menu li li { padding: 0; margin: 0; float: none; width: 100%; } ul.menu ul a { text-indent: 0; color: #bbbbbb; } ul.menu li.active a, ul.menu li.active a:hover { text-decoration: none; line-height: 24px; } ul.menu li a:hover { text-decoration: none; } ul.menu li.active ul { margin-top: 0; margin-bottom: 0; padding-top: 0px; padding-bottom: 5px; } ul.menu li.active.parent ul { margin-bottom: 1px; } .menu a:visited { color: #ffffff; } #nav-menu a, #nav-menu .separator { color: #bbbbbb; } #nav-menu li a:hover, #nav-menu li .separator:hover { color: #ffffff; } #nav-menu ul ul { background:none; } #nav-menu ul ul ul { } #nav-menu ul ul li a, #nav-menu ul li.active.parent ul a, #nav-menu ul ul li .separator, #nav-menu ul li.active.parent ul .separator { color: #ffffff; } #nav-menu li.sfHover li a, #nav-menu li:hover li a, #nav-menu ul li.active ul li.active li a, #nav-menu ul li.active.parent ul li a, #nav-menu ul li.active.parent ul li .separator { color: #ffffff; } #nav-menu li.sfHover a, #nav-menu li:hover a, #nav-menu li:hover li a:hover, #nav-menu ul li.active ul li.active a, #nav-menu ul li.active ul li.active li.active a, #nav-menu ul li.active.parent ul li a:hover, #nav-menu ul li.active.parent ul li .separator:hover { color: #ffffff; } #nav-menu ul ul li { } #nav-menu ul ul li a.daddy, #nav-menu ul ul li a.daddy:hover, #nav-menu ul li.active.parent ul li a.daddy { background: url(/images/galleries/menu/258/bullet-2.gif) 99% 50% no-repeat; width: 100%; display:block; height: 100%; padding: 0 0 0 0; margin: 0 30px 0 0; } ul.menu li.active.parent ul li a { background-color: transparent; } #nav-menu li li { background: url(/images/galleries/menu/258/ulbg.png); } #nav-menu li li:hover, #nav-menu li li.sfHover, #nav-menu li:hover li:hover, #nav-menu li.sfHover li.sfHover, #nav-menu li.active li.active { background: url(/images/galleries/menu/265/ulbghover265.png); } #nav-menu li:hover li a.daddy:link, #nav-menu li.sfHover li a.daddy:link, #nav-menu li:hover li a.daddy:visited, #nav-menu li.sfHover li a.daddy:visited { background: url(/images/galleries/menu/258/bullet-2.gif) 99% 50% no-repeat; width: 100%; } #nav-menu li:hover li a, #nav-menu li li:hover li a { background: none; } * html #nav-menu ul ul { width: 288px; } * html #nav-menu ul ul li a.daddy, * html #nav-menu ul ul li a.daddy:hover, * html #nav-menu ul li.active.parent ul li a.daddy { background: url(/images/galleries/menu/258/bullet-2.gif) 99% 50% no-repeat; width: 100%; display:block; height: 100%; padding: 0 0 0 0; margin: 0 0 0 0; } div#nav-menu li.active:hover li li a { background:none; } ul.menu { display: none; }