.logo {
    width: 98%;
    margin-left: 1%;
    max-width: 500px;
    float: left;
}

.img100 {
    width: 100%;
}

.top-bg {
    background-size: 55%;
    background-image: linear-gradient(to right,#FFF,transparent),url(./imgs/new/top-bg.png);
    background-position: top right;
    background-repeat: no-repeat;
}

.bg {
    /*background-image: linear-gradient(to right,#F6F1DD,transparent),url(./imgs/new/bg.png);*/
    background-image: url(./imgs/new/bg.png);
    /*background-position: top right;*/
    background-repeat: no-repeat;
    /*background-size: cover;*/
}

.bg-color {
    background: #EBE7D3;
}


.search-and-cart {
    width: auto;
    float: right;
}

#search {
    float: left;
    margin-right: 1rem;
}

.view-product {
    width: 16px;
}

.view-product-div {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 10px;
}

.view-product-font {
    font-size: 0.8rem;
}

.view-product-logo {
    float: left;
}

.hometxt {
    background-color: #eee;
    padding: 2rem;
    line-height: 2rem
}

.homevideo {
    width: 500px;
    height: 290px;
    margin: 0 auto;
    display: block;
}

.home-img-link-w {
    width: 77.3%;
}

.center-links {
    text-align: center;
    color: #fff;
}

    .center-links a {
        color: #fff;
        text-decoration: none;
    }

.footerimg {
    height: 50px;
}

.footsecure {
    width: 100%;
    max-width: 1000px;
    margin: 20px auto;
    justify-content: space-between;
    text-align: center;
}


h5 a.productline {
    color: black;
    text-decoration: none;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-weight: bold;
}

.productline {
    font-size: 1.25rem;
}

.productline1 {
    font-size: 0.8rem;
    text-align: left;
}

.SitemapTable table tboday tr td div {
    text-align: left !important;
}

.artist-info {
    font-size: 1rem;
}

    .artist-info .productline {
        font-size: 1.1rem;
    }



.pagetitle {
    text-align: center;
    margin-bottom: 20px;
}

.enterzipcode {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.enterzipcodetitle {
    margin: 20px 0;
    font-size: 20px;
}

.me-10 {
    max-width: 150px;
}

.shoppingcart-list {
    width: 100%;
    border: solid 1px #666;
    font-size: 0.8rem;
}

    .shoppingcart-list thead td {
        background-color: #6B696B;
        color: #fff;
        font-weight: bold;
        white-space: nowrap;
        padding: 5px 0px;
    }

    .shoppingcart-list tbody td {
        border-left: solid 1px #666;
        border-bottom: solid 1px #666;
    }

    .shoppingcart-list tbody tr td:first-child {
        border-left: none;
    }

    .shoppingcart-list tbody tr:nth-child(2n+1) td {
        background-color: #E1E0E0;
    }

    .shoppingcart-list tbody tr td {
        padding: 0 5px;
    }

        .shoppingcart-list tbody tr td .quantity {
            width: 100%;
            max-width: 100px;
        }



        .shoppingcart-list tbody tr td.productimg {
            max-width: 86px;
            text-align: center;
        }

        .shoppingcart-list tbody tr td.centertd {
            text-align: center;
        }

        .shoppingcart-list tbody tr td.righttd {
            text-align: right;
        }

.shoppingtotal {
    width: 330px;
    float: right;
    margin: 20px 0;
    line-height: 20px;
}

    .shoppingtotal label {
        width: 225px;
        display: inline-block;
        text-align: right;
        font-weight: bold;
        padding-right: 5px;
    }

        .shoppingtotal label a {
            font-weight: normal;
            color: #6c0101;
        }

.shippingmethod {
    border-top: solid 1px #ccc;
    margin-top: 20px;
    float: right;
}

.shoppingcart-action {
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.continue-shopping {
    width: 115px;
    height: 25px;
    background: url(/content/images/continue_shopping.gif) no-repeat left top;
    border: none;
    cursor: pointer;
}

.checkout {
    width: 135px;
    height: 28px;
    background: url(/content/images/check_out.gif) no-repeat left top;
    border: none;
    cursor: pointer;
}

.emailme {
    width: 115px;
    height: 25px;
    background: url(/content/images/email-me-quote-button.gif) no-repeat left top;
    border: none;
    cursor: pointer;
}

.updatecart {
    width: 90px;
    height: 25px;
    background: url(/content/images/update_order.gif) no-repeat left top;
    border: none;
    cursor: pointer;
}

.clear {
    clear: both;
    display: block;
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #F6F0DC;
    border-radius: 4px;
}

    .breadcrumb > li {
        display: inline-block;
    }

        .breadcrumb > li a {
            color: #777;
            text-decoration: none;
        }

        .breadcrumb > li + li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/\00a0";
        }

    .breadcrumb > .active {
        color: #777777;
    }

.pinkright {
    position: fixed;
    right: 0;
    top: 200px;
}

    .pinkright img {
        width: 150px;
        margin-bottom: 20px;
    }

.footnum {
    text-align: center;
}

    .footnum a {
        color: #000;
        text-decoration: none;
    }

#search {
}

