.jqueryslidemenu{


font: bold 12px Verdana;


background: transparent;


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: #0f0714; /*background of tabs (default state)*/


color: white;


padding: 8px 10px;


border-right: 0px solid #778;


color: white;


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: #a01512; /*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 13px Verdana;


width: 80px; /*width of sub menus*/


padding: 5px;


margin: 0;


border-top-width: 0;


border-bottom: 0px solid gray;


}





.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/


background: #a01512;


color: black;


}





/* ######### CSS classes applied to down and right arrow images  ######### */





.downarrowclass{


position: absolute;


top: 2px;


right: 7px;


}





.rightarrowclass{


position: absolute;


top: 6px;


right: 5px;


}