.hkmenu {
    z-index: 99;
}

.hkmenu ul {
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    display: block;
    width: auto;
}
.hkmenu ul li {
    /*float the main list items*/
    margin: 0px;
    padding: 0px;
    float: left;
    display: block;
    width: auto;
}
.hkmenu ul li ul {
    /*subnav below*/
    margin: 0px;
    padding: 0px 0px 0px 21px;
    display: none;
    top: 40px;
    left: 0px;
    /*width: 980px;*/ width: 620px;
    height:30px;
    background: transparent url(/images/navbar-hk-subnav-left.png) no-repeat left top;
}
.hkmenu ul li ul li {
    margin: 0;
    float: left;
    top:0px;
    display: block;
    padding-right: 0px;
    white-space: nowrap;
    width:auto;
    background: transparent url(/images/navbar-hk-subnav-bg.jpg) no-repeat right top;
}

.hkmenu ul a {
    text-decoration: none;
    padding: 12px 14px 0px 0px;
    text-align: center;
    color: #fff;
}
.hkmenu ul li a {
    display: block;
    width: 100px;
    height: 28px;
    background: #039 url(/images/navbar-housekeeping-sep.jpg) no-repeat right top;
    white-space: nowrap;
}
.hkmenu ul li ul a {
    /*float: none; ie doesn't inherit the float*/
    /*border: 0;
    width: auto;*/
}
.hkmenu ul li ul li a {
    /*subnav below*/
    background: transparent url(/images/navbar-hk-subnav-bg1.png) no-repeat right top;
    height: 22px;
    font-size: 12px;
    padding: 8px 21px 0px 0px;
    margin: 0px -7px 0px 0px;
    width: auto;
}
.hkmenu ul li:hover ul, .hkmenu ul li:hover ul {
    display: block;
}
.hkmenu ul li a:hover {
    color: #9c0;
}
.hkmenu ul li ul li a:hover {
    color: #039;
}