.menu {
    width:100%;
    height:auto;
    float: left;
    font-size:18px;
    z-index:0;
    margin: 3px 0 3px;/*
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    */
}
.menu ul li{
    z-index: 0;
}
.menu ul li a, .menu ul li a:visited {
    display:block;
    text-decoration:none;   
    color:#fff;
    padding: 5px 7px 0 7px;
    height:30px;
    text-align:center;    
    line-height:20px;
    font-size:14px;
    /*font-weight: bold;*/
    overflow:hidden;
}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {
    float:left;
    position:relative;
    z-index:9999;
}
.menu ul li ul {
    margin-top: 15px;
    display: none;    
}

.menu ul li ul li a {
    width:190px;
    text-align:left;
    padding-left:10px;
    z-index: 9999;
}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#36f;}
.menu ul li:hover ul {
    display:block;
    position:absolute;
    top:21px;
    left:0;
    width:105px;
}
.menu ul li ul li ul  {
    margin: 0 0 0 95px;
    display: none;}

.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#3399FF; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {
    background:#3399FF;
    color:#000;
}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu ul li a:hover ul li a.hide {display:none;}

.menu ul li a:hover {color:#fff; background:#36f;}
.menu ul li a:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li a:hover ul li a.sub {background:#6a3; color:#fff;}
.menu ul li a:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li a:hover ul li a ul {visibility:hidden;}
.menu ul li a:hover ul li a:hover {background:#3399FF; color:#000;}
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:105px; top:0; color:#000;}
.menu ul li a:hover ul li a:hover ul.left {left:-105px;}