/* top menu */

.mainmenu { height:24px; width:100%; background-color:#e3eefd; border-bottom: 1px solid #888; box-shadow: 1px 2px 3px #ccd;}
.mainmenu ul.menu { clear: both; list-style: none; padding: 0px; margin:0px; }

.mainmenu ul.menu li {
    font-family: Tahoma,Verdana,arial,helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #fff;
    text-transform: none;
    text-align:left;
    color: #4a4a4a;
        position:relative;
        width: auto;
        height: auto;
        float:left;
        text-decoration: none;
        padding:0px;
        border-bottom:1px solid #ddf;
}
.mainmenu ul.menu li ul {
        list-style: none;
        display: none;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        background-color: #ffffff;
        /*background-image:url('img/submenu_bg.png'); */
        background-repeat: repeat-x;
        border-width: 0px 1px 0px 1px;
        border-style: solid;
        border-color: #cacaca;
}
.mainmenu ul.menu li ul li { margin: 0px; padding: 0px; float: none; z-index: 11; min-width:160px; color: #4a4a4a;}
.mainmenu ul.menu li:hover ul {  display: block;  position: absolute;  }
.mainmenu ul.menu li:hover { z-index:999;  background-position: 0% 0%; background-color: #108eef; color:#fff; }
.mainmenu ul.menu li a, .mainmenu ul.menu li a:visited  {
    font-family: Tahoma,Verdana,arial,helvetica,sans-serif;
    font-size: 14px;
    color: inherit;
    font-weight: normal;
    display: block;
    width: auto;
    height: auto;
    text-decoration: none;
    padding: 5px 15px 4px 15px;
    outline: none;
    letter-spacing: 1px;
}

.mainmenu ul.menu li a:hover  { color: #fff }
.mainmenu ul.child li a {
    font-family: Tahoma,Verdana,arial,helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #4a4a4a;
        display: block;
        width: auto;
        height: auto;
        text-decoration: none;
        padding: 9px 10px;
        /* background-color: #cacaca; */
        margin: 0px;
        border-width: 0px 0px 1px 0px;
        border-style: solid;
        border-color: #dadada;
        outline: none;
}
.mainmenu ul.child li a:hover { color: #ffffff; background-color: #4a4a4a; }

.mainmenu ul li.separator{
    height:0px;
    border-bottom:1px solid #88a;
}
/* end of ul base menu */