.jqueryslidemenu{ font: bold 9px Verdana; background: #3399FF; width: 100%; 
} .jqueryslidemenu ul{ margin: 0; padding: 0; list-style-type: none; } /*Top level 
list items*/ .jqueryslidemenu ul li{ position: relative; display: inline; float: 
left; } /*Top level menu link items style*/ .jqueryslidemenu ul li a{ display: 
block; background: #3399FF; /*background of tabs (default state)*/ color: white; 
padding: 7px 7px; border-right: 1px solid #77BBFF; color: #2d2b2b; text-decoration: 
none; } * html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave 
correctly*/ display: inline-block; } .jqueryslidemenu ul li a:link, .jqueryslidemenu 
ul li a:visited{ color: white; } .jqueryslidemenu ul li a:hover{ background: #6AB2F9; 
/*tab link background during hover state*/ color: white; } /*1st sub level menu*/ 
.jqueryslidemenu ul li ul{ position: absolute; left: 0; display: block; visibility: 
hidden; } /*Sub level menu list items (undo style from Top level List Items)*/ 
.jqueryslidemenu ul li ul li{ display: list-item; float: none; } /*All subsequent 
sub menu levels vertical offset after 1st level sub menu */ .jqueryslidemenu ul 
li ul li ul{ top: 0; } /* Sub level menu links style */ .jqueryslidemenu ul li 
ul li a{ font: normal 10px Verdana; width: 200px; /*width of sub menus*/ padding: 
5px; margin: 0; border-top-width: 0; border-bottom: 1px solid #77BBFF; } .jqueryslidemenuz 
ul li ul li a:hover{ /*sub menus hover style*/ background: #eff9ff; color: black; 
} /* ######### CSS classes applied to down and right arrow images ######### */ 
.downarrowclass{ position: absolute; top: 8px; right: 7px; } .rightarrowclass{ 
position: absolute; top: 6px; right: 5px; }