#search-wrap {
    /* margin-top: -10px; */
    width: 220px;
    /*margin-right:50px;*/
    height: 36px;
    /*margin-left: 16px;*/
    border-radius: 18px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .14);
    background-color: #FFF;
}

    #search-wrap .search-content {
        box-shadow: none;
        border: 0 none;
        outline: none;
        margin-top: 3px;
        margin-left: 18px;
        width: 98px;
        height: 30px;
    }

    #search-wrap .search-choise {
        box-shadow: none;
        border: 0 none;
        outline: none;
        margin-left: 18px;
    }

        #search-wrap .search-choise option {
            box-shadow: none;
            border: 0 none;
            outline: none;
            margin-left: 18px;
        }

    #search-wrap .search-btn {
        border: 0px;
        float: right;
        /* margin: 4px 4px 4px 0; */
        width: 66px;
        outline: none;
        height: 36px;
        border-radius: 0px 18px 18px 0px;
        background-color: #49AF4F;
        color: #FFF;
        text-align: center;
        line-height: 28px;
    }

.storewrap:after {
    content: '';
    display: block;
    clear: both;
}

.storeitem {
    width: 33%;
    float: left;
    text-align: center;
}

    .storeitem:nth-child(3n+1) {
        clear: both;
    }

.topnum {
    text-align: center;
    padding: 40px 0;
}

.toptxt {
    padding-bottom: 20px;
}

.Matrix th {
    font-size: 11px;
}

    .Matrix th.rotate div {
        white-space: nowrap;
        align-items: flex-end;
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
        /*display:inline-block;*/
        /*height:30px;*/
        /*float:left;*/
        /*width:30px;*/
    }

.filter:after {
    content: '';
    display: block;
    clear: both;
}

.filter1 {
    width: 33%;
    float: left;
}

.filter2 {
    width: 66%;
    float: left;
}

    .filter2 .form-check {
        width: 50%;
        float: left;
    }

.mg20 {
    margin: 20px 0;
}

.hidden {
    display: none;
}

.result1 tbody tr:nth-child(2n+1) td {
    background-color: LightGrey
}

.install-img {
    width: 180px;
    font-size: 0.5rem;
}

.install-text {
    width: 180px;
    font-size: 0.7rem;
}

h5 a.productline:hover {
    text-decoration: underline;
}


ul#homepage-nav {
    background: transparent url('./images/diy-pool-sub-navigation-left.png') no-repeat top left;
    list-style-type: none;
    float: left;
    height: 249px;
    width: 351px;
    padding: 5px 0 0 0;
    background-size: cover;
}

.homepage-nav-div {
    background: transparent url('./images/li/index2.png') no-repeat top left;
}

ul#homepage-nav li {
    list-style-type: none;
    display: block;
    min-height: 1.9rem;
    padding-left: 10%;
    white-space: nowrap;
    text-align: left;
}

    ul#homepage-nav li a {
        font-size: 0.8em;
        color: white;
        text-decoration: none;
        font-weight: normal;
    }

        ul#homepage-nav li a:hover {
            color: #FFFF00;
        }

img, svg {
    vertical-align: middle;
}

