









.jqueryslidemenu{

    width: 100%;

    z-index: 10000000;

}



.jqueryslidemenu ul{

    



    list-style-type: none;

	position: relative;

}



/*Top level list items*/

.jqueryslidemenu ul li{

    position: relative;

    display: inline;

    float: left;

}



.jqueryslidemenu ul li img{

    padding-top: 4px;

    padding-left: 4px;

}





/*Top level menu link items style*/

.jqueryslidemenu ul li a {

   

	float: left;

	display: block;

	font-size: 14px;

    height: 14px;

    line-height: 14px;

	font-family: Tahoma, Geneva, sans-serif;

	text-decoration: none;

	cursor: pointer;

	position: relative;

    padding: 10px 10px 18px 5px;

    color: #000;

}



* 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: url(../img/menu_small_bg_over.png) top left repeat-x;

    color: #fff;

}



.jqueryslidemenu :hover > a {

    background: url(../img/menu_small_bg_over.png) top left repeat-x;

    color: #fff;

}



/*1st sub level menu*/

.jqueryslidemenu ul li ul{

    position: absolute;

    left: 0px;

    display: block;

    visibility: hidden;



    background: #cd5200;

    width: 250px;

}









/*Sub level menu list items (undo style from Top level List Items)*/

.jqueryslidemenu ul li ul li{

    display: block;

    float: left;

    clear: both;

    margin: 0 0 1px 0;

    padding:0  0;

}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.jqueryslidemenu ul li ul li ul{

    top: 0;

    padding-top: 0px;

    width: 410px;

}



/* Sub level menu links style */

.jqueryslidemenu ul li ul li a {

    width: 206px;

    background: none;

    color: #fff;

    font-family: Verdana, Geneva, sans-serif;

    font-size:12px;

    line-height: 12px;

	display: block;

	text-decoration: none !important;

    padding: 5px 22px 5px 22px;

    height: 12px;

    background: #dd5800;

}



.jqueryslidemenu ul li ul li ul li a {

    width: 366px;

    background: none;

    color: #fff;

    font-family: Verdana, Geneva, sans-serif;

    font-size:12px;

    line-height: 12px;

	display: block;

	text-decoration: none !important;

    padding: 5px 22px 5px 22px;

    height: 12px;

    background: #ff6600;

}



.jqueryslidemenu ul li ul :hover > a {

    color: #000;

    background: #fff !important;

}



.jqueryslidemenu ul li ul li a:hover { /*sub menus hover style*/

	color: #000;

    background: #fff !important;

}



.jqueryslidemenu ul li ul li ul :hover > a {

    color: #000;

    background: url(../img/sub-menu-arrow-over.png) center left no-repeat #fff;

}



.jqueryslidemenu ul li ul li ul li a:hover { /*sub menus hover style*/

	color: #000;

    background: url(../img/sub-menu-arrow-over.png) center left no-repeat #fff;

}



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



.downarrowclass{

position: absolute;

top: 12px;

right: 7px;

display: none;

}



.rightarrowclass{

position: absolute;

top: 6px;

right: 5px;

display: none;

}





