@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pattaya&display=swap');

@media only screen and (max-width: 767px) {
    .text-xs-left {
        text-align: left;
    }

    .text-xs-right {
        text-align: right;
    }

    .text-xs-center {
        text-align: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .text-sm-left {
        text-align: left;
    }

    .text-sm-right {
        text-align: right;
    }

    .text-sm-center {
        text-align: center;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .text-md-left {
        text-align: left;
    }

    .text-md-right {
        text-align: right;
    }

    .text-md-center {
        text-align: center;
    }
}

@media only screen and (min-width: 1200px) {
    .text-lg-left {
        text-align: left;
    }

    .text-lg-right {
        text-align: right;
    }

    .text-lg-center {
        text-align: center;
    }
}

@font-face {
    font-family: "button-icons";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/buttons/button-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/buttons/button-icons.woff") format("woff"), url("../fonts/buttons/button-icons.ttf") format("truetype"), url("../fonts/buttons/button-icons.svg#button-icons") format("svg");
}

#vol-push-cart {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 20;
    max-width: 320px;
    height: 100%;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    visibility: visible;
    background-color: white;
    color: #000;
}

#vol-push-cart:after {
    background: rgba(0, 0, 0, 0.15);
}

#vol-push-cart .vol-invisible {
    visibility: hidden;
}

#vol-push-cart .push-cart__inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: inherit;
    height: 100%;
}

#vol-push-cart .push-cart__header,
#vol-push-cart .push-cart__body,
#vol-push-cart .push-cart__footer {
    position: relative;
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

#vol-push-cart .push-cart__header,
#vol-push-cart .push-cart__footer {
    padding: 10px 15px;
}

#vol-push-cart .push-cart__header {
    background-color: inherit;
    border-bottom: 1px solid #bbbbbb;
    cursor: pointer;
}

#vol-push-cart .push-cart__header .push-cart__title {
    margin: 0;
}

#vol-push-cart .push-cart__body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0vh;
    -moz-box-flex: 1;
    -ms-flex: 1 0 0vh;
    flex: 1 0 0vh;
    overflow-y: auto;
}

#vol-push-cart .push-cart__footer {
    background-color: inherit;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-size: 14px;
    border-top: 1px solid #bbbbbb;
}

#vol-push-cart .push-cart__footer.push-cart__footer--focus-mobile {
    position: fixed;
    bottom: 0;
    z-index: 21;
    display: block;
    background-color: #fff;
    -webkit-align-self: normal;
    -ms-flex-item-align: normal;
    -ms-grid-row-align: normal;
    align-self: normal;
}

#vol-push-cart .push-cart__footer--coupon-wrap {
    background-color: #e9e9e9;
    margin-bottom: 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(12vh, #e9e9e9), to(#c9c9c9));
    background-image: -webkit-linear-gradient(#e9e9e9 12vh, #c9c9c9 100%);
    background-image: linear-gradient(#e9e9e9 12vh, #c9c9c9 100%);
    max-height: 15vh;
    -webkit-transition: 0.5s background color ease;
    transition: 0.5s background color ease;
    overflow-y: auto;
}

#vol-push-cart .push-cart__footer--trigger {
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    display: block;
    color: #3b3b3b;
}

#vol-push-cart .push-cart__footer--coupon-list {
    margin-bottom: 0;
}

#vol-push-cart .push-cart__footer .alert {
    margin-bottom: 5px;
}

#vol-push-cart .push-cart__footer__control {
    padding-top: 10px;
}

#vol-push-cart .push-cart__coupon-info,
#vol-push-cart .push-cart__coupon-text,
#vol-push-cart .push-cart__coupon-amt,
#vol-push-cart .push-cart__coupon-remove {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
}

#vol-push-cart .push-cart__coupon-item {
    padding: 5px 8px;
}

#vol-push-cart .push-cart__coupon-item:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.4);
}

#vol-push-cart .push-cart__coupon-info {
    width: 90%;
}

#vol-push-cart .push-cart__coupon-text {
    width: 70%;
}

#vol-push-cart .push-cart__coupon-amt {
    width: 30%;
    text-align: center;
}

#vol-push-cart .push-cart__coupon-remove {
    width: 10%;
    text-align: center;
}

#vol-push-cart .push-cart__coupon-remove .icon {
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(angle);
    -ms-transform: rotate(angle);
    transform: rotate(angle);
}

#vol-push-cart .push-cart__coupon .apply-coupon {
    padding: 9px 16px;
    font-weight: 400;
    border-radius: 0;
    cursor: pointer;
    -webkit-transition: 0.5s background-color ease;
    transition: 0.5s background-color ease;
}

#vol-push-cart .push-cart__checkout {
    font-weight: 700;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 49%;
}

#vol-push-cart .push-cart__item {
    position: relative;
    padding: 15px;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

#vol-push-cart .push-cart__item:not(:first-child) {
    border-top: 1px solid #eeeeee;
}

#vol-push-cart .push-cart__item:last-child {
    border-bottom: 1px solid #eeeeee;
}

#vol-push-cart .push-cart__item[data-product-code='SETUP'] {
    border-top: none;
}

#vol-push-cart .push-cart__item[data-product-code='SETUP']:hover {
    background-color: #fff;
}

#vol-push-cart .push-cart__item[data-product-code='SETUP'] .push-cart__item__title {
    pointer-events: none;
}

#vol-push-cart .push-cart__item__price {
    display: none;
}

#vol-push-cart .push-cart__item--top,
#vol-push-cart .push-cart__item--bottom {
    position: relative;
    padding: 5px 15px 5px 0;
}

#vol-push-cart .push-cart__item__img {
    max-height: 100px;
}

#vol-push-cart .push-cart__item__img-wrapper {
    width: 25%;
}

#vol-push-cart .push-cart__item__img-anchor {
    display: inline-block;
    max-width: 100%;
}

#vol-push-cart .push-cart__item__details {
    width: 75%;
    padding-right: 10px;
    padding-left: 10px;
    overflow-y: auto;
    max-height: 100px;
}

#vol-push-cart .push-cart__item__title {
    display: block;
    color: #000;
    font-weight: 700;
    margin: 0;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

#vol-push-cart .push-cart__item__options-wrapper {
    padding-top: 5px;
    padding-bottom: 5px;
}

#vol-push-cart .push-cart__item__total {
    display: inline-block;
    float: right;
    width: 55%;
    text-align: right;
}

#vol-push-cart .push-cart__remove {
    position: absolute;
    top: 0;
    right: 0;
}

#vol-push-cart .push-cart__close-menu {
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#vol-push-cart .push-cart__empty {
    text-align: center;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

#vol-push-cart .push-cart__btn {
    width: 48%;
}

#vol-push-cart .push-cart__result {
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

#vol-push-cart .push-cart__result .icon {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 16px;
    width: 15px;
    height: 15px;
}

#vol-push-cart .push-cart__result--text {
    margin: 0;
}

#vol-push-cart .push-cart__coupon {
    padding-bottom: 10px;
}

#vol-push-cart .push-cart__coupon .form-control {
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    border: 1px solid #3b3b3b;
}

#vol-push-cart .push-cart--vol-loader {
    width: 125px;
    height: 125px;
    position: absolute;
    z-index: 12;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.5s opacity ease;
    transition: 0.5s opacity ease;
}

#vol-push-cart .push-cart--vol-loader.hide-vol-loader {
    opacity: 0;
}

#vol-push-cart .push-cart--vol-loader__contents {
    position: fixed;
    text-indent: -9999em;
    border-top: 20px solid rgba(255, 255, 255, 0.4);
    border-right: 20px solid rgba(255, 255, 255, 0.4);
    border-bottom: 20px solid rgba(255, 255, 255, 0.4);
    border-left: 20px solid #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

#vol-push-cart .push-cart__body .push-cart--vol-loader {
    position: absolute;
}

#vol-push-cart .push-cart--vol-loader__contents,
#vol-push-cart .push-cart--vol-loader__contents:after {
    position: relative;
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

#vol-push-cart .vol-qty-toggle--decrement,
#vol-push-cart .vol-qty-input,
#vol-push-cart .vol-qty-toggle-increment {
    height: 30px;
}

#vol-push-cart .vol-qty-input {
    line-height: 10px;
    text-align: center;
}

#vol-push-cart .vol-qty-toggle {
    float: left;
    text-align: center;
    width: 45%;
}

#vol-push-cart .vol-qty-toggle-input {
    text-align: center;
}

#vol-push-cart .vol-qty-toggle .icon {
    width: 14px;
    height: 14px;
}

#vol-push-cart .vol-qty-toggle .input-group-addon {
    padding: 5px 8px;
    cursor: pointer;
}

#vol-push-cart .vol-qty-toggle .input-group-addon:hover {
    background-color: #c8c8c8;
}

.push-cart-open .menu-mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 15;
    width: 100%;
    height: 100%;
    background: transparent;
}

.vol-fade {
    -webkit-animation: vol-fade 0.5s forwards;
    animation: vol-fade 0.5s forwards;
}

.vol-fade-add {
    -webkit-animation: vol-fade-add 1.25s forwards;
    animation: vol-fade-add 1.25s forwards;
}

.vol-fade-remove {
    -webkit-animation: vol-fade-remove 0.65s forwards;
    animation: vol-fade-remove 0.65s forwards;
}

.vol-loading#vol-push-cart:after,
.vol-loading .page-wrap:after,
.push-cart-open .page-wrap:after {
    opacity: 1;
    visibility: visible;
    z-index: 11;
}

.page-wrap:after,
#vol-push-cart:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.35);
    content: '';
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s all ease, 0s z-index;
    transition: 0.5s all ease, 0s z-index;
    z-index: 1;
}

body.push-cart-open {
    position: fixed;
    overflow: hidden;
    height: 100%;
}

body[class*='push-cart-open'] #vol-push-cart {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

@-webkit-keyframes vol-fade-remove {
    0% {
        opacity: 1;
        overflow: hidden;
    }

    10% {
        max-height: 150px;
        opacity: 0.9;
    }

    20% {
        max-height: 130px;
        opacity: 0.8;
    }

    30% {
        max-height: 110px;
        opacity: 0.7;
    }

    40% {
        max-height: 90px;
        opacity: 0.6;
    }

    50% {
        max-height: 70px;
        opacity: 0.5;
    }

    60% {
        max-height: 50px;
        opacity: 0.4;
    }

    70% {
        max-height: 30px;
        opacity: 0.3;
    }

    80% {
        max-height: 20px;
        opacity: 0.2;
    }

    90% {
        max-height: 10px;
        opacity: 0.1;
    }

    100% {
        opacity: 0;
        max-height: 0px;
        overflow: hidden;
    }
}

@keyframes vol-fade-remove {
    0% {
        opacity: 1;
        overflow: hidden;
    }

    10% {
        max-height: 150px;
        opacity: 0.9;
    }

    20% {
        max-height: 130px;
        opacity: 0.8;
    }

    30% {
        max-height: 110px;
        opacity: 0.7;
    }

    40% {
        max-height: 90px;
        opacity: 0.6;
    }

    50% {
        max-height: 70px;
        opacity: 0.5;
    }

    60% {
        max-height: 50px;
        opacity: 0.4;
    }

    70% {
        max-height: 30px;
        opacity: 0.3;
    }

    80% {
        max-height: 20px;
        opacity: 0.2;
    }

    90% {
        max-height: 10px;
        opacity: 0.1;
    }

    100% {
        opacity: 0;
        max-height: 0px;
        overflow: hidden;
    }
}