.li-1 {
    background: transparent url('./images/li/li-1.png') no-repeat top left;
    list-style-type: none;
    background-size: cover;
}

.li-2 {
    background: transparent url('./images/li/li-2.png') no-repeat top left;
    list-style-type: none;
    background-size: cover;
}

.li-3 {
    background: transparent url('./images/li/li-3.png') no-repeat top left;
    list-style-type: none;
    background-size: cover;
}

.li-4 {
    background: transparent url('./images/li/li-4.png') no-repeat top left;
    list-style-type: none;
    background-size: cover;
}

.li-5 {
    background: transparent url('./images/li/li-5.png') no-repeat top left;
    list-style-type: none;
    background-size: cover;
}

.li-6 {
    background: transparent url('./images/li/li-6.png') no-repeat top left;
    list-style-type: none;
    background-size: cover;
}

.li-7 {
    background: transparent url('./images/li/li-7.png') no-repeat top left;
    list-style-type: none;
    background-size: cover;
}

.li-8 {
    background: transparent url('./images/li/li-8.png') no-repeat top left;
    list-style-type: none;
    background-size: cover;
}

.li-9 {
    background: transparent url('./images/li/li-9.png') no-repeat top left;
    list-style-type: none;
    background-size: cover;
}




ul.tablet-text {
    overflow: hidden;
    list-style-type: none;
    float: left;
    padding-left: 0px;
    font-size: 0.8rem;
    line-height: 1.2em;
    text-align: left;
    padding: 12.5% 5px;
}

    ul.tablet-text li {
        display: block;
    }


div.homepage-paragraph {
    width: 80%;
    margin-left: 10%;
}

    div.homepage-paragraph p {
        text-indent: 0;
        font-size: 0.9em;
        width: 100%;
    }

.hometitle {
    height: 35px;
    background: url('./images/do-it-yourself.jpg') no-repeat left top;
    background-size: cover;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    font-family: Trebuchet MS;
    padding-left: 5%;
    box-sizing: border-box;
    line-height: 35px;
}

.mytab {
    height: 35px;
    background-color: #ff9933;
    width: 100px;
    font-weight: bold;
    color: White;
    text-decoration: none;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    cursor: pointer;
}

.mytable:hover {
    text-decoration: underline;
    color: White;
}

.mytabhover {
    background-color: #666666;
    height: 35px;
    width: 100px;
    font-weight: bold;
    color: White;
    text-decoration: none;
    text-align: center;
    padding-top: 6px;
    cursor: pointer;
}

.installationlinks a {
    text-decoration: underline;
    color: Black;
    font-weight: bold;
}

    .installationlinks a:hover {
        text-decoration: none;
        color: Black;
        font-weight: bold;
    }

/*Search box-end*/
.fix-rwd-content {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

    .fix-rwd-content .title {
        font-size: 24px;
        -webkit-margin-before: 0em;
        -webkit-margin-after: 0em;
    }

.table-sepec li {
    width: 50%;
}

    .table-sepec li a img {
        width: 100%;
    }

.catename a, .catename a:hover {
    padding-left: 3%;
    font-size: 16px;
    display: inline-block;
}

.table-safety {
    padding-left: 0;
    font-size: 1.4em;
}

.table-zipcode {
    padding-left: 0;
    font-size: 1.4em;
    padding-bottom: 18%;
}

.table-zipcode-center {
    margin: 0 auto;
    text-align: center;
}

.fix-safety-ul {
    padding-left: 4%;
}

.col-percent-83 {
    width: 100%;
}

.title {
    background: url("/content/imgs/new/musicbar.jpg");
    background-size: cover;
    height: 39px;
    width: 90%;
    margin-left: 5%;
    text-align: center;
    line-height: 39px;
    margin-bottom: 7px;
}

.info {
    width: 90%;
    margin-left: 5%;
    text-align: left;
    margin-bottom: 7px;
}


.line_gray {
    display: block;
    background: #e1dfd8;
    height: 2px;
    margin-top: 2px;
}

.line_orienge {
    display: block;
    background: #e6b111;
    height: 3px;
    margin-top: 2px;
}

.right_top {
    height: 39px;
    width: 100%;
    background: url('/content/images/GreenBar.jpg') repeat-x;
}

.line_white {
    background: #fff;
    width: 100%;
    height: 3px;
}

.line_yellow {
    background: #e6b111;
    width: 100%;
    height: 3px;
    margin-bottom: 3px;
}

.line-height-6 {
    height: 6px;
}

.img_responsive {
    width: 100%;
}

.bestseller .img_responsive {
    max-width: 336.5px;
}

.img_right {
    float: left;
    width: 48.31730769230769%;
    background: url('/content/images/BrownBoxLeft.jpg') repeat-y;
    background-size: contain;
}

.custom_click {
    width: 86.06965174129353%;
    margin: auto;
    text-align: left;
    padding-top: 15px;
}


.HarpTech {
    text-align: center;
    width: 100%;
}

.card img {
    max-width: 98%;
}

.factoryText td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

    .factoryText td a {
        text-decoration: underline;
    }

        .factoryText td a:hover {
            text-decoration: none;
        }


.main-artist {
    width: 97%;
    padding: 0 1.5%;
}

.tblArtist {
    background: url('/content/images/mid-featured.jpg') repeat-y;
    background-size: 100% 100%;
    width: 100%;
}

#artistdesc {
    text-indent: 20px;
    font-size: 12px;
}

    #artistdesc p {
        font-size: 12px;
    }

