.jqueryslidemenu{
font: bold 11px arial;
background:url(../images/ecatts_14.jpg) repeat-x top bottom;
width: 100%;
}

.jqueryslidemenuright{
font: bold 11px arial;
background:url(../images/ecatts_14.jpg) repeat-x top bottom;
width: 100%;
}

.jqueryslidemenu ul{
list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background:url(../images/ecatts_14.jpg) repeat-x left bottom;
}

/*Top level list items*/
.jqueryslidemenu li{
float: left;
background:url(../images/ecatts_14.jpg) repeat-x left bottom;
}

.jqueryslidemenuright li{
float: right;
background:#414141 url(../images/ecatts_14.jpg) repeat-x left bottom;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: inline-block;
    color: white;
    text-align: center;
    padding: 6px 15px;
    text-decoration: none;
background:url(../images/ecatts_14.jpg) repeat-x left bottom;
}

.jqueryslidemenu ul li a:hover{
background: url(../images/ecatts_14a.jpg) repeat-x;
color: #333;
}
	


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

.downarrowclass{
position: absolute;
top: 18px;
right: 7px;
}

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