/*M2hweb Tab */
/* GLOBAL STYLES */

.ui-tabs .product-specs-box,
.ui-tabs .product-reviews-page,
.ui-tabs .full-description {
    display: block;
}

.ui-tabs .ui-tabs-panel {
    padding: 20px 10px;
}

.product-reviews-page .submitReviewResult {
    color: #82b85a;
    margin: 0 0 15px;
    text-align: center;
}

/* THEME STYLES */

.product-essential {
    margin-bottom: 20px;
}

.full-description {
    margin-bottom: 0;
}

.product-specs-box,
.product-specs-box .data-table {
    margin-bottom: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-state-active.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li a {
    background: transparent;
    border: none;
    color: #333;
    border-bottom: 3px solid transparent;
    padding: 10px 0 9px;
    min-width: 0;
}

.ui-tabs .ui-state-active.ui-tabs-active a {
    border-bottom: 3px solid #333;
}

.ui-tabs .ui-tabs-nav li {
    width: 100%;
    margin: 0 0 10px;
}

    .ui-tabs .ui-tabs-nav li:last-child {
        margin: 0;
    }

.ui-tabs {
    border-bottom: 1px solid #959595;
}

.productTabs .product-specs-box table tbody {
    border: none;
}

.productTabs .product-specs-box table tr:last-child td {
    border-bottom: none;
}
/*M2hweb Tab end*/
@media all and (min-width: 481px) {
    .ui-tabs .ui-tabs-nav li,
    .ui-tabs .ui-tabs-nav li:last-child {
        width: auto;
        margin: 0 15px;
    }

        .ui-tabs .ui-tabs-nav li a,
        .ui-tabs .ui-state-active.ui-tabs-active a {
            padding: 10px 12px 9px;
        }
}

@media all and (min-width: 769px) {
    /*two columns tabs*/
    .quick-tabs-1 .ui-tabs {
        overflow: hidden;
        border-top: 1px solid #959595;
    }

    .quick-tabs-1 .productTabs-header {
        float: left;
        width: 31%;
    }

    .quick-tabs-1 .productTabs-body {
        float: right;
        width: 66%;
        border-left: 1px solid #e1e1e1;
    }

    .quick-tabs-1 .ui-tabs .ui-tabs-nav li {
        display: block;
        text-align: left;
        border-bottom: 1px solid #e1e1e1;
        margin: 0;
        line-height: 14px;
    }

        .quick-tabs-1 .ui-tabs .ui-tabs-nav li a,
        .quick-tabs-1 .ui-tabs .ui-state-active.ui-tabs-active a {
            padding: 20px 0 17px;
        }

    .quick-tabs-1 .ui-tabs .ui-tabs-panel {
        border-top: none;
        padding: 30px;
    }

    .quick-tabs-1 .write-review .title {
        display: none;
    }
}




@media all and (min-width: 900px) {
    .ui-tabs .ui-tabs-nav li {
        float: left;
    }


    #quickTabs {
        background: #f5f6f7;
        border-radius: 4px;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
        -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
        -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
        margin: 0 auto 10px auto;
        margin-top: 0px;
        border: 1px solid #ebeced;
        overflow: hidden;
        width: 100%;
        position: relative;
    }

    .ui-tabs .ui-tabs-panel {
        padding: 30px;
        background: #fff;
        border-top: 1px solid #e3e3e3;
        box-shadow: 0 -1px 6px -2px #ccc;
        -moz-box-shadow: 0 -1px 6px -2px #ccc;
        -webkit-box-shadow: 0 -1px 6px -2px #ccc;
        -ms-box-shadow: 0 -1px 6px -2px #ccc;
        -o-box-shadow: 0 -1px 6px -2px #ccc;
    }

    .quick-tabs-1 .productTabs-body {
        float: left;
        border-right: 1px solid #e1e1e1;
        border-left: 0;
    }

    #quickTabs .ui-tabs-nav li a::after {
        content: "";
        display: inline-block;
        height: 20px;
        margin: 0 0 0 16px;
        right: 0;
        width: 20px;
        position: relative;
        top: 15px;
        float: right;
    }

    .ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li:last-child {
        width: auto;
        margin: 0;
    }


    #quickTabs .ui-tabs-nav li#firstTabTitle.ui-tabs-active a::after {
        background: url("/content/images/all-icons.png") no-repeat -317px -310px;
    }


    #quickTabs .ui-tabs-nav li#firstTabTitle a::after {
        background: url("/content/images/all-icons.png") no-repeat -317px -268px;
        width: 18px;
        height: 22px;
    }

    #quickTabs .ui-tabs-nav li.Overview.ui-tabs-active a::after {
        background: url("/content/images/all-icons.png") no-repeat -107px -310px;
    }


    #quickTabs .ui-tabs-nav li.Overview a::after {
        background: url("/content/images/all-icons.png") no-repeat -107px -269px;
        width: 18px;
        height: 22px;
    }

    #quickTabs .ui-tabs-nav li.Reviews.ui-tabs-active a::after {
        background: url("/content/images/all-icons.png") no-repeat -212px -310px;
    }


    #quickTabs .ui-tabs-nav li.Reviews a::after {
        background: url("/content/images/all-icons.png") no-repeat -212px -269px;
        width: 18px;
        height: 22px;
    }

    #quickTabs .ui-tabs-nav li.About.ui-tabs-active a::after {
        background: url("/content/images/all-icons.png") no-repeat -263px -310px;
    }


    #quickTabs .ui-tabs-nav li.About a::after {
        background: url("/content/images/all-icons.png") no-repeat -263px -269px;
        width: 18px;
        height: 22px;
    }


    #quickTabs .ui-tabs-nav .ui-tabs-active a {
        color: #2196f3;
    }

    #quickTabs .ui-tabs-nav .ui-tabs-active a {
        background: #fff;
        color: #2196f3;
        box-shadow: 0 2px 0 #2196f3 inset,0 2px 0 #fff;
        -webkit-box-shadow: 0 2px 0 #2196f3 inset,0 2px 0 #fff;
        -moz-box-shadow: 0 2px 0 #2196f3 inset,0 2px 0 #fff;
        -ms-box-shadow: 0 2px 0 #2196f3 inset,0 2px 0 #fff;
        -o-box-shadow: 0 2px 0 #2196f3 inset,0 2px 0 #fff;
        border-bottom: none;
    }


    #quickTabs .ui-tabs-nav li a {
        display: block;
        font: normal 13px/55px proxima-reg;
        height: 55px;
        padding: 0 28px;
        position: relative;
        color: #3e3e3e;
        text-align: center;
        border-left: 1px solid #e3e3e3;
        transition: 200ms ease;
        -ms-transition: 200ms ease;
        -moz-transition: 200ms ease;
        -webkit-transition: 200ms ease;
        box-shadow: 0 2px 0 transparent inset;
        -webkit-box-shadow: 0 2px 0 transparent inset;
        -ms-box-shadow: 0 2px 0 transparent inset;
        -o-box-shadow: 0 2px 0 transparent inset;
    }
}