#breadcrumbs-nav {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    z-index: 5;
    /*display: none;*/
}

#breadcrumbs-nav > li {
    float: left;
    margin: 0;
    position: relative;
}


#breadcrumbs-nav li.separator {
    background: url("../images/icon_breadcrumbs_black.png") center top no-repeat;
    background-size: contain;
    width: 13px;
    height: 12px;
    padding: 0 10px;
    position: relative;
    top: 3px;
}

.breadcrumbs-white #breadcrumbs-nav li.separator {
    background: url("../images/icon_breadcrumbs.png") center top no-repeat;
}

#breadcrumbs-nav > li.active a{
    color: #4f4f4f;
}

#breadcrumbs-nav li:last-child{
    border-right: 0;
}

#breadcrumbs-nav div,
#breadcrumbs-nav a {
    display: block;
    padding: 0;
    color: black;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}

.breadcrumbs-white #breadcrumbs-nav div,
.breadcrumbs-white #breadcrumbs-nav a {
    color: white;
    text-decoration: none;
}

#breadcrumbs-nav div:hover,
#breadcrumbs-nav a:hover {
    color: black;
}

#breadcrumbs-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    left: -9999px;
}

#breadcrumbs-nav ul li {
    float: none;
}

#breadcrumbs-nav ul a {
    white-space: nowrap;
}

#breadcrumbs-nav li:hover ul {
    left: 0;
    background: white;
    border: 1px solid #959595;
    padding: 5px 0;
}

#breadcrumbs-nav li:hover a {
    text-decoration: none;
    color: #e30613;
}

#breadcrumbs-nav li:hover ul a {
    text-decoration: none;
    color: #8b8b8b;
    padding: 2px 7px;
}

#breadcrumbs-nav li:hover ul li:hover {
    background: #efefef;
}

#breadcrumbs-nav li:hover ul li:hover a{
    color: black;
}

#breadcrumbs-nav li:hover ul{
    left: 0;
}
