.flexdropdownmenu, .flexdropdownmenu ul { /*topmost and sub ULs, respectively*/
 font-size: 12px;
 font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
 font-weight: bold;
 margin: 0;
 padding: 0;
 position: absolute;
 left: 0;
 top: 0;
 list-style-type: none;
 background: #ffffff;
 border-top: 1px solid #000000;
 border-bottom-width: 0;
 visibility: hidden;
 display: none; /*collapse all sub menus to begin with*/
 box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
 -webkit-box-shadow: 3px 3px 8px #818181;
 -moz-box-shadow: 3px 3px 8px #818181;
}

.flexdropdownmenu li {
 position: relative;
}

.flexdropdownmenu li a {
 display: block;
 width: 155px; /*width of menu (not including side paddings)*/
 color: #a7a9a8;
 background: #ffffff;
 border-bottom: 1px solid #000000;
 text-decoration: none;
 padding: 4px 5px;
}

* html .flexdropdownmenu li { /*IE6 CSS hack*/
 display: inline-block;
 width: 165px; /*width of menu (include side paddings of LI A*/
}

.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a {
 color: #5f686f;
 background: #ffffff;
}

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