@-webkit-keyframes vol-fade-add {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes vol-fade-add {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes vol-fade {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes vol-fade {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.btn-icon {
    font-family: 'button-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin-right: 5px;
}

.btn-icon:hover {
    text-decoration: none;
}

.btn-icon-apply:before {
    content: "\e600";
}

.btn-icon-close:before {
    content: "\e601";
}

.btn-icon-email:before {
    content: "\e602";
}

.btn-icon-photos:before {
    content: "\e603";
}

.btn-icon-plus:before {
    content: "\e604";
}

.btn-icon-question:before {
    content: "\e605";
}

.btn-icon-zoom:before {
    content: "\e608";
}

.btn-icon-recalculate:before {
    content: "\e606";
}

.btn-icon-warning:before {
    content: "\e610";
}

.icon-star:before {
    font-family: 'button-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin: 0 !important;
}

.icon-star-empty:before {
    content: "\e611";
}

.icon-star-half:before {
    content: "\e612";
}

.icon-star-full:before {
    content: "\e613";
}

.icon-free-shipping:before {
    content: "\e614";
    font-family: 'button-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin: 0 !important;
    width: auto !important;
}

.cartDiv,
.cartDiv2 {
    display: inline;
}

.soft_add_content_shadow {
    width: auto;
    max-height: 500px;
    padding: 35px 0 0;
    overflow-y: auto;
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}

.soft_add_header {
    width: auto;
    padding: 0;
    border: 0;
    background: white;
}

.soft_add_header_shadow {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
}

.soft_add_header .soft_add_span {
    font-size: 0;
}

.soft_add_header .soft_add_span:before {
    content: "Items in Cart";
    display: inline-block;
    margin-left: -25px;
    padding-top: 10px;
    left: 0;
    font-size: 16px;
}

.soft_add_content_area {
    padding: 15px;
    width: auto;
    max-height: 250px;
    overflow: auto;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: none;
}

.soft_add_content_wrapper {
    padding: 0;
    width: auto;
    border: none;
    background: none;
}

.soft_add_wrapper {
    position: fixed;
    min-width: 265px;
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
    max-height: 400px !important;
    z-index: 1100;
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto !important;
    padding: 0;
    line-height: initial;
    font-family: inherit;
    font-weight: normal;
    color: #343434;
}
table#product_reviews_description_box, table#product_reviews_description_box td {
    color: #000;
    font-size: 16px;
}

@media only screen and (min-width: 768px) {
    .soft_add_wrapper {
        max-width: 400px;
    }
}

@media only screen and (min-width: 992px) {
    .soft_add_wrapper {
        min-width: 400px;
        top: 15% !important;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.ie8 .soft_add_wrapper {
    border: 1px solid #eee;
}

.soft_add_wrapper .cart_table .icon {
    width: auto;
    height: auto;
}

.soft_add_wrapper ul.anchored-cart {
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    border-collapse: collapse;
}

.soft_add_wrapper li {
    display: table-row;
    width: auto;
    margin: 0;
    overflow: hidden;
    vertical-align: middle;
    text-align: left;
}

.soft_add_wrapper li.product-row:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.soft_add_wrapper li img {
    max-width: 55px !important;
}

@-webkit-keyframes recently-added-fadeout {
    0% {
        background-color: rgba(0, 0, 0, 0.1);
    }

    80% {
        background-color: rgba(0, 0, 0, 0.1);
    }

    100% {
        background-color: transparent;
    }
}

@keyframes recently-added-fadeout {
    0% {
        background-color: rgba(0, 0, 0, 0.1);
    }

    80% {
        background-color: rgba(0, 0, 0, 0.1);
    }

    100% {
        background-color: transparent;
    }
}

.soft_add_wrapper li.recently-added {
    -webkit-animation-name: recently-added-fadeout;
    animation-name: recently-added-fadeout;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    background-color: transparent;
}

.soft_add_wrapper li div {
    font-size: 14px;           /*** was 12 ***/
    width: 100%;
}

.soft_add_wrapper .product-row * {
    font-size: 14px;
    line-height: 1.428571429;
}

.soft_add_wrapper .product-image {
    display: table-cell;
    width: 55px;
    padding: 10px 4px 10px 10px;
}

.soft_add_wrapper .product-detail {
    display: table-cell;
    padding: 10px 5px;
    vertical-align: top;
}

.soft_add_wrapper .product-name {
    display: block;
}

.soft_add_wrapper .product-name a {
    color: #343434;
    font-size: 14px;    /**** was 12 ****/
    font-weight: bold;
    word-break: break-word;
}

@media only screen and (min-width: 992px) {
    .soft_add_wrapper .product-name a {
        font-size: 14px;
    }
}

.soft_add_wrapper .product-options a {
    color: #343434;
    font-size: 14px;   /**** was 12 ****/
    font-weight: normal;
    word-break: break-all;
    pointer-events: none;
}

.soft_add_wrapper .product-qty,
.soft_add_wrapper .product-qty .quantity_text {
    display: block;
    color: #343434;
}

.soft_add_wrapper .product-qty .quantity_text {
    display: inline;
}

.soft_add_wrapper .product-price {
    display: table-cell;
    padding: 8px 8px 10px 0;
    vertical-align: middle;
    text-align: right;
    color: #343434;
    font-size: 14px;
}

.soft_add_wrapper .product-remove {
    display: table-cell;
    vertical-align: middle;
    padding-right: 5px;
}

.soft_add_wrapper .product-remove .aremove {
    background: none;
    margin-left: 15px;
    font-size: 0;
    text-indent: unset;
    color: #000;
}

.soft_add_wrapper .product-remove .aremove:before {
    display: table-cell;
    content: "\e601";
    font-family: button-icons;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    text-transform: none;
    line-height: 1;
    font-variant: normal normal;
}

.soft_add_wrapper .soft_add_sub_total {
    padding: 4px 20px 0;
    height: 24px;
    background: none;
}

.soft_add_wrapper .sub_total {
    color: #343434;
    font-size: 14px;     /**** was 12 ****/
}

.soft_add_wrapper span.sub_total_amount {
    color: #343434;
    font-size: 14px;
}

.soft_add_wrapper .soft_add_action_area {
    clear: both;
    height: auto;
    overflow: hidden;
    padding: 15px;
    position: relative;
    border-top: none;
    background: none;
}

.soft_add_wrapper .check_out,
.soft_add_wrapper .continue_shopping {
    overflow: hidden;
    position: static;
    display: inline-block;
    width: 48%;
    float: right;
    height: 45px;
    margin: 0 auto;
    padding: 1px 20px 0;
    border: 1px solid black;
    border-radius: 0px;
    line-height: 43px;
    /* font-family: "Quattrocento", serif; */
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 14px;
    font-weight: bold;
    background: #000;
    color: #fff;
    text-align: center;
    text-indent: 0;
    text-decoration: none;
}

.soft_add_wrapper .check_out:hover,
.soft_add_wrapper .continue_shopping:hover {
    background-color: black;
    border-color: black;
    color: #fff;
    text-decoration: none;
}

.soft_add_wrapper .continue_shopping {
    float: left;
    padding: 0 10px;
    background: #666;
    border-color: #666;
    text-transform: capitalize;
}

.soft_add_wrapper .continue_shopping:hover {
    background-color: #4d4d4d;
    border-color: #474747;
}

.soft_add_wrapper .close_btn,
.soft_add_wrapper .close_btn:link,
.soft_add_wrapper .close_btn:visited,
.soft_add_wrapper .close_btn:focus,
.soft_add_wrapper .close_btn:hover,
.soft_add_wrapper .close_btn:active {
    background: none;
    z-index: 200;
    text-indent: initial;
    font-size: 0;
    top: 8px;
    right: 12px;
}

.soft_add_wrapper .close_btn {
    color: #000;
}

.soft_add_wrapper .close_btn:hover {
    color: black;
}

.soft_add_wrapper .close_btn:before {
    content: "\e609";
    display: inline-block;
    font-size: 16px;
    font-family: 'button-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

/* MOBILE STYLINGS */
/* the soft add to cart hides after a couple seconds unless your cursor hovers over it;
mobile devices do not have a cursor, carts with several items could become frustrating to view
shows: only the name, picture, and text "added to cart" of item which was added; hides: details, price, and remove link*/
@media only screen and (max-width: 991px) {
    .touch-device .soft_add {
        /* cart title */
    }

    .touch-device .soft_add_span:before {
        content: "Cart" !important;
    }

    .touch-device .soft_add_content_area {
        min-height: auto;
        /* hide all products without .recently-added class */
    }

    .touch-device .soft_add_content_area li:not(.recently-added) {
        display: none;
        border: none;
    }

    .touch-device .soft_add_content_area li.recently-added {
        display: block;
        background: white;
    }

    .touch-device .soft_add_content_area li .product-detail,
    .touch-device .soft_add_content_area li .product-price,
    .touch-device .soft_add_content_area li .product-remove {
        display: none;
    }

    .touch-device .soft_add_content_area li .product-image {
        display: block;
        width: 100%;
        padding: 0;
    }

    .touch-device .soft_add_content_area li .product-image:after {
        content: "Added to Cart";
        font-size: 14px;
        font-weight: bold;
        margin-left: 20px;
    }

    .touch-device .soft_add_wrapper .check_out,
    .touch-device .soft_add_wrapper .continue_shopping {
        font-size: 14px;
    }
}

.vol-logo {
    width: 100%;
    text-align: center;
    /* Text Logo Styling goes here */
    /* Graphic Logo Styling goes here */
}

@media only screen and (max-width: 991px) {
    .vol-logo {
        padding-bottom: 15px;
    }
}

.vol-logo meta[itemprop="name"]+a {
    word-break: break-word;
    letter-spacing: .25ex;
}

.vol-logo meta[itemprop="name"]+a:not(#homepage_title) {
    background-image: url("../images/template/header_bg.jpg");
    font-size: 0;
    background-size: 0;
}

.vol-logo meta[itemprop="name"]+a:not(#homepage_title) img {
    margin: 0 auto;
}

/* Asssume no left nav until JS verifies */
html:not(.has-sidebar) .sidebar-wrapper,
html.shoppingcart .sidebar-wrapper,
html.onepagecheckout .sidebar-wrapper {
    display: none;
}

html:not(.has-sidebar) .content_area-wrapper,
html.shoppingcart .content_area-wrapper,
html.onepagecheckout .content_area-wrapper {
    width: 100%;
}

/* Shows the product image enlarge modal's nav arrows at all times. */
.productdetails #sb-nav #sb-nav-next,
.productdetails #sb-nav #sb-nav-previous {
    opacity: 1;
}

header .soft_add_wrapper * {
    line-height: normal;
}

.vnav__item>.vnav__link:not(:hover):not(.vnav__link--active) .icon[class*="menu-expand-"] {
    color: #777777;
}

@media only screen and (min-width: 1200px) {
    .sidebar-wrapper {
        padding-right: 30px;
    }
}

.sidebar-wrapper .sidebar .menu-title {
    padding: 10px 15px;
}

.vol-scroll-top.vol-active {
    opacity: 0.6;
}

.vol-scroll-top.vol-active:hover {
    opacity: 1;
}

.home #vSlider .owl-nav .btn-prev,
.home #vSlider .owl-nav .btn-next {
    padding: 6px;
    width: 25px;
    height: 40px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0;
}

@media only screen and (min-width: 768px) {

    .home #vSlider .owl-nav .btn-prev,
    .home #vSlider .owl-nav .btn-next {
        padding: 12px;
        width: 45px;
        height: 70px;
    }
}

.home #vSlider .owl-nav .btn-prev svg,
.home #vSlider .owl-nav .btn-next svg {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
}

.home #vSlider .owl-nav .btn-prev {
    left: 0;
}

.home #vSlider .owl-nav .btn-next {
    right: 0;
    left: auto;
}

.home #vSlider .owl-nav .btn-prev,
.home #vSlider .owl-nav .btn-next,
.home #vSlider .owl-dots .owl-dot span {
    cursor: pointer;
}

.home #content_area img[src*="images/homepage/FeaturedProducts.gif"]+br+table:before {
    content: 'Customer Favorites';
}

.home .v-product-grid {
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (min-width: 768px) {
    .home .v-product-grid {
        max-width: 750px;
    }
}

@media only screen and (min-width: 992px) {
    .home .v-product-grid {
        max-width: 970px;
    }
}

@media only screen and (min-width: 1200px) {
    .home .v-product-grid {
        max-width: 1170px;
    }
}

#fpslider {
    padding: 15px 25px 30px;
}

@media only screen and (min-width: 768px) {
    #fpslider {
        padding-right: 45px;
        padding-left: 45px;
    }
}

#fpslider .owl-item {
    padding: 5px;
}

#content_area #fpslider .owl-item .image img {
    max-height: 300px;
    width: auto;
    margin-right: auto;
    margin-left: auto;
}

#fpslider .owl-nav .arrow-prev,
#fpslider .owl-nav .arrow-next {
    padding: 5px;
    width: 25px;
    height: 40px;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}

@media only screen and (min-width: 768px) {

    #fpslider .owl-nav .arrow-prev,
    #fpslider .owl-nav .arrow-next {
        padding: 9px;
        width: 45px;
        height: 72px;
        font-size: 27px;
        line-height: 54px;
    }
}

#fpslider .owl-nav .arrow-prev {
    right: 100%;
    left: auto;
}

#fpslider .owl-nav .arrow-next {
    left: 100%;
    right: auto;
}

#fpslider .owl-dots .owl-dot span {
    cursor: pointer;
}

/***************************************/
/*********************  Custom CSS ****************************/
/**********************************************************/


/***************************************************************************/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
ul,
li {
    border: 0 none;
    list-style: none outside none;
    margin: 0;
    outline: medium none !important;
    padding: 0;
    font-family: 'Barlow Semi Condensed', sans-serif;
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
}

img,
a img {
    border: medium none;
}

.clear {
    border: medium none;
    clear: both;
    float: none;
    height: 1px;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none !important;
    transition: all 0.4s ease;
    color: #010f3a;
}

a:hover {
    text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #535353;
    font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    padding-bottom: 10px;
}

h1 {
    font-size: 37px;
    color: #000;
}

h2 {
    font-size: 25px;
    color: #000;
}

h3 {
    font-size: 27px;
    color: #000;
}

h4 {
    font-size: 24px;
    color: #000;
}

h5 {
    font-size: 19px;
    color: #000;
}

h6 {
    font-size: 17px;
    color: #000;
}

p {
    font-size: 15px;
    line-height: 20px;
    color: #000;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

body {
    font-family: 'Barlow Semi Condensed', sans-serif;
    background-image: url('/v/vspfiles/assets/images/bodybg.jpg'), url('/v/vspfiles/assets/images/bodybg2.jpg');
    background-repeat: no-repeat, repeat;
    background-position: center top;
    font-size: 16px;
}

.category #divWaitModal+table>tbody>tr:first-child a,
.category #divWaitModal+table>tbody>tr:first-child b {
    font-size: 16px;
}


*,
:after,
:before {
    box-sizing: border-box;
}

.container {
    width: 1250px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
}

/***************************************************************************/
.headerTopInner {
    border-radius: 70px;
    padding: 20px;
    position: relative;
    margin-top: 20px;
    background-image: url('/v/vspfiles/assets/images/headerBg.jpg');
    box-shadow: 0 5px 5px #867253;
    position: relative;
    z-index: 1;
}

.headerTopInnerText {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 4px solid #010f3a;
    border-radius: 70px;
    padding: 12px 50px;
}

