ul.menu li{

    list-style: none;

}



.menu, .menu ul

{

    margin: 0;

    padding: 0;

    list-style-type: none;

    position: relative;

    line-height: 2.5em;

}

.menu a

{

    text-decoration: none;

}

.menu > li

{

    margin-right: 15px;

}

.menu > li:first

{

    margin-left:0px!important;

    }

.menu > li > a

{

    padding: 0px 10px;

    margin: 0;

    width: 100%;

    text-decoration: none;

    color: #838383;

    font-weight: bold;

}

div.box

{

    position: absolute;

    z-index: -1;

    background-color: #75CDD2;

    left: 0;

    top: 0;

    border-radius: 4px 4px 0px 0px;

    -moz-border-radius: 4px 4px 0px 0px;

    -webkit-border-radius: 4px 4px 0px 0px;

}

li.pull-down

{

    padding-right:6px;

    }

li.pull-down > a

{

    background-image: url('../images/darrow.png');

    background-position: 96% 75%;

    background-repeat: no-repeat;

    padding-right: 20px;

}

li.right-menu > a

{

    background-image: url('../images/rarrow.png');

    background-position: 97% 45%;

    background-repeat: no-repeat;

}

.menu a.selected

{

    background-color: #222222;

    border-radius: 0px 4px 4px 4px;

    -moz-border-radius: 0px 4px 4px 4px;

    -webkit-border-radius: 0px 4px 4px 4px;

}

.menu li

{

    float: left;

    position: relative;

}



.menu ul

{

    position: absolute;

    display: none;

    width: 200px;

    top: 3em; /*padding-right: 10px;*/

    background-color: #222222; /*-moz-opacity: .50;     filter: alpha(opacity=50);     opacity: .50;*/

    border-radius: 0px 4px 4px 4px;

    -moz-border-radius: 0px 4px 4px 4px;

    -webkit-border-radius: 0px 4px 4px 4px;
    
    z-index : 90;

}



.menu li ul a

{

    width: 180px;

    height: auto;

    float: left;

    color: #FFFFFF;

    padding: 0 10px;

}

.menu li ul li

{

    padding: 0;

    margin: 0;

}

.menu ul ul

{

    top: auto;

}



.menu li ul ul

{

    left: 198px; /*margin: 0px 0 0 10px;*/

}

.menu-item-selected > a

{

    background-color: #222222;



}

.menu-item-selected > a:hover

{

    color: #FFFFFF !important;

}



.menu > li {

    background: none repeat scroll 0 0 #111111;

    border-radius: 5px 5px 0 0;

    margin-left: 15px;

    margin-right: 0px;

    min-height: 37px;

    

}

.menu > li > a{color: #FFFFFF; font-size: 13px;}

.menu li ul a {

    background: #111111;

    background-color: #111111;

    color: #FFFFFF !important;

}



.menu-item-selected > a:hover, .menu li ul a:hover {

    background: #222222;

    background-color: #222222;

    color: #FFFFFF !important;

}