.jqueryslidemenu { font:16px "Trebuchet MS", Arial, Tahoma, verdana; color:#fff; float:right; margin:35px 0 0 0; }

.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; color:#fff; padding:5px 20px; text-decoration:none; /*background: #ff0000; ---- background of tabs (default state)----*/ }

/*IE6 hack to get sub menu links to behave correctly*/
* html .jqueryslidemenu ul li a { display: inline-block; }

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited { color:#fff; }

.jqueryslidemenu ul li.active a { /*CSS class that's dynamically added to the currently active menu items' LI A element*/ color:#e0782c; }
.jqueryslidemenu ul li a:hover { /*tab link background during hover state*/
color:#e0782c; text-decoration:none; }

/*1st sub level menu*/
.jqueryslidemenu ul li ul { position: absolute; left: 0; display: block; visibility: hidden; z-index:50; }

/*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 {
border-bottom:1px solid #4e4e4e; 
padding:7px 10px 7px 25px;
text-decoration:none;
color:#fff;
float:none !important; float:left;
background:#343434 url(../images/arrow_02.gif) 10px 10px no-repeat;
width:180px; /*width of sub menus*/
margin:0;
text-transform:capitalize;
font:bold 12px Arial, Helvetica, sans-serif;
}

.jqueryslidemenu ul li ul li a:hover { text-decoration:none; background-color:#e0782c; color:#fff; }


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

.downarrowclass { position: absolute; top: 17px; right: 7px; }
.rightarrowclass { position: absolute; top: 6px; right: 5px; }