.headerCart {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.mobPhoneNo {
    display: none;
}

.headerTopInnerText .phoneNo {
    font-size: 30px;
    font-weight: 600;
    text-shadow: 3px 3px #000;
    position: relative;
    width: 25%;
    text-align: right;
    z-index: 1;
}

.headerTopInnerText .phoneNo a {
    color: #fff;
}

.headerTopInnerText a:hover {
    text-shadow: none !important;
}

.headerCart a.myAccount {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    border-right: 2px solid #fff;
    line-height: 30px;
    margin-right: 40px;
    padding-right: 40px;
    text-shadow: 3px 3px #000;
    box-shadow: 2px 0px #000;
}

.mobLogo {
    display: none;
}

.logo {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    background-image: url("/v/vspfiles/assets/images/logobg.png");
    background-repeat: no-repeat;
    background-position: top 20px center;
}

.logo:after {
    position: absolute;
    content: '';
    height: 14px;
    width: 14px;
    bottom: 25px;
    background-image: url('/v/vspfiles/assets/images/star1.png');
    left: 10px;
    right: 0;
    margin: auto;
}

.logo a {
    width: 366px;
    margin: 0 auto;
    display: block;
}

.headerMiddle {
    /* background-color: rgba(166, 153, 131,0.7); */
    background-color: rgb(156 141 116 / 70%);
    padding-top: 54px;
    padding-bottom: 12px;
    margin-top: -46px;
    position: relative;
}

.headerMiddle:before {
    position: absolute;
    content: '';
    height: 30px;
    left: 0;
    width: 255px;
    background-image: url('/v/vspfiles/assets/images/starBarRight.png');
    background-repeat: repeat-x;
    background-position: right center;
    bottom: 10px;
}

.headerMiddle:after {
    position: absolute;
    content: '';
    height: 30px;
    right: 0;
    width: 255px;
    background-image: url('/v/vspfiles/assets/images/startBarLeft.png');
    background-repeat: repeat-x;
    bottom: 10px;
    background-position: left center;
}

.headerMiddleInner {
    display: flex;
    justify-content: space-between;
    font-size: 27px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    z-index: 2;
}

.headerMiddleLeft {
    color: #010f3a;
    text-shadow: 2px 2px #4a82b8;
    letter-spacing: 2px;
    width: 35%;
    text-align: right;
}

.headerMiddleright {
    color: #010f3a;
    text-shadow: 2px 2px #4a82b8;
    letter-spacing: 2px;
    width: 35%;
    text-align: left;
}

.headerMainInner {
    /* display: flex; */
    margin-top: 20px;
    margin-bottom: 20px;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
}

.mainMenu ul {
    display: flex;
}

.mainMenu {
    letter-spacing: 1px;
    text-align: center;
    border-radius: 2px;
    margin-top: 10px;
}

.mainMenu ul li {
    /* display: inline-block; */
    width: 20%;
    border-radius: 60px;
    margin: 0 6px;
    box-shadow: 0px 4px 0px 0px #908672;
}
/******************* MAIN MENU BUTTON TEXT *******************/
.mainMenu ul li a {
    color: #fff;
    display: flex;
    padding: 2px 0;
    font-size: 25px;
    font-family: 'Pattaya', sans-serif;
    text-shadow: 2px 2px #000;
    justify-content: center;
}

.mainMenu ul li a:hover {
    background-color: #fff;
    color: #0443a5;
    text-shadow: none;
}
/********************* KLASSIC KEYLESS BUTTON OUTER ****************/
.mainMenu ul li.menukeyless {
    background-color: #0443a5;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 0px;
}
/********************* KLASSIC KEYLESS BUTTON INNER ****************/
.klassicKeyless {
    border: 3px solid #000;
    border-radius: 60px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 0px;
    margin: 8px;
}

.mainMenu ul li.menuAccessories {
    background-color: #0443a5;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 0px;
}

.autoAccessories {
    border: 3px solid #000;
    border-radius: 60px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 0px;
    margin: 8px;
}

.mainMenu ul li.menuInformation {
    background-color: #0443a5;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 0px;
}

.Information {
    border: 3px solid #000;
    border-radius: 60px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 0px;
    margin: 8px;
}
/************************* PARTS BUTTONS ADDED 3.29 ****************************************************/

.partsMenu ul {
    display: flex;
}

.partsMenu {
    letter-spacing: 1px;
    text-align: center;
    border-radius: 2px;
    margin-top: 10px;   
   /* margin-left: 5px;  */   
}

.partsMenu ul li {
    /* display: inline-block; */
    /* width: 20%;   */            /***** removed fixed width for these buttons ******/
    border-radius: 60px;
    margin: 6px;
    box-shadow: 0px 4px 0px 0px #908672;
}
/******************* PARTS MENU BUTTON TEXT *******************/
.partsMenu ul li a {
    color: #fff;
    display: flex;
    padding: 2px 0;
    font-size: 22px;           /**** changed from 25 ****/
    font-family: 'Pattaya', sans-serif;
    text-shadow: 2px 2px #000;
    justify-content: center;
}

.partsMenu ul li a:hover {
    background-color: #fff;
    color: #0443a5;
    text-shadow: none;
}
/********************* MISC HARDWARE OUTER ***********************/
.partsMenu ul li.menuMiscellaneoushardware {
    background-color: #0443a5;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0px;
}
/********************* MISC HARDWARE BUTTON INNER ****************/
.Miscellaneoushardware {
    border: 3px solid #000;
    border-radius: 60px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0px;
    margin: 8px;
}
.partsMenu ul li.menuMiscellaneoushardwarehighlighted {
    background-color: #0443a5;
    color: #ffffff;
    text-shadow: none;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0px;
}
.Miscellaneoushardwarehighlighted {
    color: #ffffff;
    background-color: #0443a5;           /**** highlighted background ****/
    border: 3px solid #ffffff;           /**** white border *****/
    border-radius: 60px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0px;
    margin: 8px;
}
/******************** ELECTRICAL CONNECTORS OUTER ****************/
.partsMenu ul li.menuElectricalconnectors {
    background-color: #0443a5;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 0px;
}

.Electricalconnectors {
    border: 3px solid #000;
    border-radius: 60px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 0px;
    margin: 8px;
}
.partsMenu ul li.menuElectricalconnectorshighlighted {
    background-color: #0443a5;
    color: #ffffff;
    text-shadow: none;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0px;
}
.Electricalconnectorshighlighted {
    color: #ffffff;
    background-color: #0443a5;           /**** highlighted background ****/
    border: 3px solid #ffffff;           /**** white border *****/
    border-radius: 60px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0px;
    margin: 8px;
}
/******************** ACTUATOR ROD CLIPS **********************/
.partsMenu ul li.menuActuatorrodclips {
    background-color: #0443a5;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0px;
}

.Actuatorrodclips {
    border: 3px solid #000;
    border-radius: 60px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0px;
    margin: 8px;
}
.partsMenu ul li.menuActuatorrodclipshighlighted {
    background-color: #0443a5;
    color: #ffffff;
    text-shadow: none;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0px;
}
.Actuatorrodclipshighlighted {
    color: #ffffff;
    background-color: #0443a5;           /**** highlighted background ****/
    border: 3px solid #ffffff;           /**** white border *****/
    border-radius: 60px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0px;
    margin: 8px;
}
/***************************************** END OF PARTS BUTTONS ********************************/

/************************* AUTO ACCESSORIES ADDED 3.29 ****************************************************/

.autoMenu ul {
    display: flex;
}

.autoMenu {
    letter-spacing: 1px;
    text-align: center;
    border-radius: 2px;
    margin-top: 10px;   
   /* margin-left: 5px;  */   
}

.autoMenu ul li {
    /* display: inline-block; */
    /* width: 20%;   */            /***** removed fixed width for these buttons ******/
    border-radius: 60px;
    margin: 6px;
    box-shadow: 0px 4px 0px 0px #908672;
}
/******************* PARTS MENU BUTTON TEXT *******************/
.autoMenu ul li a {
    color: #fff;
    display: flex;
    padding: 2px 0;
    font-size: 22px;           /**** changed from 25 ****/
    font-family: 'Pattaya', sans-serif;
    text-shadow: 2px 2px #000;
    justify-content: center;
}

.autoMenu ul li a:hover {
    background-color: #fff;
    color: #0443a5;
    text-shadow: none;
}
/********************* MISC HARDWARE OUTER ***********************/
.autoMenu ul li.menuShowBoards {
    background-color: #0443a5;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0px;
}
/********************* MISC HARDWARE BUTTON INNER ****************/
.ShowBoards {
    border: 3px solid #000;
    border-radius: 60px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0px;
    margin: 8px;
}
.autoMenu ul li.menuShowBoardshighlighted {
    background-color: #0443a5;
    color: #ffffff;
    text-shadow: none;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0px;
}
.ShowBoardshighlighted {
    color: #ffffff;
    background-color: #0443a5;           /**** highlighted background ****/
    border: 3px solid #ffffff;           /**** white border *****/
    border-radius: 60px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0px;
    margin: 8px;
}
/******************** SHO IT OUTER ****************/
.autoMenu ul li.menuShoIt {
    background-color: #0443a5;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 0px;
}

.ShoIt {
    border: 3px solid #000;
    border-radius: 60px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 0px;
    margin: 8px;
}
.autoMenu ul li.menuShoIthighlighted {
    background-color: #0443a5;
    color: #ffffff;
    text-shadow: none;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0px;
}
.ShoIthighlighted {
    color: #ffffff;
    background-color: #0443a5;           /**** highlighted background ****/
    border: 3px solid #ffffff;           /**** white border *****/
    border-radius: 60px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0px;
    margin: 8px;
}

/***************************************** END OF AUTO BUTTONS ********************************/


/************* CODE TO PLACE IMAGES IN GALLERY **************/
.gallery {
    padding: 5px 5px;
    float: left;
    width: 33%;
    filter: drop-shadow(5px 5px 5px #1f1f1f69);

    border-radius: 4px;
    /*   display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 10px;  */

}

/****************************************** search bar ******************************************/
.searchForm {
    margin-top: 18px;
}

.searchForm .search-bar {
    border: 3px solid #010f3a;
    border-radius: 35px;
    max-width: 97%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    box-shadow: 0 3px #888171;
}

.searchForm .search-bar input {
    border: none;
    width: 1130px;
    height: 45px;
    padding-left: 15px;
    color: #010f3a;
    background-color: transparent;
    padding: 0 25px;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Barlow Semi Condensed', sans-serif;
}

.searchForm .search-bar button {
    width: 70px;
    height: 45px;
    border: none;
    background-image: url("/v/vspfiles/assets/images/searchicon.png");
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center;

}

.searchForm .search-bar input::placeholder {
    font-size: 23px;
    color: #010f3a;
    font-weight: 600;
}

.contentSectionInner {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    position: relative;
    padding-bottom: 20px;
}

.contentRightArea {
    flex: auto;
    width: 79.2%;
    padding-left: 20px;
    height: 100%;
}

.contentSidebar {
    width: 20.8%;
    padding-left: 40px;
}

.contentSectionInner:after {
    position: absolute;
    content: '';
    left: 20px;
    right: -20px;
    top: 0;
    bottom: 0;
    background-image: url('/v/vspfiles/assets/images/productbrownbg.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    z-index: -1;
}

.searchByForm {
    margin-right: -10px;
}

.searchByForm select {
    display: block;
    width: 100%;
    font-size: 15px;
    color: #02296f;
    font-family: 'Barlow Semi Condensed', sans-serif;
    background-image: url('/v/vspfiles/assets/images/listhover.jpg');
    border-radius: 50px;
    border: none;
    box-shadow: 0 2px 3px #baa987;
    margin-bottom: 15px;
    padding: 8px 13px;
    font-weight: 500;
    appearance: none;
}

.selectBox {
    position: relative;
}

.selectBox:after {
    position: absolute;
    content: '';
    height: 22px;
    width: 22px;
    background-image: url('/v/vspfiles/assets/images/selectdropdown.png');
    background-repeat: no-repeat;
    right: 10px;
    top: 8px;
    pointer-events: none;
}

.filterByBtn {
    background-image: url('/v/vspfiles/assets/images/selecticon.png');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border: none;
    background-color: transparent;
    box-shadow: 2px 2px 1px #baa987;
    border-radius: 50px;
    cursor: pointer;
}

.sidebarBoxes {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sidebarBox.sidebarBoxCata {
    height: 100%;
    margin-bottom: 0;
    padding-bottom: 55px;
}

.sidebarBox {
    background-image: url('/v/vspfiles/assets/images/whitedots.jpg');
    margin-bottom: 20px;
    border-radius: 35px;
    border-top-right-radius: 0;
    padding: 10px 10px 15px 0;
    position: relative;
}

.sidebarBox:before {
    position: absolute;
    content: '';
    height: 14px;
    width: 14px;
    top: 5px;
    right: 5px;
    background-image: url('/v/vspfiles/assets/images/star1.png');
    background-repeat: no-repeat;
}

.sidebarBox:after {
    position: absolute;
    content: '';
    bottom: 25px;
    height: 18px;
    width: 190px;
    background-image: url('/v/vspfiles/assets/images/startBarLeft.png');
    background-repeat: no-repeat;
    background-position: left;
    right: 0;
}

.sidebarInner {
    margin-left: -20px;
}

.sidebarBox h5 {
    background-image: url('/v/vspfiles/assets/images/headerBg.jpg');
    color: #fff;
    padding: 5px;
    font-size: 25px;
    font-family: 'Pattaya', sans-serif;
    text-shadow: 2px 2px #000;
    justify-content: center;
    border-radius: 50px;
    border-bottom-right-radius: 0;
    box-shadow: 0px 3px 3px 0px #908672;
    margin-bottom: 15px;
}

.sidebarInner h5 span {
    border: 3px solid #000;
    border-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0px;
    padding: 5px 0 5px 25px;
    display: inline-block;
    width: 100%;
    font-family: 'Pattaya', sans-serif;
}

.sidebarInner ul.vnav.vnav--vertical.vnav--level1 {
    display: block;
}

.sidebarInner ul.vnav.vnav--vertical.vnav--level1 ul.vnav.vnav__subnav.vnav--level2 {
    min-width: 220px;
    padding-right: 0;
    background: url('/v/vspfiles/assets/images/whitedots.jpg');
    border: 1px solid #ccc;
    border-radius: 5px;
}

.sidebarInner ul li a {
    font-size: 16px;
    color: #010f3a;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0;
    text-align: left;
    padding: 8px 0 8px 30px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    transition: none;
}

.sidebarInner ul li {
    margin-bottom: 4px;
    background: none !important;
}

.sidebarInner ul li:hover>a,
.sidebarInner ul li .vnav__link--active {
    background-image: url('/v/vspfiles/assets/images/listhover.jpg');
    box-shadow: 0 2px 3px #baa987;
}
/**************** BANNER CALLOUT used all over website **************/
.banner {
    font-size: 16px;                    /**** added 4.3 ******/
    padding: 10px;
    background: #faf9f5;              /**** added 4.3 *****/
    border-radius: 35px;
    border-top-left-radius: 0;
    margin-bottom: 20px;
    border: 1px solid #bfac8e73;      /**** added 4.3 ****/
    box-shadow: 2px 3px 3px #bfac8e;
}

.banner img {
    border-radius: 25px;
    border-top-left-radius: 0;
}

/*************************** FEATURED CATEGORIES CONTROL ***********************************/
.featuredCategories {
    background-image: url('/v/vspfiles/assets/images/whitedots.jpg');
    padding: 20px 20px 0;
    border-radius: 35px;
    border-top-left-radius: 0;
    position: relative;
}

.bannerArea:after {
    position: absolute;
    content: '';
    height: 20px;
    left: 0;
    right: 0;
    bottom: 22px;
    background-image: url('/v/vspfiles/assets/images/starBarRight.png');
    background-repeat: no-repeat;
}

/*************** LEVEL 1 ******************/
.featuredCataBoxes {
    display: flex;
    flex-wrap: wrap;
}

.featuredCataBoxes {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
}
/*************** LEVEL 2 ******************/
.featCataBox {
    width: 25%;
    padding-left: 20px;
    margin-bottom: 30px;
    position: relative;
}

.featCataBox:before {
    position: absolute;
    content: '';
    right: -3px;
    top: -4px;
    height: 14px;
    width: 14px;
    background-image: url('/v/vspfiles/assets/images/star1.png');
}
/*************** LEVEL 3 ******************/
.featCataBoxInner:hover {
    transform: scale(1.02);
}

.featCataBoxInner .featImgShadow {
    background-image: url('/v/vspfiles/assets/images/listhover.jpg');
    border-top-right-radius: 35px;
    padding: 10px;
}
/*************** LEVEL 4 ******************/
.featImgShadow {
    padding-bottom: 10px;
    position: relative;
}

.featImgShadow:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: -18px;
    height: 28px;
    background-image: url('/v/vspfiles/assets/images/imgShadow.png');
    background-repeat: no-repeat;
    background-position: center bottom;
}
/*************** LEVEL 5 IMAGE CONTROL ******************/
.featImg {
    border-top-right-radius: 25px;
    overflow: hidden;
    background: #fff;
    min-height: 186px;
    position: relative;
}

.featImg:before {
    position: absolute;
    content: '';
    box-shadow: 0 40px 30px -25px inset #6088c5;    /***** SHADOW BLUE ON IMAGE ******/
    width: 100%;
    top: 0;
    bottom: 0;
}

.featImg img {
    width: 100%;
}
/*************** CATEGORY STAR IMAGE ******************/
.categoryStar {
    position: relative;
}

.categoryStar img {
    margin: -25px auto 0;
}
/*************** CATEGORY TITLE ******************/
.featCataTitle {
    background-image: url('/v/vspfiles/assets/images/buttonbg.png');
    margin: 0;
    padding: 10px 0 15px;
    background-repeat: no-repeat;
    text-align: center;
}

.featCataTitle h5 {
    color: #eeeeee;
    font-size: 20px;
    font-family: 'Pattaya', sans-serif;
    text-shadow: 2px 2px #000;
    padding-bottom: 18px;
}
/******************************* END BENEFIT CATEGORIES **************************/

/*************************** KEYLESS OVERVIEW Page IMAGE CONTROL ***********************************/
.keylessCategories {
    background-image: url('/v/vspfiles/assets/images/whitedots.jpg');
    padding: 20px 20px 0;
    border-radius: 35px;
    border-top-left-radius: 0;
    position: relative;
}
/***
.bannerArea:after {
    position: absolute;
    content: '';
    height: 20px;
    left: 0;
    right: 0;
    bottom: 22px;
    background-image: url('/v/vspfiles/assets/images/starBarRight.png');
    background-repeat: no-repeat;
}   ***/

/*************** LEVEL 1 ******************/
.keylessCataBoxes {
    display: flex;
    flex-wrap: wrap;
}

.keylessCataBoxes {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
}
/*************** LEVEL 2 ******************/
.keyCataBox {
    width: 25%;
    padding-left: 20px;
    margin-bottom: 30px;
    position: relative;
}

.keyCataBox:before {
    position: absolute;
    content: '';
    right: -3px;
    top: -4px;
    height: 14px;
    width: 14px;
    background-image: url('/v/vspfiles/assets/images/star1.png');
}
/*************** LEVEL 3 ******************/
.keyCataBoxInner:hover {
    transform: scale(1.02);
}

.keyCataBoxInner .keyImgShadow {
    background-image: url('/v/vspfiles/assets/images/listhover.jpg');
    border-top-right-radius: 35px;
    padding: 10px;
}
/*************** LEVEL 4 ******************/
.keyImgShadow {
    padding-bottom: 10px;
    position: relative;
}

.keyImgShadow:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: -18px;
    height: 28px;
    background-image: url('/v/vspfiles/assets/images/imgShadow.png');
    background-repeat: no-repeat;
    background-position: center bottom;
}
/*************** LEVEL 5 IMAGE CONTROL ******************/
.keyImg {
    border-top-right-radius: 25px;
    overflow: hidden;
    background: #fff;
    min-height: 186px;
    position: relative;
}

.keyImg:before {
    position: absolute;
    content: '';
 /*   box-shadow: 0 40px 30px -25px inset #6088c5;  */  /***** SHADOW BLUE ON IMAGE ******/
    width: 100%;
    top: 0;
    bottom: 0;
}

.keyImg img {
    width: 100%;
}
/*************** CATEGORY STAR IMAGE ******************/

/*************** CATEGORY TITLE ******************/
.keyCataTitle {
    background-image: url('/v/vspfiles/assets/images/buttonbg.png');
    margin: 0;
    padding: 10px 0 15px;
    background-repeat: no-repeat;
    text-align: center;
}
.keyCataTitle {
    background-size: 100% 100%;
    background-position: 100%;
}
.keyCataTitle h5 {
    color: #eeeeee;
    font-size: 20px;
    font-family: 'Pattaya', sans-serif;
    text-shadow: 2px 2px #000;
    padding-bottom: 18px;
}
/******************************* END 262 PAGE IMAGES **************************/

.promotionalTextSection {
    margin: 35px 0;
    background-image: url('/v/vspfiles/assets/images/headerBg.jpg');
    border-radius: 50px;
    padding: 5px;
}

.promotionalTextInner {
    border: 5px solid;
    border-radius: 50px;
}

.promotionalTextInner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    padding: 2px 15%;
    background-image: url('/v/vspfiles/assets/images/stardoublebar.png'), url('/v/vspfiles/assets/images/stardoublebarright.png');
    background-repeat: no-repeat;
    background-position: center left 8%, center right 8%;
}

.promotionalTextInner ul li {
    width: 33.33%;
    text-align: center;
    color: #eeeeee;
    font-size: 20px;
    font-family: 'Pattaya', sans-serif;
    text-shadow: 2px 2px #000;
    position: relative;
}

.promotionalTextInner ul li:first-child,
.promotionalTextInner ul li:nth-child(2),
.promotionalTextInner ul li:nth-child(3) {
    border-bottom: 3px solid #000;
}

.promotionalTextInner ul li:first-child:before,
.promotionalTextInner ul li:nth-child(2):before,
.promotionalTextInner ul li:nth-child(3):before {
    border-bottom: 2px solid #025cc8;
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: -3px;
}

.sidebarBox,
.contentRightArea .bannerArea {
    box-shadow: 0 5px #9e8662;
}

.bannerArea {
    border-bottom-left-radius: 35px;
    border-bottom-right-radius: 35px;
    position: relative;
    height: 100%;
}

.homeFeaturedSection {
    background-image: url('/v/vspfiles/assets/images/featuredBg.jpg');
    border-radius: 35px;
    border-top-right-radius: 0;
}

.featuredProducts h4 {
    background-image: url('/v/vspfiles/assets/images/headerBg.jpg');
    text-align: center;
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 0;
    position: relative;
    text-shadow: 2px 2px #000;
    border-top-left-radius: 35px;
    border-bottom-right-radius: 35px;
}

.featuredProducts h4:after,
.featuredProducts h4:before {
    position: absolute;
    content: '';
    width: 400px;
    height: 20px;
    top: 25px;
    background-repeat: no-repeat;
}

.featuredProducts h4:before {
    left: 0;
    background-image: url('/v/vspfiles/assets/images/starBarRight.png');
    background-position: right center;
}

.featuredProducts h4:after {
    right: 0;
    background-image: url('/v/vspfiles/assets/images/startBarLeft.png');
    background-position: left center;
}

.featuredProducts h4 span {
    background-image: url('/v/vspfiles/assets/images/feattitlebg.png');
    padding: 5px 85px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
}

#related_products_content .productsListings {
    padding-top: 0;
}

