.tab-group,
.tab-group .tab,
.tab-group .title {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.tab-group { /* The nav tag */
    margin:0 auto;
    position:relative;
    width:960px;
    z-index:5;
}
.tab-group .tabs {
    margin:0;
    padding:0;
    display:table;
}
.tab-group .tabs .tab {
    border:1px solid transparent;
    border-radius:8px 8px 0 0; /* override this if your tabs are not rounded */
    display:table-cell;
    margin: 0 0 0 -4px; /* corrects spacing from inline-block */
    padding:6px 0 1px;
    text-align:center;
    vertical-align:middle;
    position:relative;
    cursor:pointer;
}

.tab-group .tabs .tab::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 1px;
    height: 90%;
    background: #E4E4E4;
}

.tab-group .tabs .tab:first-child::before,
.tab-group .tabs .tab.active + .tab::before,
.tab-group .tabs .tab.active::before { /* Turns the border off on the tabs it should */
    display: none;
}

/* Variable max-widths based on the number of tabs (960px/# of tabs) for pdp tabs */
.c14-product-tabs .tab-group .tabs[data-tab-length="10"] .tab {
    max-width: 96px;
}

.c14-product-tabs .tab-group .tabs[data-tab-length="9"] .tab {
    max-width: 106px;
}

.c14-product-tabs .tab-group .tabs[data-tab-length="8"] .tab {
    max-width: 120px;
}

.c14-product-tabs .tab-group .tabs[data-tab-length="7"] .tab {
    max-width: 137px;
}

.tab-group .tabs .tab:first-child {
    margin:0;
}
.tab-group .tabs .tab.active {
    border:1px solid #C8C8C8;
    box-shadow:0 0 1px 0 #B6B6B6;
}
.tab-group .tabs .tab.active:after { /* This covers up the bottom border and the extra 1px of border on the left/right */
    background-color:#FFFFFF;
    bottom:-3px;
    content:" ";
    height:5px;
    position:absolute;
    right:0;
    width:100%;
}
.tab-group .tabs .tab .title {
    color:#999;
    display:inline-block;
    font-size:1.16666666666667em;
    font-weight:normal;
    line-height:16px;
    padding:5px 19px 10px;
    margin:0;
}

.tab-group .tabs .tab.active + .tab {
    margin-left: -6px;
}
.tab-group .tabs .tab:hover .title {
    color:#666;
}
.tab-group .tabs .tab.active .title {
    color:#454545;
    padding-right: 21px;
}
.tab-group.no-shoulder .tabs .tab.active:first-child:after {
    border-left:1px solid #C8C8C8;
    bottom:-7px;
    box-shadow:-2px 0 1px -2px #B6B6B6;
    height:7px;
}
.tab-group.shoulder {
    padding:0 33px;
}
.tab-group.full-width {
    box-shadow:0 -3px 1px -2px #B6B6B6 inset;
    width:100%;
    padding-bottom:1px;
}
.tab-group.full-width .tabs {
    width:960px;
    margin:0 auto;
    display:block;
}