.greenheading {
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 1.3rem;
}

.arist-container {
    background-color: rgb(248, 243, 225);
    padding-top: 20px;
    padding-left: 1.25%;
    padding-right: 1.25%;
    width: 100%;
}

.howto ul li {
    line-height: 40px;
    font-size: 0.9rem;
}

/**********About International Checkout************/
.aboutic {
    font-family: Helvetica;
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
}

    .aboutic .international_image {
        float: left;
        padding-right: 15px;
        margin-right: 15px;
        background: url(/content/images/Grey-Div-Line.gif) no-repeat right top;
    }

    .aboutic span {
        font-size: 13px;
        line-height: 25px;
    }

    .aboutic .ic-step {
        padding: 10px 30px;
    }

        .aboutic .ic-step img {
            margin-top: 10px;
        }

    .aboutic .first-step {
        background: url(/content/images/Num-1.png) no-repeat left 4px;
    }

    .aboutic .second-step {
        background: url(/content/images/Num-2.png) no-repeat left 4px;
    }

    .aboutic .third-step {
        background: url(/content/images/Num-3.png) no-repeat left 4px;
    }

    .aboutic .fourth-step {
        background: url(/content/images/Num-4.png) no-repeat left 4px;
    }
/**********About International Checkout************/

.articletext {
    padding: 10px 20px 0 20px;
    text-align: left;
}

    .articletext b {
        font-size: 14px;
    }

#tblRightTop {
    width: 80%;
    margin-left: 10%;
}


.compare-title {
    height: 39px;
    width: 100%;
    text-align: center;
    line-height: 39px;
    /*background-color: #444c20;*/
    background-image: url('imgs/new/musicbar1.jpg');
}

.compare-greenheading {
    font-weight: bold;
    color: black;
}

#assets-data-table_wrapper thead {
    background-color: #5E6A2C;
    color: white;
}

.products-left {
    height: 100%;
    min-height: 1148px;
    background-size: contain;
}

.products-left1 {
    height: 100%;
    min-height: 1148px;
    background-size: contain;
}

