.jqueryslidemenu{ font: bold 13px Arial; background: black; width: 100%; z-index:1; } .jqueryslidemenu ul{ margin:0; padding:0; list-style-type: none; z-index:2; } /*Top level list items*/ .jqueryslidemenu ul li{ position: relative; display: inline; float: left; background-color: #1E1E1E; z-index:3; } /*Top level menu link items style*/ .jqueryslidemenu ul li a{ display: inline-block; background: #000000; /*background of tabs (default state)*/ color: white; padding: 3px 17px ; border: 1px solid white; border-left-width: 0; text-decoration: none; color: white; text-decoration: none; z-index:4; } * html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; z-index:5; } .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{ color: white; z-index:6; } .jqueryslidemenu ul li a:hover{ background: white; /*tab link background during hover state*/ color: #FF0000; z-index:7; } /*1st sub level menu*/ .jqueryslidemenu ul li ul{ left: 0; position: absolute; display: inline-block; visibility: hidden; z-index:-8; } /*Sub level menu list items (undo style from Top level List Items)*/ .jqueryslidemenu ul li ul li{ display: inline-block; float: none; z-index:9; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .jqueryslidemenu ul li ul li ul{ left: 159px; top: 0; z-index:10; } /* Sub level menu links style */ .jqueryslidemenu ul li ul li a{ font: normal 15px Arial; display: inline-block; width: 170px; /*width of sub menu levels*/ color: white; text-decoration: none; padding: 4px 10px; border: 1px solid white; z-index:11; } .jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/ background-color: #131313; color: #FF0000; z-index:12; } .jqueryslidemenu ul li ul li ul lia{ font: normal 15px Arial; display: inline-block; width: 170px; /*width of sub menu levels*/ color: white; text-decoration: none; padding: 4px 10px; border: 1px solid white; z-index:13; } .jqueryslidemenu ul li ul li ul lia:hover{ /*sub menus hover style*/ background-color: #131313; color: #FF0000; z-index:14; } .jqueryslidemenu ul li ul li ul li ul li a{ font: normal 15px Arial; display: inline-block; width: 170px; /*width of sub menu levels*/ color: white; text-decoration: none; padding: 4px 10px; border: 1px solid white; z-index:15; } .jqueryslidemenu ul li ul li ul li ul li a:hover{ /*sub menus hover style*/ background-color: #131313; color: #FF0000; z-index:16; } /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass{ position: absolute; top: 9px; right: 7px; } .rightarrowclass{ position: absolute; top: 6px; right: 5px; }