.jqueryslidemenu{width: 100%;}
.jqueryslidemenu ul{margin:-1px 0 0 0; padding: 0; list-style-type: none;}

/*Top level list items*/
.jqueryslidemenu ul li{ position: relative; display: inline; float: right;}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{ display: block; padding:8px 0 0 0; color: #666; border-left: 1px #ccc solid; 
text-decoration: none; width:110px; height:30px; margin:0 0 0 0px; text-align:center; font-size:14px;}

* 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{}

.jqueryslidemenu ul li a:hover{ background:#CCC;}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{position: absolute; left: 0; display: block; visibility: hidden; margin:0 0 0 0px; padding:0;}

/*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{ background:transparent url(../images/bg_blacktrans.png) top left repeat;font-size:12px; width:150px; /*width of sub menus*/ padding: 7px 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid #222; color: #777;}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
 background: transparent url(../images/bg_blacktrans.png) top left repeat; color: #987033; border-bottom: 1px solid #987033;}

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{position: absolute; top: 12px; right: 7px;}
.rightarrowclass{position: absolute; top: 6px; right: 5px;}