#related_products_content .productsListings .productImg {
    min-height: 155px;
    background-size: 100%;
}

#related_products_content .prodTitle {
    margin: 10px 0;
    font-size: 16px !important;
}

.productsListings {
    /* margin-left: -20px; */
    display: flex;
    flex-wrap: wrap;
    padding: 28px 10px;
}


/******************************* ADDING MANUAL SELECTION DATA **************************/
.manualSelection {
    background-color: transparent;
    margin-top: 20px;
    padding: 25px 0;
}

.manualSelection h3 {
    text-transform: capitalize;
    color: #010f3a;
    /**** Tom text color that looks like black ****/
    font-size: 25px;
    font-family: 'Pattaya', sans-serif;
    border-bottom: 3px solid #025cc8;
    text-align: center;
    padding-bottom: 16px;
}

.manualSelection h1 {
    background: #000;
    color: #ffffff;
    font-size: 18px;
    border-radius: 5px;
    font-family: 'Barlow Semi Condensed', sans-serif;
    padding: 20px;
}

/***************** MANUAL PULL DOWN MENU ****************/
.manualFilterBox select {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    border-radius: 3px;
    min-height: 40px;
    padding-left: 10px;
    font-family: 'Barlow Semi Condensed', sans-serif;
    background-image: url('https://www.redlinetuning.com//v/vspfiles/assets/images/manaualselectbg.jpg');
    background-repeat: no-repeat;
    background-position: right 13px center;
    padding-right: 38px;
    appearance: none;
    cursor: pointer;
    border: 1px solid #dfdcdc;
    box-shadow: -1px 8px 13px 0px rgb(199 199 199 / 75%);
    /********* ADDED **********/
}

.manualselectionBox {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    padding: 25px;
    margin: 25px 10px;
    border-radius: 6px;
    align-items: center;
}

.manualFilterBox {
    width: 48%;
    margin-right: 2%;
}

.manualSelectionBanner {
    display: flex;
    align-items: center;
    /*  background-color: #baa987; */
    background-color: #ffffff;
    border-radius: 6px;
    width: 48%;
    margin-left: 2%;
}

.manualImage img {
    margin-top: -12px;
    margin-bottom: -15px;
    min-width: 90px;
    margin-left: -18px;
}

.manualButton {
    flex: auto;
    text-align: center;
    padding-bottom: 2px;
}

/******************* INSTALLATION MANUAL BUTTON ***********************/
.manualButton button,
.manualButton input {
    background: #0443a5;
    /*  background-color: transparent;  */
    border: 3px solid #000;
    padding: 0;
    border-radius: 50px;
    min-width: 180px;
    color: #fff;
    font-size: 22px;
    font-family: 'Pattaya', sans-serif;
    text-shadow: 2px 2px #000;
    font-weight: 400;
    background-image: url('/v/vspfiles/assets/images/whitestar.png'), url('/v/vspfiles/assets/images/whitestar.png');
    background-repeat: no-repeat, no-repeat;
    background-position: center left 12px, center right 12px;
    box-shadow: 0 0px 5px #01143e;
}

.manualSelection h4 {
    font-size: 12px;
    text-align: center;
    padding: 0;
    text-transform: uppercase;
}
.cartBtnMain.Manual {
    /* margin-left: 43%; */
}
/**************************** ENDS ADD FOR MANUAL **********************/

.productBoxMain {
    /* padding-left: 20px; */
    /* background-image: ; */
    width: 25%;
    border-radius: 25px;
    margin: 15px 0;
}

/**************************  PRODUCT BOX CONTROL *************************/
.productBoxInner {
    background-image: url('/v/vspfiles/assets/images/featuredproductupperbg.jpg'), url('/v/vspfiles/assets/images/bodybg2.jpg');
    padding: 15px 10px 0;
    background-repeat: no-repeat, repeat;
    background-position: center top;
    box-shadow: 0 -70px 50px -40px #b5a282 inset, 0 4px 4px #838383;
    border-radius: 25px;
    height: 100%;
    border: 2px solid #01143d;
    max-width: 287px;
    text-align: center;
    margin: 0 auto;
    background-size: 118px 35px;
}

.productBoxInner:hover {
    box-shadow: 0 0px 5px 5px #8a8a8a; 
}

.productImg {
    background-image: url('/v/vspfiles/assets/images/productBg.png');
    padding: 16px 0;
    min-height: 196px;
    background-repeat: no-repeat;
}

.productImg img {
    margin: 0 auto !important;
    border: 1px solid #e2e2e2 !important;
    max-width: 242px !important;
    max-height: 160px;
    width: 100%;
    object-fit: cover;
}

.prodTitle {
    text-align: center;
    font-size: 18px !important;
    color: #010a23 !important;
    text-transform: uppercase;
    display: block !important;
    margin: 16px;
    line-height: 18px !important;
    font-weight: normal !important;
    font-family: 'Barlow Semi Condensed', sans-serif !important;
    height: 55px;
    overflow: hidden;
}

.prodPrice {
    text-align: center;
}

.prodPrice img {
    margin: 0 auto 10px;
    text-align: center;
}

.prodPrice span,
.prodPrice b,
.prodPrice font,
.prodPrice .product_discountprice,
.productBoxMain .product_saleprice {
    font-size: 18px !important;
    font-weight: 600 !important;
    /* color: #010a23 !important; */
    color: #fff !important;
    /* margin: 11px 0; */
    margin: 0 0;
    display: block;
}

.prodPrice font,
.prodPrice b,
.prodPrice .product_discountprice,
.productBoxMain .product_saleprice {
    display: flex;
    align-items: center;
    justify-content: center;
}

.prodCartBtn {
    text-align: center;
    display: none;
}

.prodCartBtn a,
span.btn.v-product__add-to-cart.btn-primary.btn-xs.btn_addtocart_small {
    background-image: url('/v/vspfiles/assets/images/featuredbuttonbg.png');
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    padding: 19px 0 5px;
    /* min-width: 267px; */
    display: block;
}

span.btn.v-product__add-to-cart.btn-primary.btn-xs.btn_addtocart_small {
    border-radius: 0;
    padding: 19px 20px 5px;
    margin-bottom: 0;
}

.prodCartBtn a span {
    font-size: 22px;
    color: #fff;
    font-family: 'Pattaya', sans-serif;
    display: inherit;
    text-shadow: 2px 2px #000;
}
.product_productprice,
.productBoxMain .product_saleprice {
    background-image: url(/v/vspfiles/assets/images/featuredbuttonbg.png);
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    /* padding: 19px 15px 5px; */
    padding: 19px 10px 5px;
    display: block;
}
.productBoxMain .product_saleprice
{
    display: flex;
}
.productdetails .product_productprice {
    background-image: none;
    padding: 0;
}
.productdetails td.prodPrice {
    background-image: none;
}
.productdetails .prodPrice{
    background-image: url(/v/vspfiles/assets/images/featuredbuttonbg.png);
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    padding: 19px 10px 5px;
    display: block;
}

.qtyLeft {
    margin-bottom: 15px;
    display: block;
}

.brandsLogos {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*************** LOGOS ABOVE FOOTER **********/
.brandBox {
    width: 130px;
    height: 130px;
    background-image: url('/v/vspfiles/assets/images/whitedots.jpg');
    border-radius: 50%;
    border: 3px solid #010d2e;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 30px;
    box-shadow: 2px 4px 5px #6b6b6b;
}

.brandsListing {
    margin: 35px 0;
    position: relative;
}

.brandsLogos:before,
.brandsLogos:after {
    position: absolute;
    content: '';
    width: 275px;
    height: 20px;
    top: 60px;
    background-repeat: no-repeat;
}

.brandsLogos:before {
    left: 0;
    background-image: url('/v/vspfiles/assets/images/starBarRight.png');
    background-position: right center;
}

.brandsLogos:after {
    right: 0;
    background-image: url('/v/vspfiles/assets/images/startBarLeft.png');
    background-position: left center;
}

.footerMain {
    background-image: url('/v/vspfiles/assets/images/footerbg1.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    box-shadow: 0 40px 30px -20px #a28a67 inset;
}

.footerLogoTel img {
    margin: 0 auto;
}

.footerLogoTel {
    display: flex;
    justify-content: center;
}

.footerLogo {
    position: relative;
}

.footerTel {
    position: absolute;
    bottom: 75px;
    font-size: 25px;
    color: #010a23;
    text-align: center;
    width: 150px;
    margin: auto;
    left: 0;
    right: 0;
    text-shadow: 1px 3px #b8a686;
    font-weight: 600;
}

.footerBoxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
}

.footerBox {
    padding: 0 65px;
}

.footerBox h4 {
    font-size: 25px;
    color: #0441a2;
    font-family: 'Pattaya', sans-serif;
}

.footerBox ul li {
    margin-bottom: 3px;
}

.footerBox ul li a {
    font-size: 14px;
    text-transform: uppercase;
    color: #00040e;
    font-weight: 600;
    text-shadow: 0px 1px #ccc;
    display: block;
}

.footerBox.footerCategories h4 {
    text-align: center;
}

.footerBox.footerCategories ul {
    column-count: 2;
    column-gap: 50px;
}

.footerBox ul li {
    margin-bottom: 5px;
}

.footerCards {
    position: relative;
    max-width: 80%;
    margin: 20px auto 0;
}

.footerCards:before,
.footerCards:after {
    position: absolute;
    content: '';
    width: 350px;
    height: 20px;
    bottom: 15px;
    background-repeat: no-repeat;
}

.footerCards:before {
    left: 0;
    background-image: url('/v/vspfiles/assets/images/startBarLeft.png');
    background-position: left center;
}

.footerCards:after {
    right: 0;
    background-image: url('/v/vspfiles/assets/images/starBarRight.png');
    background-position: right center;
}

.footerCards ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0;
}

.copyright p,
.copyright span,
.copyright a {
    font-size: 13px;
    color: #010a23;
    font-weight: 500;
}

.copyright {
    text-align: center;
    margin: 20px 0 0;
}

.home #content_area {
    padding: 0;
}

#content_area {
    height: 100%;
    padding: 15px 15px 50px;
}

.category .v-product-grid .v-product.productBoxMain {
    padding: 0;
    /* margin-left: auto; */
}

.categoryPageTitle {
    font-size: 30px;
    font-weight: 600;
    color: #010f3a;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 30px;
}

.contentListingArea {
    padding-top: 45px;
    margin-top: 15px;
    position: relative;
}

.contentListingArea:after {
    position: absolute;
    content: '';
    height: 20px;
    left: -15px;
    right: 0;
    top: 0px;
    background-image: url('/v/vspfiles/assets/images/starBarRight.png');
    background-repeat: no-repeat;
}

.categoryDesc {
    color: #010f3a;
    margin: 20px 0;
    padding: 0;
}

table.sorterPagerBarMain {
    background-image: url('/v/vspfiles/assets/images/listhover.jpg');
    position: relative;
    margin-left: -15px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

.sorterPagerBarInner select,
.sorterPagerBarInner input {
    height: 30px;
    padding: 0;
}

table.sorterPagerBarMain td {
    padding: 0 !important;
}

.sorterDropdown {
    display: inline-block;
    background: #fff;
    border-radius: 50px;
    padding: 0 10px;
    margin-left: 10px;
}

.sorterDropdown>b {
    text-transform: uppercase;
    font-weight: normal;
    line-height: 14px;
    display: inherit;
}

.sorterDropdown select {
    border: none;
    border-left: 1px solid #ccc;
    box-shadow: none;
    min-width: 180px;
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
}

select.results_per_page_select {
    border-radius: 50px;
    min-width: 180px;
    box-shadow: none;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 10px;
    color: #000;
    margin-right: 5px;
}

select.results_per_page_select+nobr b input {
    border-radius: 50px;
    box-shadow: none;
    border: none;
}

select.results_per_page_select+nobr b {
    font-weight: normal;
    text-transform: uppercase;
    color: #000;
}
/*********************** PRODUCT TITLE ******************************/
#v65-product-parent font.productnamecolorLARGE span {
    font-size: 35px;    /**** was 30px ****/
    font-weight: 600;
    color: #010f3a;
    line-height: 35px;
    margin-bottom: 30px;
    font-family: 'Barlow Semi Condensed', sans-serif;
}

