.jqueryslidemenu {width:100%;}
.jqueryslidemenu ul {margin:0px; padding:0px; list-style-type:none;}
/*Top level list items*/
.jqueryslidemenu ul li {position:relative; display:inline; float:left; margin:0px 0px 0px 2px; padding:0px;}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
	display:inline-block;
	background:url(../images/l-side.gif) no-repeat left top;
	padding-left:12px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#b4b4b4; text-decoration:none; cursor:pointer;
}
.jqueryslidemenu ul li a span {background:url(../images/r-side.gif) no-repeat right top; display:inline-block; height:29px; line-height:29px; padding-left:10px; padding-right:20px;}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color:#b4b4b4;
}

.jqueryslidemenu ul li a:hover{
background:url(../images/l-side.gif) no-repeat left top;/*tab link background during hover state*/
color: #ffffff;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
	position:absolute;
	left:0;
	padding-top:7px;
	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:left;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top:0px;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
	font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#b4b4b4;	
	width:143px; /*width of sub menus*/
	margin:0px;
	background:url(../images/b-border.gif) repeat-x left bottom #171717;
	padding:4px 5px 4px 10px;
	display:block;
}

.jqueryslidemenu ul li ul li a span {background:url(../images/arrow3.gif) no-repeat 0px 9px; padding:4px 0px 5px 12px; height:auto; line-height:normal; display:inline-block;}

.jqueryslidemenu ul li ul li .last{
	font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#b4b4b4;	
	width:143px; /*width of sub menus*/
	margin:0px;
	background:url(../images/b-corner.gif) no-repeat left bottom;
	padding:4px 5px 4px 10px;
	display:block;
}
.jqueryslidemenu ul li ul li .last:hover {background:url(../images/b-corner-h.gif) no-repeat left bottom;}

.jqueryslidemenu ul li ul li a:link, .jqueryslidemenu ul li ul li a:visited{
color:#b4b4b4;
}

.jqueryslidemenu ul li ul li a:hover{
color:#fbfbfb;
background:url(../images/b-border.gif) repeat-x left bottom #000000;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position:absolute;
top:8px;
right:2px;
}

.rightarrowclass{
position:absolute;
top:9px;
right:5px;
}

/*Left Menu*/
.glossymenu{
margin:0px 0px 10px 0px;
padding:0px;
width:208px; /*width of menu*/
}

.l-span {display:block; background:url(../images/t-bg.gif) no-repeat left top; padding-top:7px;}

.glossymenu a.menuitem{
background:url(../images/b-bg.gif) no-repeat left bottom;
font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#bababa;
display:block;
padding:0px 23px 7px 10px;
position:relative;
width:auto;
text-decoration: none;
margin-bottom:2px;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color:#bababa;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position:absolute;
top:2px;
right:8px;
border: none;
}

.glossymenu a.menuitem:hover{
color:#febe10;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background:none;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style:none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom:1px solid #000000;
}

.glossymenu div.submenu ul li a{
display:block;
font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#bababa;
text-decoration: none;
padding:0px 0px 0px 20px;
line-height:15px;
background:url(../images/arrow.gif) no-repeat 5px 8px;
}

.glossymenu div.submenu ul li a span {display:block; background:url(../images/b-line.gif) no-repeat bottom left; padding:2px 0px 4px 0px;}

.glossymenu div.submenu ul li a:hover{
background:url(../images/arrow.gif) no-repeat 5px 8px;
color:#ffffff;
}

