.jqueryslidemenu{ font: bold 12px Verdana; background: #fff; /*#414141;*/ width: 100%; height:30px; } .jqueryslidemenu ul{ margin: 0; padding: 0; list-style-type: none; list-style-image: url(images/span.jpg); } .jqueryslidemenu ul li, .jqueryslidemenu ul .prem, .jqueryslidemenu ul .der{ position: relative; display: block; width: 145px; text-align:center; background : #808080 url(images/span.jpg) repeat-x; } .jqueryslidemenu ul li{ margin-left:55px; float: left; } .jqueryslidemenu ul .prem{ margin:0; float: left; } .jqueryslidemenu ul .der{ margin:0; float: right; } .jqueryslidemenu ul li a{ display: block; background: #ac4040 url(images/menu.jpg) repeat-x; color: white; padding: 8px 10px; border-right: 1px solid #fff; color: #2d2b2b; text-decoration: none; margin-left:15px; } .jqueryslidemenu ul li .level1{ letter-spacing: 2px; } * html .jqueryslidemenu ul li a{ display: inline-block; } .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{ color: white; } .jqueryslidemenu ul li a:hover{
background: #ff7f00 url(images/menu-hover.jpg) repeat-x; color: #000; /*white;*/ } .jqueryslidemenu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; } .jqueryslidemenu ul li ul li{ position: relative; width: 300px; float: none; text-align: left; background : #808080 url(images/span.jpg) repeat-x; left:-55px; } .jqueryslidemenu ul li ul li ul{ top: 0; } .jqueryslidemenu ul li ul li a{ font: normal 13px Verdana; margin: 0; margin-left:15px; } .jqueryslidemenu ul li ul li a:hover{ background: #ff7f00 url(images/menu-hover.jpg) repeat-x; color: #000; } .downarrowclass{ position: absolute; top: 12px; right: 7px; } .rightarrowclass{ position: absolute; top: 6px; right: 5px; }