#submenu{
    width:100%;
    float:left;
}

#submenu a{
   font:normal 8pt "Trebuchet MS", Helvetica, Khalid, Garuda, sans-serif;
    display:block;
    border-width:1px;
    border-style:solid;
    border-color:#fff;
    white-space:nowrap;
    margin:0;
    padding:2px 0 2px 8px;
}

#submenu h2{
    font:bold 6pt "Trebuchet MS", Helvetica, Khalid, Garuda;
    display:block;
    border-width:1px;
    border-style:solid;
    border-color:#fff;
    white-space:nowrap;
    margin:0;
    padding:3px 0 2px 12px;
      
}

#submenu h2{
    color:#fff;
    background-image:url(/images/front-end/button_submenu_down.png); 
    background-repeat:no-repeat;
    text-transform:uppercase
}


#submenu a{
    background:#eee;
    text-decoration:none;
}

#submenu a, #submenu a:visited{
    color:#191919;
    
}

#submenu a:hover{
    color:#666998;
    background:#ddd;
}

#submenu a:active{
  /*  color:#aa0000;*/
    background:#4c4c4c;
}

#submenu ul{
    list-style:none;
    margin:0;
    padding:0;
    float:left;
    width:184px;
}

#submenu li{
    position:relative;
}

#submenu ul ul{
    position:absolute;
    z-index:500;
    top:auto;
    display:none;
    border-width:1px;
    border-style:solid;
    border-color:#808080;
    width:182px;
}

#submenu ul ul ul{
    top:0;
    left:100%;
}

/* Begin non-anchor hover selectors */
/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#submenu h2:hover{
    background-image:url(/images/front-end/button_submenu_up.png);
    background-repeat: no-repeat;  
}
div#submenu li:hover h2  {
 background-image:url(/images/front-end/button_submenu_up.png);
    background-repeat: no-repeat;  
   display:block;
 }
 
div#submenu li:hover{
    cursor:pointer;
    z-index:100;
}

div#submenu li:hover ul ul,
div#submenu li li:hover ul ul,
div#submenu li li li:hover ul ul,
div#submenu li li li li:hover ul ul {
    display:none;
}

div#submenu li:hover ul,
div#submenu li li:hover ul,
div#submenu li li li:hover ul,
div#submenu li li li li:hover ul {
    display:block;
}

/* End of non-anchor hover selectors */
/* Styling for Expand */
#submenu a.x, #submenu a.x:visited{
    font-weight:normal;
    color:#000;

}

#submenu a.x:hover{
    color:#fff;
    background:#000;
}

#submenu a.x:active{
    color:#060;
    background:#ccc;
}

/*----------IE-----------------*/
#submenu{
    float:none;
} 


#submenu ul li{
    float:left;
    width:100%;
}

#submenu h2, #submenu a{
    height:1%;
}