/*********************** PRODUCT MAIN PHOTO *************************/
#product_photo_zoom_url {
  /*  box-shadow: 0 0 5px #b7b5af; */
    filter: drop-shadow(5px 5px 5px #1f1f1f69);
}

table#v65-product-parent table.colors_pricebox .prodPrice font,
table#v65-product-parent table.colors_pricebox .prodPrice .product_discountprice {
    background-image: url('/v/vspfiles/assets/images/listhover.jpg');
 /*   font-size: 18px;    /**** added ****/
 /*   font-weight: 600;   /**** added ****/
}

tbody.sorterPagerBarInner {
    display: flex !important;
    flex-wrap: wrap;
}

tbody.sorterPagerBarInner tr {
    width: auto !important;
    flex: auto !important;
    display: flex;
}

tbody.sorterPagerBarInner tr.nextPrevBtns {
    order: -1;
    text-align: left;
}

tbody.sorterPagerBarInner tr.nextPrevBtns td {
    text-align: left !important;
}

.category #MainForm.search_results_section>input[name='Cat']+table>tbody>tr>td>table>tbody>tr:first-child>td {
    width: auto;
}

.category #additionalsearch {
    border-radius: 50px;
    border: none;
    padding: 0 10px;
    margin-left: 10px;
    font-family: 'Barlow Semi Condensed', sans-serif;
    color: #333;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
}

table.sorterBar button.btn.btn-default.btn_go_gray {
    border-radius: 50px;
    border: none;
    padding: 5px 15px;
    text-transform: uppercase;
    line-height: 20px;
}

/****** NEXT AND PREVIOUS BUTTONS ******/
tr.nextPrevBtns button.btn,
button.btn.previous_page_img.btn-default.btn-xs.btn_prevpage,
button.btn.next_page_img.btn-default.btn-xs.btn_nextpage {
    font-family: 'Barlow Semi Condensed', sans-serif;
    border-radius: 50px;
    border: 1px solid #ccc;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 6px 12px;
    text-transform: uppercase;
}

.category #MainForm.search_results_section>input[name='Cat']+table table[width='250'] td:nth-child(4),
.category #MainForm.search_results_section>input[name='Cat']+table table[width='250'] td:nth-child(6) {
    display: block;
    width: auto;
    float: left;
    line-height: 25px;
}

tbody.sorterPagerBarInner>tr {
    display: flex !important;
    justify-content: space-between;
}

tbody.sorterPagerBarInner>tr>td:first-child {
    order: 9;
    text-align: right;
}

.productdetails table {
    border-spacing: inherit;
    width: 100%;
    /* text-align: center; */
}

/************* CONTROLS ******/
table#v65-product-parent table.colors_pricebox .prodPrice .product_discountprice font {
    padding: 0;
    background: none;
    border-radius: 0;
    margin: 0;
    font-weight: normal !important;            /****** was normal !important; *****/
    margin-left: 7px;
}

/**** CONTROLS ALL 3 PRICE BOXES, PLUS BOX AROUND WORD Price *****/
.productdetails table td.prodPrice font,
table#v65-product-parent table.colors_pricebox .prodPrice .product_discountprice {
    margin-bottom: 10px;
  /*  filter: drop-shadow(5px 5px 5px #1f1f1f69); */  /**** CONTROLS ALL 3 PRICE BOXES, PLUS BOX AROUND WORD Price *****/
}

.productdetails table td.prodPrice img {
    display: none;
}
/**** CONTROLS JUST WORD PRICE ****/
table#v65-product-parent table.colors_pricebox .prodPrice font font {
    margin: 0;
    padding: 0;    
    background-image: none;   /**** REMOVED BKGRND SO PRICE WORD CAN BE CONTROLLED ****/
}

/**** CONTROLS ALL PRICE TEXT ONLY, EXCEPT WORD PRICE ****/
table#v65-product-parent table.colors_pricebox .prodPrice font div b,
table#v65-product-parent table.colors_pricebox .prodPrice font span {
    color: #010f3a !important;
    font-weight: normal !important;              /****** CHANGES ALL FONTS IN 3 PRICE BOXES ON PRODUCT PAGE *****/
 /*   filter: drop-shadow(5px 5px 5px #1f1f1f69); */   /**** ADDS DROP to all PRICE TEXT ONLY, EXCEPT WORD PRICE ****/
}

/**** CONTROLS ALL 3 PRICE BOXES, PLUS BOX AROUND WORD Price *****/
table#v65-product-parent table.colors_pricebox .prodPrice font,
table#v65-product-parent table.colors_pricebox .prodPrice .product_discountprice {
    justify-content: left;
    padding: 8px 8px 8px 15px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    font-size: 20px;
    font-weight: 600 !important;             /****** CONTROLS THE PRICE TEXT, NOT THE ACTUAL PRICE *****/
    filter: drop-shadow(5px 5px 5px #1f1f1f69);   /**** ADDS DROP to ALL 3 price boxes & word Price ****/
}

.productdetails td[background$='PBox_Border_Left.gif']+td>table>tbody>tr>td:first-child {
    padding: 0;
}/******************* PRODUCT PART NUMBER TEXT *********************/
b.availabilityTime,
.productdetails span.product_code_title,
td.cartBtnArea {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #010f3a;
}
/********************* PRODUCT CODE TEXT ***************************/
.productdetails .productPartNumber span.product_code {
    font-size: 18px;
    font-weight: 800;
}

font.productPartNumber {
    margin-top: 8px;
    display: block;
}

.productdetails .qtyBarAndBtn {
    display: flex !important;
    align-items: baseline;
    flex-wrap: wrap;
}

td.cartBtnArea {
    min-width: 120px;
}

td.cartBtnMain {
    flex: auto;
}

/***** INSTALLATION MANUAL BUTTON *******/
a.installManual {
    width: 55px;
    margin-top: 10px;
}

input.v65-productdetail-cartqty {
    font-size: 16px;
    padding: 5px;
    border: none;
    box-shadow: 1px 2px 5px -2px;
    font-weight: normal;
}

td.cartBtnArea span {
    /* text-transform: uppercase;
    font-size: 20px;
    color: #010f3a; */
}

/************ ADD TO CART BUTTON ***************/
.cartBtnMain {
    background: #0443a5;
    border: none;
    padding: 4px !important;
    border-radius: 50px;
    box-shadow: 0 4px 2px #d0c6b1;
    margin-top: 8px;
}

.cartBtnMain:hover,
.blueWithBorderBtn:hover {
    background: #222;
}

/***************** ADD TO CART BUTTON ******************/
.cartBtnMain input#btn_addtocart {
    background-color: transparent;
    border: 3px solid #000;
    padding: 0;
    border-radius: 50px;
    min-width: 235px;
    color: #fff;
    font-size: 22px;
    /******* was 25 *******/
    font-family: 'Pattaya', sans-serif;
    text-shadow: 2px 2px #000;
    font-weight: 400;
    background-image: url('/v/vspfiles/assets/images/whitestar.png'), url('/v/vspfiles/assets/images/whitestar.png');
    background-repeat: no-repeat, no-repeat;
    background-position: center left 10px, center right 10px;
    box-shadow: 0 0px 5px #01143e;
}
/********************* MAIN PRODUCT IMAGE FORCED SIZE *********************/
td.productDetailImageSection {
    width: 60%;
}

span#altviews {
    width: 100% !important;
    display: flex !important;
    float: none !important;
    flex-wrap: wrap;
}
/********************* ALTERNATE VIEWS ************************************/
span#altviews a {
    width: 20% !important;
    padding: 0 5px;
}

.productdetails #altviews .vCSS_img_alternate_product_photo {
    opacity: 1;
}
/********************* ALTERNATE PHOTO **************************************/
span#altviews a img {
 /*   box-shadow: 0 1px 5px -2px; */
    filter: drop-shadow(2px 2px 3px #1f1f1f69);    /*** ADDED ****/
}

td[background*="expand_tab_left"],
td[background*="expand_tab_right"] {
    display: none !important;
}

/********* Btns ***********/
.blueWithBorderBtn {
    margin-bottom: 25px;
}

.blueWithBorderBtn,
.productdetails td.vCSS_tab_unselected,
.productdetails td.vCSS_tab_selected,
.productdetails .optionsBoxHead {
    background-image: url(/v/vspfiles/assets/images/headerBg.jpg) !important;
    color: #fff;
    padding: 5px;
    justify-content: center;
    border-radius: 50px;
    box-shadow: 0px 3px 3px 0px #908672;
    display: inline-block;
    line-height: 30px !important;
}
.shoppingcart table.v65-productDisplay font.pricecolor.colors_productprice, .shoppingcart table.v65-productDisplay font.pricecolor.colors_productprice b {

    display: flex;
}

.blueWithBorderBtn span,
.productdetails td.vCSS_tab_unselected span,
.productdetails td.vCSS_tab_selected span,
.productdetails .optionsBoxHead b {
    font-size: 22px !important;
    font-family: 'Pattaya', sans-serif !important;
    text-shadow: 2px 2px #000;
    border: 3px solid #000 !important;
    border-radius: 50px !important;
    background-color: transparent !important;
    color: #fff !important;
    padding: 0 15px;
    font-weight: 400 !important;
    margin: 0;
    line-height: 30px !important;
}

.productdetails td.vCSS_tab_unselected span span,
.productdetails td.vCSS_tab_selected span span {
    padding: 0;
    border: none !important;
}

.productdetails .optionsBoxHead,
.productdetails .optionsBoxHead b {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;     /**** was 20px ****/
}

.productdetails td.vCSS_tab_selected {
    background-image: url('/v/vspfiles/assets/images/listhover.jpg') !important;
}

.productdetails td.vCSS_tab_selected span {
    border: none !important;
    color: #010f3a !important;
    text-shadow: none;
}

/*************** DESCRIPTION BOX CONTROL on product page ***********************/
.productdetails form table.colors_descriptionbox {
    border: 2px solid #d4c8b6;
    margin-top: 10px;
    border-radius: 25px;
    text-align: left;  /*** added ***/
}

.blueWithBorderBtn span span {
    display: none;
}

.blueWithBorderBtn.largeBtn {
    float: left;
    display: none;
}

.blueWithBorderBtn.emailBtn {
    float: right;
}

.productdetails td.vCSS_tab_selected,
.productdetails td.vCSS_tab_selected span,
.productdetails td.vCSS_tab_unselected,
.productdetails td.vCSS_tab_unselected span,
.productdetails .optionsBoxHead,
.productdetails .optionsBoxHead b {
    border-bottom-right-radius: 0 !important;
}

.productdetails .optionsBoxHead,
.productdetails .optionsBoxHead b {
    display: block;
}

/*********** End Buttons ************/

/*********** OPTIONS TABLE HEADING TEXT *********************/
.productdetails #options_table .vol-option-heading b {
    font-size: 18px !important;             /**** was 20 ****/
    color: #010f3a;
    font-weight: 600;
}

.productdetails table#options_table tbody {
    padding-bottom: 30px;
 
}

.productdetails table#options_table td.vol-option-about a {
    font-size: 11px;
}

.productdetails table#options_table td.vol-option-items.vol-option-select br {
    display: none;
}
/************** OPTIONS OPTION TYPE TEXT ********************/
tr.vol-option-about-visible .vol-option-name {
    font-size: 16px;
                 /**** added 4.1.23 ****/
}
/************** OPTIONS TABLE CONTROL ***********************/
.productdetails #options_table {
     background-image: url('/v/vspfiles/assets/images/listhover.jpg') !important; 
  /*   border: 1px #636363;  */
     border-bottom-left-radius: 20px;    /*** added didn't change anything ***/
     border-bottom-right-radius: 20px;   /*** added didn't change anything ***/
     filter: drop-shadow(5px 5px 5px #1f1f1f69);    /**** ADDED 3.31 ****/
}

.vol-option-heading + tr,
.vol-option-heading {
    padding: 5px 10px 0;
    text-align: left;
}
table#v65-product-parent table.colors_pricebox .prodPrice font .product_productprice font, 
table#v65-product-parent table.colors_pricebox .prodPrice font .product_productprice b, 
table#v65-product-parent table.colors_pricebox .prodPrice font .product_productprice span,
table#v65-product-parent table.colors_pricebox .prodPrice font div.product_productprice {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #000 !important;
    filter: none !important;
}
table#v65-product-parent table.colors_pricebox td.prodPrice.salePriceExist .product_productprice b, 
table#v65-product-parent table.colors_pricebox td.prodPrice.salePriceExist .product_productprice font, 
table#v65-product-parent table.colors_pricebox td.prodPrice.salePriceExist .product_productprice span,
table#v65-product-parent table.colors_pricebox td.prodPrice.salePriceExist .product_productprice
{
    font-weight: normal !important;
    font-size: 18px !important;
}
table#v65-product-parent table.colors_pricebox .prodPrice .salePriceBar, 
table#v65-product-parent table.colors_pricebox .prodPrice .salePriceBar font, 
table#v65-product-parent table.colors_pricebox .prodPrice .salePriceBar span, 
table#v65-product-parent table.colors_pricebox .prodPrice .salePriceBar b, 
table#v65-product-parent table.colors_pricebox .prodPrice .salePriceBar div 
{
    font-weight: 600 !important;
    color: #c02222 !important;
    font-size: 20px !important;
}
table#v65-product-parent table.colors_pricebox .prodPrice font.salePriceBar {
    width: 100%;
}
table#v65-product-parent table.colors_pricebox .prodPrice font.salePriceBar .product_saleprice {
    display: flex;
    align-items: center;
}
table#v65-product-parent table.colors_pricebox .prodPrice div.product_productprice {
    display: flex;
    font-size: 20px;
    color: #010f3a;
    font-weight: 600;
}
.productDetailFeatured {
    display: none;
}

.productdetails .productDetailFeatured {
    display: block;
}

td#related_products_header {
    display: none;
}

.shoppingcart #content_area .v65-your-cart-title,
#content_area img[src*='/headings/heading_']+br+table:before,
#content_area img[src*='/headings/heading_']+br+form:before,
#content_area img[src*='/headings/heading_']+br+_headings table:before,
#content_area img[src*='/headings/heading_']+br+div:before,
#content_area img[src*='/headings/heading_']+br+br+table:before,
#content_area img[src*='/headings/heading_help.gif']+br+img+a+br+table>tbody:before,
#content_area img[src*='/headings/heading_']+br+img+a:before,
#content_area img[src*='images/homepage/FeaturedProducts.gif']+br+table:before,
.onepagecheckout #content_area h2#v65-onepage-header {
    font-weight: 700;
    text-transform: uppercase;
    color: #010f3a;
}

.shoppingcart #content_area #v65-cart-table font.carttext.colors_text b.cart-item-name,
.shoppingcart #content_area #v65-cart-table .btn-icon-close {
    color: #010f3a;
}

