.jqueryslidemenu {
    font: 12px "Lucida Sans Unicode Regular","Lucida Sans",Tahoma,Verdana,Tahoma,Arial;
    background: url(../images/application/generic/nav_bg.png) repeat-x #414141;
    width: 100%;
    margin: 0 0 10px;
}

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

/*Top level list items*/
.jqueryslidemenu ul li {
    position: relative;
    display: inline;
    float: left;
    min-width: 95px;
    text-align: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a {
    display: block;
    color: #FFFFFF;
    padding: 3px 10px;
    border-right: 1px solid #FFFFFF;
    text-decoration: none;
}

* 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.current,
.jqueryslidemenu ul li a.selected,
.jqueryslidemenu ul li a:hover {
    font-weight: bold;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul {
    position: absolute;
    left: 0;
    display: block;
    visibility: hidden;
    border: 1px solid #689284;
    z-index: 2;
}

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

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

/* Sub level menu links style */
.jqueryslidemenu ul li ul.sub li a,
.jqueryslidemenu ul li ul.sub1 li a {
    font: normal 13px "Lucida Sans Unicode Regular","Lucida Sans",Tahoma,Verdana,Tahoma,Arial;
    width: 160px; /*width of sub menus*/
    padding: 5px;
    margin: 0;
    border-top-width: 0;
    border: 0;
    background: none;
    color: #000000;
}

.jqueryslidemenu ul li ul.sub1 li{
    width: 100%;    
}
.jqueryslidemenu ul li ul.sub1 li table th,
.jqueryslidemenu ul li ul.sub1 li table td a{
    width: auto;
    min-width: 90px;
    max-width: 160px;    
}

.jqueryslidemenu ul li ul.sub li a.selected,
.jqueryslidemenu ul li ul.sub li a:hover,
.jqueryslidemenu ul li ul.sub1 li a.selected,
.jqueryslidemenu ul li ul.sub1 li a:hover { /*sub menus hover style*/
    /*font-weight: bold;*/
    color: #689284;
    background-color: #e0e9e6;
}



/*------------------------------------------
    Table Column Menu
------------------------------------------*/

#col2 div,
#col2 div ul.sub1{
    width: 976px;    
}


#col2 div ul.sub1{
    background: none;
    border: 0;
    visibility: visible;
    position: relative;
    float: left;
}

#col2 div ul.sub1 li{
    display: inline-block;    
}

#col2 div{
    border: 1px solid #689284;
    position: absolute;
    display: inline;
    float: left;
    min-width: 342px;
    text-align: left;
    z-index: 2;
}

#col2 .nav-bar-product{
    width: 100%;    
    border-collapse:collapse;
}

#col2 .nav-bar-product .header{
    background-color: #82A69A;    
    color: #FFFFFF;
    height: 30px;
}


#col2 .nav-bar-product th{
    padding: 5px 5px;    
    vertical-align: top;
}

#col2 .nav-bar-product td{
    padding: 3px 0px;    
    vertical-align: top;
}

#col2 .nav-bar-product .content,
#col2 .nav-bar-product .content a{
    color: #000000;
    border: 0;
}

#col2 .nav-bar-product .content a:hover{
    font-weight: normal;
    background-color: #E0E9E6;
}



/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass {
    display: none;
    position: absolute;
    top: 7px;
    right: 7px;
}

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


.jqueryslidemenu ul li.right{
    float: right;    
    min-width: 130px;
    text-align: right;
}


.fixed-dot{
    border-top: 2px dotted #689284;
    background-color: #e0e9e6;
}