.divCompareLink {
    margin: 0 5%;
    padding: 15px;
    border: 1px solid lightgray;
    background: linear-gradient(to bottom,#F4DD90,transparent);
    font-size: 1.5rem;
    font-weight: bold;
}

.ship-times {
    margin: 0 5%;
    background: #E4DFCC;
    margin-top: 30px;
    padding: 30px 15px;
    font-size: 1.25rem;
}

.ship-times1 {
    margin: 0 5%;
}

.ship-times2 {
    margin: 0 5%;
    background: #E4DFCC;
    margin-top: 0;
    padding: 15px;
    font-size: 1.25rem;
}

.spanNormalPrice {
    text-decoration: line-through;
}

.spanSalePrice {
    display: inline-block;
    color: #0F8703;
    font-weight: bold;
}

.red {
    color: red;
}

.rat {
    min-height: 24px;
    min-width: 20px;
}

.award_desc {
    width: 32.5%;
    float: left;
}

.divAccessoriesLinks {
    margin-left: 5%;
}

    .divAccessoriesLinks a {
        color: white;
        line-height: 1.5rem;
    }

        .divAccessoriesLinks a:hover {
            color: white;
            text-decoration: underline;
        }

.turner_item {
    /*font-family: Arial, Helvetica, sans-serif;*/
    float: left;
    padding: 8px 1% 8px 1%;
    /*width: 22%;*/
    text-align: center;
    /*height: 200px;*/
    font-size: 12px;
    /*margin-right: 1%;*/
}

    .turner_item img {
        margin-top: 5px;
    }

    .turner_item label {
        cursor: pointer;
        width: 70%;
    }

        .turner_item label b {
            text-decoration: line-through;
        }

        .turner_item label i {
            font-style: initial;
            color: #000;
            font-weight: bold;
        }

        .turner_item label span {
            display: inline-block;
            margin-top: 5px;
        }

.shopping_cart .product_image {
    height: 60px;
}

.turner_item img {
    max-width: 100%;
}

.turner_item input {
    display: none;
}

.currenttab, .turner_item:hover {
    /*background-color: #fff;*/
    box-shadow: 0px 0px 5px rgb(89,100,40);
}

.tuner-button {
    background: url('imgs/new/Add to Cart Button.png') content-box;
    width: 250px;
    height: 50px;
    background-size: 250px 50px;
    line-height: 50px;
    text-align: center;
    margin: auto;
}

.noneed {
    /*padding-top: 40px;*/
}

.choosetuner {
    height: 200px;
}

.clearbo {
    content: '';
    clear: both;
    display: block;
    margin-bottom: 10px;
}

.normaltitle1 {
    font-size: 16px;
    color: #FF0000;
    font-weight: bold;
    padding-bottom: 15px;
}

.tuner-promotion {
    text-align: center;
}

.tuner-item {
    width: 220px;
    padding: 10px;
    display: inline-block;
    color: #990000;
    font-weight: bold;
    font-size: 15px;
    font-family: arial;
    text-decoration: none;
}

    .tuner-item img {
        max-width: 100%;
        margin-bottom: 5px;
    }
/*****************************class for js*****************************/
.compaire_th {
    background: none !important;
    padding-bottom: 0px;
}

a.phonelink {
    font-size: 15px;
    color: #FF6600;
    font-weight: bold;
}

.shadowDiv {
    background-color: #BEBEBE;
}


/***************************factory***************************/
.factory-main {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.factory-title {
    padding: 5px 0px;
    font-style: italic;
    font-size: 13px;
    font-family: Arial;
}

.autoharp_item div {
    font-size: 1rem;
}

.p-qty {
    height: 1rem;
    font-size: 1rem;
    width: 60px;
    border: 1px solid;
    border-color: lightgray;
    text-align: center;
    border-radius: 5px;
    height: 1.9rem;
    background-color: #FAF5E2;
}

.p-cart {
    padding: 7px 20px;
    background-color: #F7A242;
    border-radius: 20px;
    min-width: 100px;
}

.footer-bg {
    background: url("./images/footer.gif") no-repeat top left;
    background-size: auto;
    background-size: cover;
    max-width: 1100px;
    margin: 0 auto;
}

.prodesc {
    padding: 10px;
}

.home-main {
    width: 100%;
    max-width: 670px;
    margin: 0 auto;
}

.home-history {
    line-height: 2em;
    width: 60%;
    margin-left: 3%;
    text-align: left;
    font-size: 1.4vw;
}



.h-head {
    min-height: 100px;
}

.m-top {
    margin-top: 8px;
}

.history-bg {
    background-image: linear-gradient(to right,#F6F1DD 50%,transparent),url(./imgs/new/7.jpg);
    background-repeat: repeat;
    background-position: top right;
    background-size: contain;
}

.img {
    max-width: 100%;
    margin-top: 5px;
}

.footerall {
    width: 90%;
    margin: 0 auto;
    text-align: justify;
}

.blockquote {
    box-shadow: 0 0 0.5em 0.5em rgba(0,0,0,0.3);
}

.borderbar {
    border: 2px solid;
    line-height: 39px;
    border-image: linear-gradient(to right,#E6B111,transparent,transparent) 1;
}

.f-30 {
    font-size: 30px;
}

.top-right-img {
    width: 100%;
    max-width: 300px;
}

.info table tr td ul li:first-child {
    list-style: none;
    margin-left: -18px;
}

.info table tr td ul li {
    max-width: 650px;
}

.f-r {
    float: right;
}

.img-box {
    width: 200px;
    background-color: white;
    background-image: url('../../content/imgs/new/img-box.png');
    background-size: cover;
    margin: 0 auto;
    padding: 5px;
    height: 188px;
    line-height: 188px;
    overflow: hidden;
}

    .img-box img {
        max-width: 190px;
        max-height: 158px;
    }

.f-12 {
    font-size: 12px;
}

.img-box2 {
    width: 200px;
    background-color: white;
    background-image: url('../../content/imgs/new/img-box.png');
    background-size: cover;
    margin: 0 auto;
    padding: 5px;
    height: 188px;
    line-height: 188px;
}

.a-img {
    width: 100%;
    max-width: 300px;
}

.info2 {
    width: 88%;
    margin-left: 6%;
}


    .info2 img {
        /*width: 88%;*/
    }

.music-bg {
    background-image: url('imgs/new/featured_artist_bg.png'); /*#assets-data-table tr:first-child {
    background-image: url('imgs/new/musicbar.jpg');
}*/
    background-size: cover;
    height: 245px;
    width: 325px;
    margin: auto;
}

#assets-data-table thead:first-child {
    background-image: url('imgs/new/musicbar1.jpg');
}

#assets-data-table_length {
    display: none;
}

#assets-data-table_filter {
    display: none;
}

#assets-data-table_wrapper thead {
    color: black;
}


