.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/ margin: 0; padding: 0; position: absolute; left: 0; top: 0; list-style-type: none; background: white; border: 1px solid black; 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; font-family: Verdana; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-decoration: none; 
}


.flexdropdownmenu li{ position: relative; font-weight: normal; 
}
.flexdropdownmenu li.large{ position: relative; width: 200px; 
}
.flexdropdownmenu li a{ display: block; width: 122px; /*width of menu (not including side paddings)*/ color: black; border-bottom: 1px solid black; text-decoration: none; padding: 4px 5px; background-color: #F8F8F8; 
}

.flexdropdownmenu li a.large{ position: relative; width: 190px; font-size: 12px; 
}

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

.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{ background-color: #666666; color: #FFFFFF; 
}

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