@import url(../retail-generic.css);

.header {
    background-color: #0A4D58;
    padding-top:20px;
}

.navbar-nav > li {
    padding-right: 2em;
}

.header a,
.header .navbar-nav > li > a {
    color: #ffffff;
}

.header .navbar-nav > li > a {
    font-weight:bold;
    font-size:18px;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration:underline;
}

ul.check {
    list-style-type: none;
}

ul.check li:before {
    font-family: 'FontAwesome';
    content: '\f00c';
    margin: 0 1em 0 -2em;
    color: #0c4d58;
}

.gradient-border-bottom {
    background-image: linear-gradient(to right, #ffffff 0%,#9a9a9a 10%,#9a9a9a 90%,#ffffff 100%) !important;
    background-size: 100% 1px !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
}

.gradient-border-top {
    background-image: linear-gradient(to right, #ffffff 0%,#9a9a9a 10%,#9a9a9a 90%,#ffffff 100%) !important;
    background-size: 100% 1px !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}

.gradient-border-right {
    background-image: none,linear-gradient(to bottom,#9a9a9a 0%,#cecdcd 50%,#ffffff 100%) !important;
    background-size: 1px 100% !important;
    background-position: 0 0,100% 0 !important;
    background-repeat: no-repeat !important;
}

.header .navbar-toggle:hover,
.header .navbar-toggle,
.header .navbar-toggle:hover,
.header .navbar-toggle:focus {
    background: #0490A8 !important;
}

.header .navbar-toggle {
    border-color:#ffffff;
}

a,
a:hover {
    color: #0A4D58;
}

.page-subnavigation li a {
    text-decoration:none !important;
}

.page-subnavigation li a:hover,
.page-subnavigation li.active a,
.page-subnavigation li.active {
    color: #0A4D58 !important;
    font-weight: bold;
    background:none !important;
}

/* xs */
@media (max-width: 767px) {
    .xs-gradient-border-bottom {
        background-image: linear-gradient(to right, #ffffff 0%,#9a9a9a 10%,#9a9a9a 90%,#ffffff 100%) !important;
        background-size: 100% 1px !important;
        background-position: center bottom !important;
        background-repeat: no-repeat !important;
    }
}

    /* sm */
    @media (min-width: 768px) and (max-width: 991px) {
        .sm-gradient-border-bottom {
            background-image: linear-gradient(to right, #ffffff 0%,#9a9a9a 10%,#9a9a9a 90%,#ffffff 100%) !important;
            background-size: 100% 1px !important;
            background-position: center bottom !important;
            background-repeat: no-repeat !important;
        }

        .header {
            padding-top: 0;
        }
    }

    /* md */
    @media (min-width: 992px) and (max-width: 1199px) {
        .navbar-nav > li {
            padding-right: 0;
        }

        .header {
            padding-top: 0;
        }
    }