
.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-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;
    
    color: #fff;
    background: #8C95AF;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    padding: 5px;
    height: 20px;
    font-size: 11px;
    font-weight: normal;
}

* html .flexdropdownmenu li
{
    /*IE6 CSS hack*/
    display: inline-block;
    
}
.region:hover
{
   background: #8a000f !important;
   color:#fff !important;
}
.region
{
 background:#3C3D3F !important;
 color:#fff !important;
}
.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected > a
{
    background: #8a000f;
}

.rightarrowclass
{
    position: absolute;
    top: 6px;
    right: 5px;
}

