/* SUB NAV */
.sub-nav {
    position: relative;
}

.sub-nav ul,
.sub-nav li {
    margin: 0;
    border: 0 none;
    padding: 0;
    list-style: none;
}

.sub-nav a {
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #E5E5E6;
    padding: 8px 0px;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    color: #939597;
    text-align: left;
}

.sub-nav a sup {
    font-size: 6px;
    position: relative;
    top: -3px !important;

}

.sub-nav .l1 a {
    color: #939597;
    text-transform: uppercase;
    border-bottom: 1px solid #E5E5E6
}

.sub-nav .l2 a {
    text-transform: uppercase;
}

.media-filter-list:before {
    content: "Filters";
    color: #939597;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #E5E5E6;
    padding: 8px 0px;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    display: block;
}

.media-filter-list li {
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #E5E5E6;
    padding: 8px 0px;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    text-align: left;
    color: #939597;
    text-decoration: none;
    display: block;
    padding-left: 20px;
    cursor: pointer;
}

.media-filter-list li:hover,
.sub-nav .l2 a:hover {
    color: #7DBF4B;
}

.media-filter-list li.selected,
.sub-nav .l2 a.selected {
    color: #7DBF4B;
}

.sub-nav .l3 a,
.sub-nav .l3 a:link, 
.sub-nav .l3 a:active,
.sub-nav .l3 a:visited {
    text-decoration: none;
    display: block;
    padding-left: 20px;

}

.sub-nav .l3 a:hover,
.sub-nav .l3 a.selected {
    color: #7DBF4B;
}

.sub-nav .l4 a,
.sub-nav .l4 a:link,
.sub-nav .l4 a:active,
.sub-nav .l4 a:visited {
    text-decoration: none;
    display: block;
    padding-left: 40px;
}

.sub-nav .l4 a:hover,
.sub-nav .l4 .selected {
    color: #7DBF4B;
}

/* SHORT FULL WIDTH SUB NAV */

.full-width .page-left {
    height: 300px;
    overflow: hidden;
}

.full-width .sub-nav a {
    display: none;
}

.full-width .sub-nav a.selected {
    display: block;
}


