.jqueryslidemenu{
width: 100%;
}

.jqueryslidemenu ul.menu{
margin: 0;
padding: 0;
list-style-type: none;
}

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

/*Top level menu link items style*/
.jqueryslidemenu ul.menu li a:link, .jqueryslidemenu ul.menu li a:visited{
display: block;
line-height:32px;
padding: 0 20px;
border-right:1px dotted #425977;
color: #000;
text-decoration: none;
font-size:70%;
text-transform:uppercase
}
.jqueryslidemenu ul.menu li a:hover{
background-color:#708fb6; /*tab link background during hover state*/
color: #000;


}	

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

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul.menu li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul.menu li ul li ul{
top: 0
}

/* Sub level menu links style */
.jqueryslidemenu ul.menu li ul li a:link, .jqueryslidemenu ul.menu li ul li a:visited{
font-weight:normal;
width: 160px;
height:25px;
line-height:25px;
padding: 0 5px 0 10px;
border-top:1px solid #4a5461;
margin: 0;
background:url(../images/menu_bg.png);
color: #000
}

.jqueryslidemenu ul.menu li ul li a:hover{ /*sub menus hover style*/
background:url(../images/menu_bg.png);
color: #fff;
padding: 0 5px 0 10px;
width: 160px;
border-bottom:0
}

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

.downarrowclass{
position: absolute;
top: 13px;
right: 8px;
}

.rightarrowclass{
position: absolute;
top: 9px;
right: 5px;
}


/*************************/
.jqueryslidemenu .menu li.active a:link, .jqueryslidemenu ul.menu li.active a:visited{
display: block;
background: #708fb6;
padding: 0 20px;
color: #000;
text-decoration: none;
font-size:70%;
text-transform:uppercase;
border-bottom:1px solid #4a5461;
background-image:none
}
.jqueryslidemenu ul.menu li.active a:hover{
background-color:#708fb6;
color: #000
}
.jqueryslidemenu ul.menu li#current a:link, .jqueryslidemenu ul.menu li#current a:visited{
display: block;
background: #708fb6;
padding:0 20px;
color: #000;
text-decoration: none;
font-size:70%;
text-transform:uppercase;
border-bottom:1px solid #4a5461;
background-image:none
}
.jqueryslidemenu ul.menu li#current a:hover{
background-color:#708fb6;
color: #000	
}
.jqueryslidemenu ul.menu li.active li a:link, .jqueryslidemenu ul.menu li.active li a:visited{
font-weight:normal;
width: 160px;
padding: 0 5px 0 10px;
margin: 0;
border-right: 1px solid #4a5461;
border-bottom:0;
border-top:1px solid #4a5461;
background:url(../images/menu_bg.png);
color: #000
}
.jqueryslidemenu ul.menu li.active li a:hover{
background:url(../images/menu_bg.png);
color: #fff;
padding: 0 5px 0 10px;
width: 160px	
}
.jqueryslidemenu ul.menu li#current li a:link, .jqueryslidemenu .menu li#current li a:visited{
font-weight:normal;
width: 160px;
padding: 0 5px 0 10px;
margin: 0;
border-top: 1px solid #4a5461;
border-right: 1px solid #4a5461;
border-bottom:0;
background-color:#ebe8e7;
color: #000;

background:url(../images/menu_bg.png);
}
.jqueryslidemenu ul.menu li#current li a:hover{
background:url(../images/menu_bg.png);
color: #fff;
padding: 0 5px 0 10px;
width: 160px	
}
.jqueryslidemenu ul.menu li li a:link, .jqueryslidemenu ul.menu li li a:visited{
font-weight:normal;
width: 160px;
padding: 0 5px 0 10px;
margin: 0;
border-top-width: 0;
border-right: 1px solid #4a5461;
background-color:#d0cdcb;
color: #000;
background-image:none
}
.jqueryslidemenu ul.menu li li a:hover{
background-color:#d0cdcb;
color: #000;
padding: 0 5px 0 10px;
width: 160px	
}
.jqueryslidemenu ul.menu li.active li#current a:link, .jqueryslidemenu ul.menu li.active li#current a:visited{
font-weight:normal;
width: 160px;
padding: 0 5px 0 10px;
margin: 0;
border-top:1px solid #4a5461;
border-right: 1px solid #4a5461;
border-bottom:0;
background:url(../images/menu_bg.png);
color: #fff;

}
.jqueryslidemenu ul.menu li.active li#current a:hover{
background:url(../images/menu_bg.png);
color: #fff;
padding: 0 5px 0 10px;
width: 160px	
}
.jqueryslidemenu ul.menu li.active li#current li a:link, .jqueryslidemenu ul.menu li.active li#current li a:visited{
font-weight:normal;
width: 160px;
padding: 0 5px 0 10px;
margin: 0;
border-top-width: 0;
border-right: 1px solid #4a5461;
background:url(../images/menu_bg.png);
color: #000
}
.jqueryslidemenu ul.menu li.active li#current li a:hover{
background:url(../images/menu_bg.png);
color: #fff;
padding: 0 5px 0 10px;
width: 160px	
}
.jqueryslidemenu ul.menu li.active li.active a:link, .jqueryslidemenu ul.menu li.active li.active a:visited{
font-weight:normal;
width: 160px;
padding: 0 5px 0 10px;
margin: 0;
border-top:1px solid #4a5461;
border-right: 1px solid #4a5461;
background:url(../images/menu_bg.png);
color: #000
}
.jqueryslidemenu ul.menu li.active li.active a:hover{
background:url(../images/menu_bg.png);
color: #fff;
padding: 0 5px 0 10px;
width: 160px	
}
.jqueryslidemenu ul.menu li.active li.active li#current a:link, .jqueryslidemenu ul.menu li.active li.active li#current a:visited{
font-weight:normal;
width: 160px;
padding: 0 5px 0 10px;
margin: 0;
border-top-width: 0;
border-right: 1px solid #4a5461;
background:url(../images/menu_bg.png);
color: #fff
}
.jqueryslidemenu ul.menu li.active li.active li#current a:hover{
background:url(../images/menu_bg.png);
color: #fff;
padding: 0 5px 0 10px;
width: 160px	
}
.jqueryslidemenu ul.menu li.active li.active li a:link, .jqueryslidemenu ul.menu li.active li.active li a:visited{
font-weight:normal;
width: 160px;
padding: 0 5px 0 10px;
margin: 0;
border-top-width: 0;
border-right: 1px solid #4a5461;
background-color:#d0cdcb;
color: #000;
background-image:none
}
.jqueryslidemenu ul.menu li.active li.active li a:hover{
background-color:#d0cdcb;
color: #000;
padding: 0 5px 0 10px;
width: 160px	
}