.shoppingcart #content_area #v65-cart-table font.carttext.colors_text b.cart-item-name,
.shoppingcart #content_area .v65-your-cart-title,
.btn-default, .btn.btn-default, .vcb-snippet:not(.vcb-custom) a.btn.btn-default, 
.vcb-snippet:not(.vcb-custom) button.btn.btn-default, 
.soft_add_wrapper .soft_add_action_area a.continue_shopping, 
.onepagecheckout #simpleModal #cancelLoginButton,
.vol-link-btn, .vol-link-btn.btn-link.vol-link,
.shoppingcart #content_area #v65-cart-table font.carttext.colors_text, 
.shoppingcart #content_area #v65-cart-table font.carttext.colors_text b,
input#btnRecalculate
{
    font-family : 'Barlow Semi Condensed', sans-serif;
}

.productsListings > tbody, .productsListings > tbody > tr {
    width: 100%;
    display: block;
}

.btn-primary,
.btn.btn-primary,
.vcb-snippet:not(.vcb-custom) a.btn.btn-primary,
.vcb-snippet:not(.vcb-custom) button.btn.btn-primary,
.soft_add_wrapper .soft_add_action_area a.check_out,
.onepagecheckout #simpleModal #signInButton,
.dealoftheday #content_area .deal-buy-now a,
input[value*='mailing list'] {
    background-image: url('/v/vspfiles/assets/images/headerBg.jpg');
    border: none;
    border-radius: 50px;
    font-family: 'Pattaya', sans-serif;
    font-weight: normal;
    font-size: 22px;
    text-shadow: 2px 2px #000;
    background-color: #0443a5;
}
.productdetails .colors_lines_light .relatedProductDetailPage .colors_backgroundlight {
    text-transform: capitalize;
}
.cartImg {
    position: relative;
}

.cartImg span.cart__count {
    position: absolute;
    top: -10px;
    right: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    text-align: center;
    border-radius: 50px;
}

.shoppingcart #content_area #v65-cart-coupon-entry-details-button {
    min-height: 30px;
    min-width: 90px;
}


/****** Landing page Box ***************/
.landingPageHead {
    background-color: #0444a8;
    border-radius: 60px;
    padding: 6px;
    border-bottom-right-radius: 0;
    box-shadow: 0px 3px 3px 2px rgba(158, 146, 146, 0.75);
}

/********* Landing Page Inner Text ***********/

h2.landPageHeadInner {
    border: 3px solid #000;
    border-radius: 60px;
    border-top-right-radius: 75px;
    border-bottom-right-radius: 0px;
    font-family: 'Pattaya', sans-serif;
    font-size: 25px;
    color: #fff;
    padding-bottom: 4px;
    padding-left: 15px;
    padding-top: 4px;
}

.landPageParaInner {
    border: 2px solid #d4c8b6;
    border-radius: 25px;
    margin: 25px auto;
    background: #faf9f5;        /**** added 4.3.23 *****/
}

.landPageParaInner p {
    padding: 18px 16px;
    line-height: 28px;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;              /**** added 4.4 ****/
}

.productdetails .colors_pricebox div[itemprop='offers']>a[href='javascript:void(0);']:after {
    font-family: 'Barlow', sans-serif
}

/* Style the tab */
.tab {
    overflow: hidden;
    padding-bottom: 8px;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
/*.tab button:hover {
  background-color: #ddd;
}*/

/* Create an active/current tablink class */
.tab button.KeylessTab.active {
    background-color: #d4c8b6;
    border-radius: 60px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0px;
    border: 0;
    font-size: 20px;
    font-family: 'Pattaya', sans-serif;
    text-transform: capitalize;
    color: #000;
    text-shadow: none;
}

button.active span {
    border-color: #d4c8b6 !important;
}

.tab button.AlarmTab.active {
    background-color: #d4c8b6;
    border-radius: 60px;
    border-top-left-radius: 85px;
    border-bottom-left-radius: 0px;
    border: 0;
    color: #000;
    /* display: flex; */
    text-transform: capitalize;
    font-size: 20px;
    font-family: 'Pattaya', sans-serif;
    text-shadow: none;
}

button.AlarmTab.active span {
    /* border: none;
   margin: 0;
   padding: 0 75px; */
}

.tab button.PushStartTab.active {
    background-color: #d4c8b6;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border: 0;
    font-size: 20px;
    font-family: 'Pattaya', sans-serif;
    text-transform: capitalize;
    padding: 14px 0px;
    color: #000;
    text-shadow: none;
}

button.PushStartTab.active span {
    /* border: none;
    margin: 0;
    padding: 6px 30px; */
}

.tab button.PowerTrunkTab.active {
    background-color: #d4c8b6;
    border-radius: 60px;
    border-top-right-radius: 70px;
    border-bottom-right-radius: 0px;
    border: 0;
    font-size: 20px;
    font-family: 'Pattaya', sans-serif;
    text-transform: capitalize;
    padding: 14px 0px;
    color: #000;
    text-shadow: none;
}

button.PowerTrunkTab.active span {
    /* border: none;
   margin: 0; */
}

.tab button.PowerLockTab.active {
    background-color: #d4c8b6;
    border-radius: 60px;
    border-top-left-radius: 70px;
    border-bottom-left-radius: 0px;
    border: 0;
    font-size: 20px;
    font-family: 'Pattaya', sans-serif;
    text-transform: capitalize;
    padding: 14px 0px;
    color: #000;
    text-shadow: none;
}

button.PowerLockTab.active span {
    /* border: none;
    margin: 0; */
}

/* Style the tab content */
.tabcontent {
    display: none;
}

.customLandingPage .tab button {
    margin: 0 5px;
}

button.KeylessTab {
    background-color: #0443a5;
    border-radius: 60px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0px;
    padding: 14px 0px;
    font-family: 'Pattaya', sans-serif;
    color: #fff;
    font-size: 20px;
    text-shadow: 2px 2px #000;
    box-shadow: 0px 3px 3px 2px rgb(158 146 146 / 75%);

}

button.KeylessTab span {
    border: 3px solid #000;
    border-radius: 60px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0px;
    margin: 8px;
    font-family: 'Pattaya', sans-serif;
    padding: 6px 25px;
}

button.AlarmTab {
    background-color: #0443a5;
    border-radius: 60px;
    border-top-left-radius: 85px;
    border-bottom-left-radius: 0px;
    padding: 14px 0px;
    font-family: 'Pattaya', sans-serif;
    color: #fff;
    font-size: 20px;
    text-shadow: 2px 2px #000;
    box-shadow: 0px 3px 3px 2px rgb(158 146 146 / 75%);
}

button.AlarmTab span {
    border: 3px solid #000;
    border-radius: 60px;
    border-top-left-radius: 85px;
    border-bottom-left-radius: 0px;
    margin: 8px;
    font-family: 'Pattaya', sans-serif;
    padding: 6px 50px;
}

button.PushStartTab {
    background-color: #0443a5;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border: 0;
    font-size: 20px;
    font-family: 'Pattaya', sans-serif;
    text-transform: capitalize;
    padding: 14px 0px;
    color: #fff;
    text-shadow: 2px 2px #000;
    box-shadow: 0px 3px 3px 2px rgb(158 146 146 / 75%);
}

button.PushStartTab span {
    border: 3px solid #000;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    margin: 8px;
    font-family: 'Pattaya', sans-serif;
    padding: 6px 10px;
}

button.PowerTrunkTab {
    background-color: #0443a5;
    border-radius: 60px;
    border-top-right-radius: 70px;
    border-bottom-right-radius: 0px;
    border: 0;
    font-size: 20px;
    font-family: 'Pattaya', sans-serif;
    text-transform: capitalize;
    padding: 14px 0px;
    color: #fff;
    text-shadow: 2px 2px #000;
    box-shadow: 0px 3px 3px 2px rgb(158 146 146 / 75%);
}

button.PowerTrunkTab span {
    border: 3px solid #000;
    border-radius: 60px;
    border-top-right-radius: 70px;
    border-bottom-right-radius: 0px;
    margin: 8px;
    font-family: 'Pattaya', sans-serif;
    padding: 6px 25px;
}

button.PowerLockTab {
    background-color: #0443a5;
    border-radius: 60px;
    border-top-left-radius: 70px;
    border-bottom-left-radius: 0px;
    border: 0;
    font-size: 20px;
    font-family: 'Pattaya', sans-serif;
    text-transform: capitalize;
    padding: 14px 0px;
    color: #fff;
    text-shadow: 2px 2px #000;
    box-shadow: 0px 3px 3px 2px rgb(158 146 146 / 75%);
}

button.PowerLockTab span {
    border: 3px solid #000;
    border-radius: 60px;
    border-top-left-radius: 70px;
    border-bottom-left-radius: 0px;
    margin: 8px;
    font-family: 'Pattaya', sans-serif;
    padding: 6px 30px;
}

.tabDescription {
    border: 2px solid #d4c8b6;
    border-radius: 25px;
    margin: 12px auto;
}

.tabDescription p {
    border-radius: 25px;
    background: #faf9f5;        /**** added 4.4 *****/
    padding: 18px 16px;           /**** added 4.4 ****/
    line-height: 30px;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;              /**** added 4.4 ****/
}

.landPageImgInner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 16px;
    line-height: 30px;
    font-family: 'Barlow', sans-serif;
    flex-wrap: wrap;
}

.brandlogoImg {
    /* width: 14.28%; */
    padding: 0 5px;
}

.brandlogoImg img {
    margin: 0 auto;
}
.brandlogoImg.Gmc {
    margin-bottom: 15px;
}

.landingPageImg {
    border: 2px solid #d4c8b6;
    border-radius: 25px;
    margin: 12px auto;
}

.customLandingPage .featCataTitle {
    background-position: bottom;
}

.landingPagaSystemDetails {
    margin-top: 25px;
}

.BenefitInnerContnt {
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
    border: 2px solid #d4c8b6;
    border-radius: 25px;
    background: #faf9f5;              /**** added 4.3.23 *****/
    font-family: 'Barlow', sans-serif;  /**** added 4.4 ****/
    font-size: 16px;                    /**** added 4.4 ****/
}

.BenefitBoxDes {
    width: 75%;
}

.Benefitsimgbox {
    padding: 25px;
    width: 25%;
}

.Benefitsimgbox img {
    box-shadow: 10px 10px 26px -14px rgba(0, 0, 0, 0.75);
    /*margin-bottom: 50px;*/
}

.BenefitBoxDes li {
    margin-bottom: 15px;
    padding-right: 15px;
    font-family: 'Barlow', sans-serif;
    line-height: 28px;
    font-size: 15px;
}

.BenefitBoxDes ul {
    padding-left: 30px;
    padding-top: 10px;
}

.BenefitBoxDes li::marker {
    color: #af0808;
}

.BenefitBoxDes li span {
    font-size: 15px;
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
}

.benefitBoX {
    width: 100%;
    padding: 0;
}

/************ DESCRIPTION BOX TEXT *******************************/
.productdetails form table.colors_descriptionbox td div,
.productdetails form table.colors_descriptionbox td div span,
.productdetails form table.colors_descriptionbox td span,
.productdetails form table.colors_descriptionbox td div li {
    font-size: 18px;
    /*** changed from 16px **/
    font-family: 'Barlow', sans-serif !important;
    line-height: 24px;
}
div#ProductDetail_ProductDetails_div2 li {
    font-size: 15px;
}
.productdetails #ProductDetail_ProductDetails_div2 .colors_descriptionbox>tbody>tr:nth-child(3)>td[width='100%'] {
    border-color: #ccc;
    border-radius: 5px;
}
.productdetails form table.colors_descriptionbox td div ul li {
    list-style: disc;
}

.contentSection {
    z-index: 1;
    position: relative;
}

.maininnerAreaBody {
    position: relative;
    max-width: 2000px;
    margin: 0 auto;
}

.leftInnerImage,
.rightInnerImage {
    position: absolute;
}

.leftInnerImage {
    left: 0;
    top: 270px;
}

.rightInnerImage {
    right: 0;
    top: 270px;
}

.home .innerPagesIamges {
    display: none;
}

.innerPagesIamges {
    display: block;
}

.installBannerBar {
    margin: 25px 0;
}

.landingFeaturedProd {
    display: flex;
    align-items: start;
    justify-content: center;
    margin-bottom: 20px;
}

.landingProdBox:hover {
    transform: scale(1.02);
}

.landingProdBox {
    margin: 0 10px;
}

table.relatedProductDetailPage .productsListings .productBoxMain {
    padding: 0 5px;
    width: 33.33%;
}

.relatedProductDetailPage tbody tr td {
    margin: 0 !important;
}

table.relatedProductDetailPage tbody td font {
    background-color: #0443a5;
    padding: 5px;
    display: block;
    border-radius: 50px;
    border-bottom-right-radius: 0;
}

table.relatedProductDetailPage tbody td b {
    font-size: 22px !important;
    font-family: 'Pattaya', sans-serif !important;
    text-shadow: 2px 2px #000;
    border-radius: 50px;
    color: #fff !important;
    border: 2px solid #000 !important;
    margin: 0;
    border-bottom-right-radius: 0;
    padding: 0 15px;
}

table.relatedProductDetailPage tbody td b span {
    font-size: 22px !important;
    font-family: 'Pattaya', sans-serif !important;
    text-shadow: 2px 2px #000;
    border-radius: 50px;
    color: #fff !important;
    text-transform: capitalize;
}
.cartBtnMain a.installManual {
    background-color: transparent;
    border: 3px solid #000;
    border-radius: 50px;
    min-width: 235px;
    color: #fff;
    font-size: 22px;
    font-family: 'Pattaya', sans-serif;
    text-shadow: 2px 2px #000;
    font-weight: 400;
    background-image: url('/v/vspfiles/assets/images/whitestar.png'), url('/v/vspfiles/assets/images/whitestar.png');
    background-repeat: no-repeat, no-repeat;
    background-position: center left 10px, center right 10px;
    box-shadow: 0 0px 5px #01143e;
    padding: 0 40px;
}
meta[content="InStock"] + br {
    display: none;
}
.footerMob{
    display: none;
}
.category .v-product__title+div, .productdetails .v-product__title+div
{
    margin-bottom: 0;
}
/***************************** drop down chains *********************************/

ul.subMenu {
    /* left: 2px; */
    position: absolute;
    background: #0443a5;
    min-width: 245px;
    display: none;
    z-index: 99;
}

ul.subMenu li {
    display: block;
    text-align: left;  /** was center **/
    width: 90%;
    margin-left: 10px;
}

.mainMenu ul li:hover>.subMenu {
    display: block;
}

.mainMenu .subMenu li a {
    color: #fff;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 17px;
    font-weight: 700;
    padding: 5px 8px;
    border: none;
    text-transform: uppercase;
    margin-top: 6px;
    margin-bottom: 6px;
}

.mainMenu .subMenu li a:hover {
    background-color: white;
    font-weight: 700;
    color: #000000;    /**** changed from blue ****/
    border-radius: 40px;
}
.mainMenu ul li .subMenu li {
    box-shadow: none;
    border-radius: 0;
    background: none;
 /*   border-top: 1px solid #999; */
}
.mainMenu ul li .subMenu li a {
    font-weight: normal;
    text-transform: capitalize;
}
.mainMenu ul li .subMenu li:hover a {
    color: #fff;
    background-color: rgb(0, 0, 0);   /**** was background non ****/
}