#assets-data-table_info {
    display: none;
}

.paginate_button {
    padding: 0 !important;
    font-size: 1rem !important;
}

#assets-data-table_previous {
    font-size: 1rem;
}

#assets-data-table_next {
    font-size: 1rem;
}

#assets-data-table_paginate {
    display: none;
}

table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled, table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting_asc_disabled, table.dataTable thead > tr > td.sorting_desc_disabled {
    padding-right: 0 !important;
    padding-bottom: 20px;
}


    /*table.dataTable thead > tr > th {
    position: inherit !important;
    padding-right: 0 !important;
}*/


    /*table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::after {
		content: "" !important;
	}

	table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::after {
		position: relative;
	}



	table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::before {
		content: "" !important;
	}

	table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::after {
		content: url('imgs/new/Arrow Button.png') !important;
		top: 40px;
		display: block;
		opacity: .125;
		left: 15px;
		line-height: 9px;
		font-size: .8em;
	}

	.table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::after {
		position: relative;
	}

	table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::after {
		top: 0;
	}

	table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::after {
		content: url('imgs/new/Arrow Button-180.png') !important;
	}*/

    table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::after {
        left: 25px !important;
        content: "" !important;
    }

    table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::before {
        bottom: 50%;
        content: "" !important;
    }

#assets-data-table {
    margin-top: -7px;
    font-size: 1.4rem;
}

table.dataTable thead th {
    padding: 15px !important;
    padding-bottom: 20px !important;
}

.music-img {
    padding-left: 0.7rem;
    width: 50%;
}

    .music-img img {
        width: 100%;
    }


#assets-data-table tr th {
    line-height: 25px !important;
    text-align: center;
}

/*#assets-data-table tr th:first-child {
	background: url('imgs/new/Arrow Button-180.png') bottom 5px center no-repeat;
}*/

.bg-ac {
    background: url('imgs/new/Arrow Button-180.png') bottom 5px center no-repeat;
}

.bg-dc {
    background: url('imgs/new/Arrow Button.png') bottom 5px center no-repeat;
}


.compare-greenheading {
    font-size: 13.5px;
}

.info2 a:hover {
    text-decoration: underline;
}

