/* Page Navigation */

#top-nav { 
        font-size: 12px;
        line-height: 12px;
}

#top-nav .nav { 
        z-index:99; 
        margin:0; 
        padding:0;
        list-style:none; 
        line-height:1; 
}
#top-nav .nav a { 
        position:relative; 
        display:block; 
        z-index:100;
        text-decoration:none;
        color:inherit;
}
#top-nav .nav li {
        float:left;
        width: auto;
        list-style:none;
        margin:0 10px 0 0;
        color: #fff;
}
#top-nav a {
        padding: 12px 8px;
}
#top-nav a.arrow {
        padding-right: 20px;
        background:url(/img/ar/arrow.webp) no-repeat 100% 50%;
}
#top-nav a:hover  { 
        color: #000;
        background:#fff;
}

#top-nav li:hover {
        color: #fff;
}
#top-nav li ul  { 
        padding:0;
        margin:0;
        background:#fff;
        color:#000;
        border-left:1px solid #d6d6d6;
        border-right:1px solid #d6d6d6;
        border-bottom:1px solid #d6d6d6;
}
#top-nav li ul li  { 
        background: none; 
        border-bottom: 1px solid #cdcdcd;
        list-style:none;
}
#top-nav li ul li a { 
        line-height: 18px;
        font-size:12px;
        padding:3px 0;
        background:transparent;
        border: none;
        width:136px;
        color:#000;
        font-size:12px;
        padding:8px 12px;
}
#top-nav li ul li a:hover  { 
        color:#fff !important;
        background:#b9a000;
}
#top-nav .nav li ul  { 
        position: absolute; 
        left: -999em; 
        width: 160px; 
        z-index:999;
}
#top-nav .nav li ul li a  {
        color:#000;
}
#top-nav .nav li:hover, .nav li.hover {
        position:static;
        background:#fff;
        color:#000;
}
#top-nav .nav li:hover ul ul, #top-nav .nav li:hover ul ul ul, #top-nav .nav li:hover ul ul ul ul { 
        left:-999em;
}
#top-nav .nav li:hover ul, .nav li li:hover ul, #top-nav .nav li li li:hover ul, #top-nav .nav li li li li:hover ul  { 
        left:auto;
        color:#000;
}