.cartbtnsWraper {
    text-align: center;
}
.cartBtnMain.Manual {
    display: inline-block;
}
.hasSavePrice .product_productprice {
    display: none;
}
/* font.pricecolor.colors_productprice.prodPrice img {
    display: none;
} */
td.relatedProductDetailPage2 .productBoxMain {
    width: 33.33%;
    padding: 0 5px;
}
tr#cart-header .v65-cart-header-text, 
tr#cart-header .v65-cart-header-text span,
#v65-cart-table tr.v65-cart-details-row td, 
#v65-cart-table tr.v65-cart-details-row td a, 
#v65-cart-table tr.v65-cart-details-row td font, 
#v65-cart-table tr.v65-cart-details-row td b {
    font-size: 16px !important;
}
.prodPrice font.pricecolor.colors_productprice.prodPrice img {
    display: none;
}
.shoppingcart span.PageText_L532n {
    font-size: 22px !important;
    font-family: 'Pattaya', sans-serif !important;
    text-shadow: 2px 2px #000;
    border-radius: 50px;
    color: #fff !important;
    border: 2px solid #000 !important;
    margin: 0;
    border-bottom-right-radius: 0;
    padding: 0 15px;
    text-align: left;
    width: 100%;
    display: block;
}

.shoppingcart font.productnamecolorLARGE.colors_productname {
    background-color: #0443a5;
    padding: 5px;
    border-radius: 50px;
    border-bottom-right-radius: 0;
    width: 100%;
    text-align: center;
    display: block;
}
.shoppingcart #content_area #cart-header font {
    color: #343434 !important;
    font-size: 16px;
    line-height: 1.42857143;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 5px;
    display: block;
}
.shoppingcart font.productnamecolorLARGE.colors_productname {
    background-color: #0443a5;
    padding: 5px;
    border-radius: 50px;
    border-bottom-right-radius: 0;
    width: 100%;
    text-align: center;
    display: block;
    font-size: 22px !important;
    font-family: 'Pattaya', sans-serif !important;
    text-shadow: 2px 2px #000;
    border-radius: 50px;
    color: #fff !important;
    border: 2px solid #000 !important;
    margin: 0;
    border-bottom-right-radius: 0;
    padding: 0px 15px;
    text-align: left;
    width: 100%;
    display: block;
}
/****** End Landing ********/
/************************************/
/************** Media Queries *****************/
@media only screen and (min-width: 1706px) {

    .headerMiddle:before,
    .headerMiddle:after {
        width: 320px;
    }
}

@media only screen and (min-width: 1920px) {

    .headerMiddle:before,
    .headerMiddle:after {
        width: 430px;
    }

}

@media only screen and (min-width: 2000px) {
    body {
        max-width: 2000px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1460px) {

    .headerMiddle:after,
    .headerMiddle::before,
    .brandsLogos:before,
    .brandsLogos:after {
        width: 160px;
    }

}

@media only screen and (min-width: 1200px) and (max-width: 1280px) {
    .container {
        width: 100%;
        padding: 0;
    }

    .headerMiddle:after,
    .headerMiddle::before,
    .brandsLogos:before,
    .brandsLogos:after {
        width: 120px;
    }

    .contentSectionInner:after {
        left: 0;
        right: 0;
    }

    .contentRightArea {
        padding-right: 20px;
    }

    .featCataTitle h5 {
        font-size: 19px;
    }
}
@media only screen and (min-width: 800px) {
    .shoppingcart #content_area #v65-cart-shipping-details-label.v65-cart-left-label {
        font-size: 18px;
    }
    .shoppingcart  tr.v65-cart-tax-row {
        font-size: 18px;
    }
    .shoppingcart #content_area tr.v65-cart-total-estimate-row td[colspan='4'] div[align='right'] b {
        font-size: 18px;
    }
    .shoppingcart #content_area tr.v65-cart-total-estimate-row td#v65-cart-total-estimate-parent-cell b {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1199px) {
    .container {
        padding: 0;
        width: 970px;
    }

    .headerMiddleInner {
        font-size: 18px;
    }

    .headerTopInnerText .phoneNo,
    .headerCart a.myAccount {
        font-size: 22px;
    }

    .headerMiddle:before,
    .headerMiddle:after {
        width: 130px;
    }

    .headerCart a.myAccount {
        margin-right: 30px;
        padding-right: 30px;
    }

    .headerTopInner,
    .headerTopInnerText {
        padding: 10px;
    }

    .logo img {
        max-width: 285px;
        margin: 0 auto;
    }

    .mainMenu ul li a {
        font-size: 18px;
    }

    .partsMenu ul li a {
        font-size: 18px;
    }

    .searchForm .search-bar button,
    .searchForm .search-bar input {
        height: 35px;
    }

    .sidebarBox h5 {
        font-size: 18px;
    }

    .sidebarInner ul li {
        padding: 2px 0 2px 30px;
    }

    .sidebarInner ul li a {
        font-size: 14px;
    }

    .sidebarBox:after {
        width: 120px;
    }

    .featuredCataBoxes {
        margin-left: -10px;
    }

    .featCataBox {
        padding-left: 10px;
    }

    .featuredCategories {
        padding-left: 10px;
        padding-right: 10px;
    }

    .featImg {
        min-height: 145px;
    }

    .featCataTitle h5 {
        font-size: 16px;
    }

    .bannerArea:after {
        background-position: right;
    }

    .promotionalTextInner ul {
        padding: 2px 8%;
    }

    .featuredProducts h4:after,
    .featuredProducts h4:before {
        width: 260px;
    }

    .productImg {
        background-size: 100% 100%;
    }

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

    .brandBox {
        margin: 0 10px;
    }

    .brandsLogos:before,
    .brandsLogos:after {
        width: 120px;
    }

    .footerBox {
        padding: 0 35px;
    }

    .footerCards:before,
    .footerCards:after {
        width: 245px;
        bottom: 20px;
    }

    .featuredProducts h4 {
        font-size: 24px;
    }

    .featuredProducts h4 span {
        padding: 5px 30px;
        background-size: 100%;
    }

    .featuredProducts h4:after,
    .featuredProducts h4:before {
        width: 220px;
    }

    .prodTitle {
        font-size: 16px;
        margin: 8px 0;
    }
    .shoppingcart span.PageText_L532n:after {
        width: 150px;
    }
    .shoppingcart span.PageText_L532n:before {
        width: 150px;
    }
}

@media only screen and (max-width: 991px) {
    .container {
        padding: 0;
        width: 750px;
    }

    .logo {
        background-size: 320px;
    }

    .logo img {
        max-width: 210px;
    }

    .headerTopInner,
    .headerTopInnerText {
        padding: 5px;
    }

    .headerMiddleInner {
        font-size: 13px;
    }

    .headerMiddle:before,
    .headerMiddle:after {
        width: 102px;
        bottom: 2px;
    }

    .mainMenu ul li {
        margin: 0 2px;
    }

    .mainMenu ul li a {
        font-size: 16px;
    }

    .klassicKeyless,
    .autoAccessories,
    .Information {
        margin: 2px;
    }

    .sidebarInner h5 span {
        padding-left: 15px;
    }

    .featCataBox {
        width: 33.33%;
    }

    .promotionalTextInner ul li {
        font-size: 16px;
    }

    .brandsLogos:before,
    .brandsLogos:after {
        width: 13%;
        top: 40px;
    }

    .brandBox {
        width: 100px;
        margin: 0 5px;
        height: 100px;
    }

    .footerBox {
        padding: 0 10px;
    }

    .productImg {
        min-height: 130px;
    }

    .productImg img {
        max-width: 140px !important;
        max-height: 140px;
    }
    .sorterDropdown {
        display: flex;
    }
}