#autoinfo li:first-child {
    line-height: 1.5rem;
}

#autoinfo li {
    line-height: 2.5rem;
}

.swiper-wrapper {
    min-height: 120px;
}

.swiper-slide {
    background: white;
    border: 3px solid;
    border-image-source: url('imgs/new/Related Product Area.png');
    border-image-slice: 10%;
    border-image-width: 10px;
    background-size: 100% 100%;
}

.gallery-thumbs {
    height: auto;
}

.picture {
    width: 305px;
    height: 305px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .picture img {
        vertical-align: middle;
        /*  max-width: 100% !important;*/
    }

.swiper-container {
    height: auto;
}

.font1-3 {
    font-size: 1.3rem;
}

.main-info {
    width: 94%;
    margin-left: 3%;
}

.main-info1 {
    width: 90%;
    margin-left: 5%;
}

    .main-info1 div div span {
        font-size: 2rem;
    }

#divInStock {
    border: 5px solid;
    border-image-source: url('imgs/new/In Stock Border.png');
    border-image-slice: 20%;
    border-image-width: 6px;
    background-size: 100% 100%;
    color: #0F8503;
    box-sizing: border-box;
}

.Add-to-cart-button {
    background: url('imgs/new/Add to Cart Button.png') content-box;
    width: 160px;
    height: 32px;
    background-size: 160px 32px;
    line-height: 32px;
    text-align: center;
}

.divInStock {
    border: 5px solid;
    border-image-source: url('imgs/new/In Stock Border.png');
    border-image-slice: 20%;
    border-image-width: 6px;
    background-size: 100% 100%;
    color: #0F8503;
    width: 36px;
    height: 36px;
    text-align: center;
    vertical-align: central;
    line-height: 32px;
    box-sizing: border-box;
}

.check-style-unequal-width {
    width: 12px;
    height: 24px;
    border-color: #BF0000;
    border-style: solid;
    border-width: 0 3px 5px 0;
    transform: rotate(45deg);
}

.review-button {
    background: url('imgs/new/Add to Cart Button.png') content-box;
    width: 100%;
    background-size: 100% 100%;
    text-align: center;
    font-size: 24px;
    vertical-align: central;
    max-width: 173px;
    margin: auto;
}

.image-box3 {
    border: 5px solid;
    border-image-source: url('imgs/new/In Stock Border.png');
    border-image-slice: 20%;
    border-image-width: 6px;
    background-size: 100% 100%;
    width: 90%;
    padding: 20px 0;
}

.button-product {
    border: 5px solid;
    border-image-source: url('imgs/new/In Stock Border.png');
    border-image-slice: 20%;
    border-image-width: 6px;
    background-size: 100% 100%;
    text-align: center;
}

.about-info {
    width: 225px;
    background: url('https://www.webdirectbrands.com/images/facility-gradient.jpg' ) repeat-y left;
    float: left;
    font-size: 0.7rem;
}

.m-div {
    float: left;
    text-align: center;
    margin: auto;
    width: 33.333%
}

.promotion-below {
    background-color: #E4DFCC;
    width: 90%;
    margin-left: 4%;
    text-align: left;
    padding: 0 1%;
    margin-bottom: 20px;
}

.text-bold {
    font-weight: bold;
}

.shopping-cart-img {
    /*width:100%;*/
}

.similar-product-div {
    width: 100%;
    text-align: left;
    margin-top: 15px;
}


    .similar-product-div a {
        color: Highlight;
        font-size: 1.5rem;
        text-decoration: underline;
    }

.brandname {
    display: block;
    margin-left: 0px;
}

.brand {
    color: black;
}

    .brand a {
        color: blue !important;
        text-decoration: none;
    }

        .brand a:hover {
            color: blue !important;
            text-decoration: underline;
        }

.quicklinks:after {
    content: '';
    display: block;
    clear: both;
}

.quicklinks {
    margin: 8px auto;
    padding-left: 30px;
}

    .quicklinks li {
        width: 45%;
        float: left;
        text-align: left;
        padding: 2px 0;
        list-style: outside;
    }

/*package products*/
.layer1 .rimg-name {
    max-width: 100%;
    max-height: 100%;
}

