/*
 * -----------------------------------------------------
 * FAQs page
 * -----------------------------------------------------
 */
#tab-index:checked ~ #tab-index-content {
    display: block;
}

#tab-general:checked ~ #tab-general-content {
    display: block;
}

#tab-watches:checked ~ #tab-watches-content {
    display: block;
}

#tab-bicycles:checked ~ #tab-bicycles-content {
    display: block;
}

#tab-leather:checked ~ #tab-leather-content {
    display: block;
}

body.cms-faqs .top-content .page-title h1 {
    text-transform: none;
}

.col-main {
    /**
     * Makes room for top nav.
     */
    padding-top: 20px;
    position: relative;
    margin-top: -37px;
}

.tab-pane > div > h3 {
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    color: #444444;
    font-style: italic;
    padding: 0;
    margin: 0 0 12px 0;
    text-transform: none;
}

.tab-pane > div > h3:after {
    background: url('../../images/sprites.png') top left;
    display: block;
    height: 3px;
    content: " ";
    margin-top: 10px;
}

.col-main .std > label {
    font-family: "ltc-bodoni-175",serif;
    font-weight: normal;
    display: inline-block;
    color: #c1c1c1;
    margin-left: 5px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
    line-height: 0;
    position: relative;
    top: -20px;
}

.col-main .std > .visual-seperator {
    display: inline-block;
    width: 1px;
    color: #c1c1c1;
    font-weight: lighter;
    position: relative;
    top: -20px;
}

.col-main .std > label:hover {
    text-decoration: underline;
}

.col-main label[for="tab-index"] {
    margin-left: 0;
}

.col-main .std > input:checked + label {
    color: #444444;
}

.tab-pane > div:first-child ~ div[id] {
    margin-top: 20px;
}

@media screen and (max-width: 699px) {

    .col-main {
        padding-top: 0;
        position: static;
        margin-top: 0;
    }

    .cms-menu {
        margin-bottom: 1em;
    }

    .col-main .std > label {
        margin-left: 0;
        position: static;
        top: 0;
        display: block;
        line-height: normal;
        padding: 5px 0;
    }

    .col-main .std > .visual-seperator {
        display: none;
    }

    .tab-pane {
        margin-top: 1em;
    }

    .tab-pane > div > h3:after {
        height: 1px;
        margin-top: 10px;
    }

}