@media only screen and (max-width: 767px) {
    .container {
        width: auto;
        padding: 0 15px;
    }

    .mainMenu ul {
        flex-direction: column;
    }

    .mainMenu ul li a {
        font-size: 25px;
        border: none;
        padding: 5px;
    }

    .mainMenu ul li {
        width: 100%;
        border-radius: 50px !important;
        margin-bottom: 7px;
    }

    .partsMenu ul {                 /******** added these 3 entries ********/
        flex-direction: column;
    }

    .partsMenu ul li a {
        font-size: 20px;
        border: none;
        padding: 0px;
    }

    .partsMenu ul li {
        width: 100%;
        border-radius: 50px !important;
        margin-bottom: 7px;
    }

    .contentSectionInner {
        flex-direction: column;
        margin-left: 0;
    }

    .contentRightArea {
        padding-left: 0;
    }

    .contentSidebar {
        padding-left: 20px;
    }

    .banner.visible-xs {
        max-width: 100%;
    }

    .contentSidebar,
    .contentRightArea {
        width: 100%;
    }

    .sidebarInner ul li {
        padding: 5px 0 5px 30px;
    }

    .sidebarInner ul li a {
        font-size: 16px;
    }

    .featuredCataBoxes {
        /* flex-direction: column; */
    }

    .featCataBox {
        width: 100%;
        max-width: 230px;
        margin-left: auto;
        margin-right: auto;
    }

    .promotionalTextInner ul li {
        width: 100%;
        padding: 5px 0;
        font-size: 18px;
    }

    .footerLogo {
        max-width: 300px;
    }

    .footerTel {
        bottom: 50px;
        font-size: 22px;
    }

    .footerBoxes {
        flex-direction: column;
    }

    .footerBox {
        width: 320px;
        margin: 0 auto 30px;
        text-align: center;
    }

    .footerBox ul li a {
        font-size: 12px;
        text-shadow: none;
    }

    .footerBox:last-child {
        margin-bottom: 0;
    }

    .footerBox.footerCategories h4 {
        text-align: center;
    }

    .footerMain {
        background-size: cover;
    }

    .footerCards {
        max-width: 100%;
    }

    .footerCards:before {
        background-position: left 122% center;
    }

    .footerCards:after {
        background-position: right 127% center;
    }

    .footerMain {
        box-shadow: none;
    }

    .brandsLogos {
        flex-wrap: wrap;
    }

    .brandBox {
        width: 120px;
        margin: 5px;
        height: 120px;
    }
    td.relatedProductDetailPage2 {
        text-align: center;
    }

    .productBoxMain,
    td.relatedProductDetailPage2 .productBoxMain {
        width: 100%;
    }

    .productImg img {
        max-width: 230px !important;
        max-height: 165px;
    }

    .homeFeaturedSection {
        background: #051228;
        margin: 0;
        border-radius: 35px;
    }

    .featuredProducts h4 {
        background: none;
    }

    .featuredProducts h4:before,
    .featuredProducts h4:after {
        display: none;
    }

    .featuredProducts h4 span {
        background: none;
    }

    .featuredProducts h4 {
        background: none;
        text-shadow: 2px 2px #024691;
        font-size: 28px;
    }

    .promotionalTextInner,
    .promotionalTextInner ul li:first-child,
    .promotionalTextInner ul li:nth-child(2),
    .promotionalTextInner ul li:nth-child(3),
    .promotionalTextInner ul li:first-child:before,
    .promotionalTextInner ul li:nth-child(2):before,
    .promotionalTextInner ul li:nth-child(3):before {
        border: none;
    }

    .promotionalTextInner ul {
        background-image: url('/v/vspfiles/assets/images/tickstar.png'), url('/v/vspfiles/assets/images/startBarLeft.png');
        padding: 60px 0;
        background-position: center top 20px, bottom 20px left 40px;
    }

    .contentSectionInner:after {
        right: 0;
        display: none;
    }

    .promotionalTextSection {
        margin: 35px 0;
        background-image: url('/v/vspfiles/assets/images/headerBg.jpg');
        border-radius: 35px;
        border-bottom-right-radius: 0;
        box-shadow: 0 5px #cec0a2;
    }

    .featCataTitle h5 {
        font-size: 20px;
    }

    .home .contentSidebar.hidden-xs.hidden-sm {
        display: block !important;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }

    .vol-logo {
        padding-bottom: 0;
    }

    .headerMiddleInner {
        flex-direction: column;
    }

    .headerMiddleLeft,
    .headerMiddleright {
        width: 100%;
        text-align: center;
        font-size: 22px;
        line-height: 22px;
        letter-spacing: 0;
    }

    .headerMiddle:before,
    .headerMiddle:after {
        width: 12%;
        bottom: 2px;
    }

    .headerMiddle {
        padding-top: 120px;
        background-color: rgb(156 141 116 / 50%);
    }

    .searchForm .search-bar {
        padding: 0 15px;
    }

    .searchForm .search-bar input {
        padding-left: 0;
    }

    .myAccount {
        position: relative;
        z-index: 1;
    }

    .logo img {
        max-width: 280px;
    }

    .logo a {
        width: auto;
    }

    body {
        margin-top: 0px !important;
    }

    .logo {
        display: none;
    }

    .mobLogo {
        display: block;
    }

    .logo:after {
        display: none;
    }

    .phoneNo {
        display: none;
    }

    .mobPhoneNo {
        display: block;
        position: absolute;
        top: 90px;
        left: 0;
        right: 0;
    }

    .headerCart a.myAccount {
        display: none;
    }

    .logo {
        top: 0;
    }

    .headerTopInner {
        margin: 0 -15px;
        border-radius: 0;
        padding: 15px 0;
    }

    .headerTopInnerText {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        padding: 5px 13px;
    }

    .headerTopInnerText .phoneNo a {
        color: #010f3a;
    }

    .headerTopInnerText .phoneNo {
        font-size: 30px;
        font-weight: 600;
        text-shadow: 2px 3px #00000085;
        position: inherit;
        width: auto;
        z-index: 1;
        text-align: center;
    }

    .banner.sliderBanners {
        width: 100%;
    }

    .sidebarInner h5 span {
        border: none;
        font-size: 25px;
        padding: 10px 0 10px 8px;
    }

    .selectBox:after {
        right: 100px;
    }

    .searchByForm select {
        border-radius: 50px 0 0 50px;
    }

    .sidebarBox:after {
        width: 308px;
    }

    .home .contentSidebar.hidden-xs.hidden-sm {
        padding-bottom: 0;
    }

    .featuredCategories {
        padding: 5px 10px 0;
        margin-top: 25px;
    }

    .logo {
        background-size: 410px;
    }

    .featCataBox {
        max-width: 50%;
    }

    .contentSidebar:after {
        position: absolute;
        content: '';
        left: -15px;
        right: -15px;
        top: 0;
        bottom: 0;
        background-image: url('/v/vspfiles/assets/images/productbrownbg.png');
        background-repeat: no-repeat;
        background-position: bottom;
        z-index: -1;
        background-size: cover;
    }

    .home .contentSidebar.hidden-xs.hidden-sm {
        position: relative;
    }

    .productsListings {
        /* margin-left: -20px; */
        display: flex;
        flex-wrap: wrap;
        padding: 0 0 15px;
    }

    .brandsLogos .slick-list {
        max-width: 260px;
    }

    .brandBox {
        max-width: 120px;
        display: flex !important;
    }

    tbody.sorterPagerBarInner>tr {
        display: block !important;
    }

    .category form#MainForm>input[name='Cat']+table>tbody>tr>td,
    .category form#MainForm>input[name='Cat']+table td[valign='bottom'][rowspan='2'],
    .category form#MainForm>input[name='Cat']+table td[align='right'] {
        margin: 5px 0;
    }

    table.sorterPagerBarMain {
        margin-left: 0;
    }

    .v-product-grid .v-product,
    .productdetails span#Header_ProductDetail_ProductDetails_span,
    .productdetails span#Header_ProductDetail_TechSpecs_span,
    .productdetails span#Header_ProductDetail_ExtInfo_span,
    .productdetails td#Header_ProductDetail_ProductDetails.vCSS_tab_unselected span#Header_ProductDetail_ProductDetails_span,
    .productdetails td#Header_ProductDetail_TechSpecs.vCSS_tab_unselected span#Header_ProductDetail_TechSpecs_span,
    .productdetails td#Header_ProductDetail_ExtInfo.vCSS_tab_unselected span#Header_ProductDetail_ExtInfo_span {
        width: 100%;
    }

    .shoppingcart #content_area td.v65-cart-detail-productimage img {
        margin: 0 auto;
    }

    td.productDetailImageSection {
        padding: 0 !important;
        width: 100%;
        display: block;
    }

    .blueWithBorderBtn span,
    .productdetails td.vCSS_tab_unselected span,
    .productdetails td.vCSS_tab_selected span,
    .productdetails .vol-option-heading .banner {
        font-size: 16px;
    }

    .productdetails td.vCSS_tab_selected span {
        width: 100% !important;
    }

    #v65-product-parent font.productnamecolorLARGE span {
        font-size: 24px;
        line-height: 30px;
    }

    h2.landPageHeadInner {
        font-size: 22px;
    }

    .customLandingPage .tab {
        padding: 0 10px;
    }

    .brandlogoImg {
        width: 25%;
        padding: 10px;
    }

    .customLandingPage .tab button {
        float: none;
        width: 100%;
        border-radius: 50px !important;
        margin: 0 0 10px;
        padding: 10px;
    }

    .customLandingPage .tab button span {
        width: 100%;
        display: block;
        margin: 0;
        border-radius: 50px;
    }
    

    .customLandingPage .tab button.active span {
        padding: 0;
    }

    .customLandingPage .tab button.active,
    .customLandingPage .tab button,
    .customLandingPage .tab button span
    {
        padding: 0;
        margin-bottom: 5px;
    }

    .Benefitsimgbox {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-left: -10px;
        padding: 15px 0;
    }
    .BenefitInnerContnt
    {
        border: none;
        justify-content: center;
    }

    .customLandingPage .featCataBox {
        padding-left: 0;
    }

    .customLandingPage .featCataTitle {
        background-size: 100%;
    }

    .BenefitBoxDes {
        width: 100%;
    }

    .BenefitBoxDes li {
        line-height: 25px;
    }

    .BenefitBoxDes ul {
        padding: 10px;
    }

    .BenefitBoxDes li {
        padding-right: 0;
    }

    /****  MOBILE MANUAL *****/
    .manualselectionBox {
        flex-direction: column;
        padding: 15px 0;
    }

    .manualFilterBox {
        width: 90%;
        margin-right: 0;
    }

    .manualSelectionBanner {
        width: 90%;
        margin-left: 0;
        margin-top: 15px;
    }

    .landingFeaturedProd {
        flex-direction: column;
    }

    .landingProdBox {
        margin: 10px 0;
    }
    .leftInnerImage ,
    .rightInnerImage {
        top: 120px;
    }
    .featCataTitle {
        background-size: 100% 100%;
        background-position: 100%;
    }
    .footerMob{
        display: block;
    }
    .footerMainBox{
        display: none;
    }
    .footerMainMob{
        display: block;
    }
    .footerLinksBrands {
        display: flex;
    }
    .v-product-grid .v-product {
        width: 50% !important;
        margin: 12px 0;
        padding: 0 5px !important;
    }
    tbody.sorterPagerBarInner tr {
        display: block;
    }
    
    .category #MainForm.search_results_section>input[name='Cat']+table table[width='250'] td:nth-child(2) {
        margin: 12px 0;
    }
    .sorterDropdown {
        display: inline-block;
    }
    .productsListings {
        text-align: center;
        display: inline-block;
        font-size: 0;
    }
    .footerBox.footerCategories {
        width: auto;
    }
    .productsListings.featuredSlider {
        display: block;
    }
    .gmcToyota {
        display: flex;
        width: 50%;
    }
    .brandlogoImg.Gmc {
        margin-bottom: 15px;
        width: initial;
    }
    .brandlogoImg.Toyota {
        width: initial;
    }
    .jeepMazda {
        display: flex;
        width: 50%;
    }
    .brandlogoImg.Jeep {
        width: initial;
    }
    .brandlogoImg.Mazda {
        width: initial;
    }
    /*************** added for gallery mobile ***************/
    .gallery {
        width: 49%;  
    }
    .keylessCategories {
        padding: 15px 0;
    }
    .keylessCataBoxes
    {
        margin-left: -10px;
    }
    .keyCataBox
    {
        padding-left: 10px;
        margin-bottom: 15px;
        width: 50%;
    }
    .benefitBoX
    {
        width: 50%;
    }
    .keyImg
    {
        min-height: 145px;
    }
    .keyCataTitle h5 {
        line-height: 18px;
        font-size: 18px;
    }
    .relatedProductDetailPage .productsListings {
        display: flex;
    }
    table.relatedProductDetailPage tbody td font {
        margin: 0 -15px;
    }
    table.relatedProductDetailPage .productBoxMain {
        width: 50%;
    }
    .cartBtnMain.Manual {
        margin-left: auto;
        margin-right: auto;
    }
    .mobileCategories .sidebarBox.sidebarBoxCata {
        padding: 10px;
        border-radius: 0px;  /*** was 0 ***/
        margin: 10px 0;
    }
    .mobileCategories .sidebarInner {
        margin-left: 0;
    }
    .mobileCategories .sidebarBox h5 {
        border-radius: 1;  /** was 0 **/
        margin: 0;
    }
    .mobileCategories .sidebarInner ul li, .mobileCategories .sidebarInner ul li a {
        padding: 2px 8px;
    }
    .mobileCategories .sidebarBox:after,
    .mobileCategories nav#display_menu_2,
    .vnav__item:hover > .vnav__subnav,
    .contentSection .sidebarBox.sidebarBoxCata {
        display: none;
    }
    .sidebarInner ul.vnav.vnav--vertical.vnav--level1 ul.vnav.vnav__subnav.vnav--level2 {
        position: relative;
        left: 0;
        display: none;
    }
    .mobileCategories .sidebarInner ul li a {
        border-radius: 0;
        display: inline-block;
    }
    .mobileCategories .sidebarInner ul li.lihasul {
        display: block;
        width: 100%;
        position: relative;
    }
    .mobileCategories .sidebarInner ul li.lihasul:before {
        position: absolute;
        content: '+';
        right: 0;
        font-size: 26px;
        line-height: 24px;
    }
    .mobileCategories .sidebarInner ul li.lihasul.closesub:before {
        content: '-';
    }
    td.productDetailImageSection td.productDetailImage br {
        display: none;
    }
    span#altviews a {
        width: 25% !important;
        padding: 0 5px;
        margin: 4px 0 !important;
    }
    table.relatedProductDetailPage .productsListings .productBoxMain
    {
        width: 50%;
    }
    .productdetails .prodPrice
    {
        padding-left: 0;
        padding-right: 0;
    }
    .productdetails #ProductDetail_ProductDetails_div2 .colors_descriptionbox>tbody>tr:nth-child(3)>td[width='100%'], .productdetails form .colors_descriptionbox
    {
        padding: 5px;
    }
    div#ProductDetail_ProductDetails_div2 li {
        list-style-position: inside;
    }
    td.cartBtnArea {
        width: 100%;
    }
    .productdetails td#v65-productdetail-action-wrapper td.cartBtnMain {
        width: 100%;
    }
    .productdetails .qtyBarAndBtn {
        flex-wrap: nowrap;
    }
    .headerMiddle {
        padding-top: 47px;
    }
    .mobileCategories .sidebarBox.sidebarBoxCata {
        background-image: none;
    }
    
    .sidebarBox h5 {
        border-bottom-right-radius: 50px;
    }
    nav#display_menu_2 {
        background-color: #fff;
        border-radius: 15px;
    }
    .mobileCategories .sidebarInner ul li.lihasul:before {
        right: 8px;
    }
    .headerMiddle:before, .headerMiddle:after {
        z-index: 99;
    }
    .productdetails .searchForm{
        display: none;
    }
    .searchForm {
        margin-bottom: 18px;
    }
    .shoppingcart #content_area #v65-cart-table td[width='70'] div:before,
    .shoppingcart #content_area #v65-cart-table td[width='135'] div:before {
        left: 28px;
    }
    .shoppingcart .v65-cart-details-row td[width='70'] div,
    .shoppingcart .v65-cart-details-row td[width='135'] div {
        text-align: left !important;
    }
    .shoppingcart #content_area #v65-cart-table>tbody>tr.v65-cart-details-row td {
        text-align: left !important;
    }
    .shoppingcart font.carttext.colors_text {
         margin-left: 54px;
    }
    .shoppingcart #content_area #v65-cart-table .v65-cart-details-row td:nth-child(8) center:before {
        left: 27px;
    }
    .shoppingcart #content_area #v65-cart-coupon-entry-details-div{
        display: flex;
        align-items: center;
    }
    .shoppingcart b.cart-item-name {
        margin-left: -62px;
    }
    .shoppingcart #content_area tr#v65-coupon-table-row {
        display: flex !important;
        align-items: center;
        flex-wrap: wrap;
    }
    .shoppingcart #content_area td#v65-cart-coupon-entry-details-container {
        width: auto;
        width: 50%;
    }
    .shoppingcart #content_area td#v65-cart-update-total-cell {
        width: auto;
        width: 50%;
    }
    .shoppingcart .btn_recalculate__span {
        margin-bottom: 0px;
        margin-left: 4px;
    }
    .shoppingcart #v65-cart-coupon-entry-details-container {
        padding: 6px 4px !important;
    }
    .shoppingcart #content_area #v65-cart-table td input#v65-cart-coupon-entry-details-input {
        margin: 0 4px;
    }
    .alternate-payment.paypal {
        margin-left: auto;
        margin-right: auto;
        margin-top: 12px;
    }
    .shoppingcart .relatedProductDetailPage2 .productsListings{
        display: flex;
        flex-wrap: wrap;
    }
    .shoppingcart .productBoxMain, td.relatedProductDetailPage2 .productBoxMain {
        width: 50%;
    }
    .category .autoMenu ul {
        display: inherit;
    }
    .category .ShowBoards {
        border-top-right-radius: 60px;
        border-bottom-right-radius: 60px;
        margin: 0px;
    }
    .category .autoMenu ul li.menuShowBoards {
        background-color: #0443a5;
        border-top-right-radius: 60px;
        border-bottom-right-radius: 60px;
    }
    .category .autoMenu ul li a {
        font-size: 20px;
    }
    .category .autoMenu ul li.menuShoIthighlighted {
        border-top-right-radius: 60px;
        border-bottom-right-radius: 60px;
    }
    .category .ShoIthighlighted {
        border-top-right-radius: 60px;
        border-bottom-right-radius: 60px;
        margin: 0px;
    }
    .category .autoMenu ul li.menuShoIt {
        background-color: #0443a5;
        border-top-left-radius: 60px;
        border-bottom-left-radius: 60px;
    }
    .category .ShoIt {
        border: 3px solid #000;
        border-radius: 60px;
        border-top-left-radius: 60px;
        border-bottom-left-radius: 60px;
        margin: 0px;
    }
    .category .Miscellaneoushardwarehighlighted {
        margin: 0px;
        background-color: #d4c8b6;
        padding: 8px;
        text-shadow: none;
        color: #000;
        border-top-right-radius: 60px;
       border-bottom-right-radius: 60px;
       border: none;
    }
    .category .Electricalconnectorshighlighted{
        margin: 0px;
        background-color: #d4c8b6;
        padding: 8px;
        color: #000;
        text-shadow: none;
        border-top-right-radius: 60px;
        border-bottom-right-radius: 60px;
        border: none;
    }
    .category .Actuatorrodclipshighlighted{
        margin: 0px;
        background-color: #d4c8b6;
        padding: 8px; 
        text-shadow: none;
        color: #000;
        border-top-right-radius: 60px;
        border-bottom-right-radius: 60px;
        border: none;
    } 
    .category .ShowBoardshighlighted {
        background-color: #d4c8b6;
        border: none;
        margin: 0;
        padding: 6px;
        color: #000;
        text-shadow: none;
    }
    .category .ShoIthighlighted {
        background-color: #d4c8b6;
        border: none;
        margin: 0;
        padding: 6px;
        color: #000;
        text-shadow: none;
    }
    .category .ShowBoardshighlighted {
        border-top-right-radius: 60px;
        border-bottom-right-radius: 60px;
    }
    .category .autoMenu ul li.menuShowBoardshighlighted {
        border-top-right-radius: 60px;
        border-bottom-right-radius: 60px;
    }
    .partsMenu ul li a {
        border: 3px solid #000;
    }
    .Miscellaneoushardware {
        border-top-right-radius: 60px;
        border-bottom-right-radius: 60px;
        margin: 0px;
    }
    .Electricalconnectors {
        border-top-left-radius:60px;
        border-bottom-left-radius: 60px;
        margin: 0px;
    }
    .Actuatorrodclips {
        border-top-right-radius: 60px;
        border-bottom-right-radius: 60px;
        margin: 0px;
    }
    .productdetails td.cartBtnArea {
       min-width: 90px;
    }
    .productdetails #content_area {
        padding: 15px 5px 50px;
    }
    .product_productprice, .productBoxMain .product_saleprice {
        width: 118px;
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto;
    }
    .prodPrice span, .prodPrice b, .prodPrice font, .prodPrice .product_discountprice, .productBoxMain .product_saleprice {
        font-size: 16px !important;
    }
    .productdetails table#v65-product-parent table.colors_pricebox .prodPrice div.product_productprice {
        margin-left: 0;
    }
    .shoppingcart .vol-link .btn-icon {
        padding: 4px 2px 4px 2px;
    }
    
    .shoppingcart .vol-link input {
        padding: 0px 2px 0px 2px !important;
    }
    .shoppingcart .promotionalTextSection{
        display: none;
    }
    .productdetails .promotionalTextSection{
        display: none;
    }
    .category .promotionalTextSection{
        display: none;
    }
    .shoppingcart font.productnamecolorLARGE.colors_productname, .shoppingcart .v65-productDisplay {
        display: inherit;
    }
    .shoppingcart span.PageText_L532n:before {
       display: none;
    }
    .shoppingcart span.PageText_L532n:after {
       display: none;
    }
    .shoppingcart span.PageText_L532n {
        background-image: none;
    }
    .shoppingcart span.PageText_L532n {
        background: none;
        text-shadow: 2px 2px #024691;
        font-size: 28px;
    }
    /* .shoppingcart .productsListings {
        background: #051228;
        margin: 0;
        border-radius: 35px;
    } */
    .shoppingcart font.productnamecolorLARGE.colors_productname {
        background-image: none;
    }
    .shoppingcart font.pricecolorsmall.colors_productprice.product_productprice {
        margin: 0 auto;
    }
    .shoppingcart span.PageText_L532n {
        text-align: center;
    }
    .shoppingcart font.productnamecolorLARGE.colors_productname {
        justify-content: center;
    }
    .WarrantPage .promotionalTextSection {
        display: none;
    }
    .BodyPromo .promotionalTextSection {
        display: none;
    }
}
@media only screen and (max-width: 430px) {
    
    .prodPrice span, .prodPrice b, .prodPrice font, .prodPrice .product_discountprice, .productBoxMain .product_saleprice {
        font-size: 14px !important;
    }
    span.PageText_L532n {
        font-size: 20px !important;
    }
    .shoppingcart font.productnamecolorLARGE.colors_productname {
        font-size: 20px !important;
    }
}
@media only screen and (max-width: 375px) {
    
input.v65-productdetail-cartqty {
    padding: 3px;
}
.shoppingcart .btn_recalculate__span {
    margin-bottom: 0px;
    margin-left: 18px;
}
.shoppingcart span.PageText_L532n {
    font-size: 20px !important;
}
}

@media only screen and (max-width: 767px) and (min-width: 431px)  {
    .product_productprice, .productBoxMain .product_saleprice {
        width: 130px;
    }
}