.sub-tab-container {
    display: inline-block;
    padding-top: 5px;
}

    .sub-tab-container > .tabs {
        width: 650px;
        /*float: none;*/
        list-style: none;
        position: relative;
        /*margin: 80px 0 0 10px;*/
        text-align: left;
        list-style-type: none;
        float: left;
    }

        .sub-tab-container > .tabs li {
            background-color: #FFFFFF;
            display: block;
            float: left;
            padding: 14px;
            position: relative;
            top: 4px;
        }

            .sub-tab-container > .tabs li > label {
                cursor: pointer;
            }


        .sub-tab-container > .tabs div {
            display: block;
            padding: 14px 21px;
            border-radius: 2px 2px 0 0;
            font-size: 20px;
            font-weight: normal;
            text-transform: uppercase;
            background: #8e44ad;
            cursor: pointer;
            position: relative;
            top: 4px;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

.sub-tab-content {
    background-color: #E4E4E4;
    position: relative;
    top: -20px;
    padding: 10px;
}

.sub-tab-container > ul > .active {
    background-color: #E4E4E4 !important;
    position: relative;
    top: 0px !important;
    /*transition: all 0.2s ease-in-out;*/
}