.layer2 {
    display: none;
}

.packageswiper .title {
    text-align: center;
    font-size: 13px;
    margin: 0 10px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 4px;
    font-weight: bold;
    background-image: none !important;
}

.current.layer1 .title {
    color: #000;
    border-radius: 10px;
    background: none !important;
    background: #EFCA68 !important;
    background-image: none !important;
}

.packageswiper2 {
    border: 1px solid #B9B999;
    background: rgba(255,255,255,.9);
    overflow-x: auto;
    position: absolute;
    top: 40px;
    left: 0px;
    width: 100%;
    height: calc(100% - 94px);
    display: block;
}

    .packageswiper2 > div {
        width: 23%;
    }

    .packageswiper2 .rimg-name {
        border: 0;
    }

.popup {
    display: none;
    z-index: 111;
    background: rgba(255,255,255,.9);
    height: calc(100% - 94px);
    width: 100%;
    position: absolute;
    left: 0;
    top: 40px;
}

    .popup > div {
        display: flex;
        justify-content: space-around;
        height: 100%;
        align-items: center;
    }

        .popup > div > div {
            box-sizing: border-box;
            border: 1px solid;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 10px;
        }

    .popup .t1 {
        font-size: 16px;
        margin-bottom: 4px;
        display: flex;
        justify-content: space-between;
    }

    .popup .t2 {
        font-size: 12px;
        overflow-y: auto;
    }

    .popup ul {
        padding-left: 10px;
    }

        .popup ul li {
            list-style: disc;
        }

    .popup a.go {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

.swiper-slide:first-child .rimg-name {
    border-left: solid 1px #B9B999;
}

    .swiper-slide:first-child .rimg-name img {
        margin-bottom: 5px;
    }

.rimg-name {
    border-top: solid 1px #B9B999;
    border-bottom: solid 1px #B9B999;
    border-right: solid 1px #B9B999;
    border-left: solid 1px #B9B999;
    text-align: center;
    position: relative;
    /*width: 198px;*/
    padding: 4px;
    box-sizing: border-box;
    height: 186px;
}

    .rimg-name.rimg-name-200 {
        height: 198px;
    }

    .rimg-name img {
        max-width: 186px;
        max-height: 135px;
    }


    .rimg-name span {
        position: absolute;
        width: 98%;
        bottom: 5px;
        height: 40px;
        text-align: center;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        left: 0;
    }

    .rimg-name a {
        text-decoration: none;
        font-size: 12px;
    }

.action-green {
    width: 130px;
    background-color: #B9B999;
    color: #fff;
    padding: 3px 0;
    display: block;
    margin: 5px auto;
    text-align: center;
    text-decoration: none;
}

.layer2 ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.layer2 ::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

.layer2 ::-webkit-scrollbar-thumb {
    background-color: #647250;
    border-radius: 5px;
}

    .layer2 ::-webkit-scrollbar-thumb:hover {
        background-color: #B9B999;
    }

.eventrepeat {
    width: 100%;
    overflow: hidden;
    margin: 0 0 10px 0;
}

    .eventrepeat img {
        max-width: 100%;
    }

    .eventrepeat .swiper-button-next, .eventrepeat .swiper-button-prev {
        color: #B9B999;
        width: 14px;
        height: 14px;
    }

@media (max-width:2000px) {
    .swiperWidth {
        width: 100%;
        text-align: left;
    }

    .slide11 {
        z-index: 101;
        border: 0 !important;
        background-color: transparent !important;
    }
}

@media (max-width:1000px) {
    .swiperWidth {
        text-align: left;
    }
}

@media (max-width:923px) {
    .swiperWidth {
        text-align: left;
    }
}

@media (max-width:700px) {
    .swiperWidth {
        text-align: left;
    }
}

.slide11 {
    width: 25% !important;
    z-index: 101;
    flex-shrink: 0;
}

.rimg-name a img {
    max-width: 90%;
}

@media (max-width:580px) {
    .rimg-name {
        height: 166px;
    }

        .rimg-name img {
            max-height: 105px;
        }

    .action-green {
        width: 90%;
        max-width: 130px;
        font-size: 12px;
    }
}