/* SUCKERFISH TOP*/ #suckerfish li ul a:hover, #suckerfish li ul a:active, #suckerfish li ul a:focus, #suckerfish ul li a.active, #suckerfish ul li.havesubchildsfhover, #suckerfish ul li.havesubchild-activesfhover, #suckerfish ul ul li:hover, #suckerfish ul ul li.sfhover, #suckerfish ul ul li.havesubchildsfhover, #suckerfish ul ul li.havesubchild-activesfhover { background: #31BEEB; color: #000 !important; } li.item-146 { background-color: #1b7b9a !important;} li.item-146 a {font-size: 13px !important;} #suckerfish ul li a.active:hover, #suckerfish ul li a.active:active, #suckerfish ul li a.active:focus { color: #222 !important; background:#31BEEB; } #suckerfish li ul a:hover, #suckerfish li ul a:active, #suckerfish li ul a:focus{ color: #666; background:#31BEEB; } #suckerfish h3{display:none} #suckerfish ul { margin: 0; /* all lists */ padding: 0; float:left; } #suckerfish li.active a{ background: url(../images/active_menu.png) no-repeat center top; color:#FFF; } #suckerfish li { margin: 0; /* all list items */ padding: 0; float: left; display: block; background: url(../images/menu_divider.gif) repeat-y right; } #suckerfish li ul { width: 16.4em; position: absolute; /* second-level lists */ z-index: 99; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ height: auto; width: 15.9em; } #suckerfish li ul ul { margin: -2em 0 0 0; /* third-and-above-level lists */ } #suckerfish li li { padding: 0 1em 0 0; margin: 0; width: 14.9em; } #suckerfish ul a { width: auto; } #suckerfish li:hover ul ul, #suckerfish li:hover ul ul ul, #suckerfish li.sfhover ul ul, #suckerfish li.havechildsfhover ul ul, #suckerfish li.havechild-activesfhover ul ul, #suckerfish li.activesfhover ul ul, #suckerfish li.sfhover ul ul ul, #suckerfish li.havechildsfhover ul ul ul, #suckerfish li.havechild-activesfhover ul ul ul, #suckerfish li.activesfhover ul ul ul { left: -999em; } /* This "unhides" the sub-menus (left: -999em is what hides them) */ #suckerfish li:hover ul, #suckerfish li li:hover ul, #suckerfish li li li:hover ul, #suckerfish li.sfhover ul, #suckerfish li.havechildsfhover ul, #suckerfish li.havechild-activesfhover ul, #suckerfish li.activesfhover ul, #suckerfish li li.sfhover ul, #suckerfish li li.havesubchildsfhover ul, #suckerfish li li.havesubchild-activesfhover ul, #suckerfish li li.activesfhover ul, #suckerfish li li li.sfhover ul, #suckerfish li li li.havesubchildsfhover ul, #suckerfish li li li.havesubchild-activesfhover ul, #suckerfish li li li.activesfhover ul { left: auto; } /* STYLING THE MENU -----------------------------------*/ /* 1st level */ #suckerfish li a { display: block; text-decoration: none; padding: 0 20px 0; height:38px; line-height:38px; color: #fff; margin:0; border-bottom:none; text-align:left; font-size:11px; font-weight:bold; } #suckerfish li a:hover, #suckerfish li a:active, #suckerfish li a:focus { color: #333; background: none; } #suckerfish li:hover a, #suckerfish li.sfhover a, #suckerfish li.havechildsfhover a, #suckerfish li.havechild-activesfhover a { color: #333; /*background:#fff;*/ } #suckerfish ul li .active, #suckerfish li a.active, #suckerfish li a.active:hover, #suckerfish li a.active:active, #suckerfish li a.active:focus { color: #333 !important; /*background:#31BEEB;*/ } /* 2nd level and above */ #suckerfish li ul { border: 1px solid #ddd; border-top: 0; background: #fff; color:#FFF; } #suckerfish li ul ul { border: 1px solid #ddd; } #suckerfish li ul li { border-bottom: 1px solid #ddd; border-right: none; background-color: #31BEEB; color:#FFF; font-weight: bold; } #suckerfish li ul a { border-right: none; margin: 0; padding: 10px 10px; line-height: normal; height: auto; color: #fff !important; font-weight: Dark !important; } #suckerfish li.havesubchild, #suckerfish li.havesubchild-active { background: url(../images/arrow.png) no-repeat 94% 50%; } #suckerfish li ul a:hover, #suckerfish li ul a:active, #suckerfish li ul a:focus, /*#suckerfish ul li:hover, #suckerfish ul li.sfhover,*/ #suckerfish ul li.havesubchildsfhover, #suckerfish ul li.havesubchild-activesfhover, #suckerfish ul ul li:hover, #suckerfish ul ul li.sfhover, #suckerfish ul ul li.havesubchildsfhover, #suckerfish ul ul li.havesubchild-activesfhover { background-color: #31BEEB; color: #00F !important; } #suckerfish ul li a.active { background:#fff; color: #fff !important; } #suckerfish ul li a.active:hover, #suckerfish ul li a.active:active, #suckerfish ul li a.active:focus { color: #fff !important; /*background:#fff !important;*/ } #suckerfish li ul a:hover, #suckerfish li ul a:active, #suckerfish li ul a:focus{ color: #00F; /*background:#FFFFFF;*/ }