.main-panel-border{
    background-color: rgb(255,255,255);
    border-radius: 8px 8px 8px 8px;
    border: 1px solid rgb(255,255,255);
}
.body-css-non-fixed-nav-adjustment{
    padding-top: 0;
    padding-bottom: 0;
    text-align: left;
    background-color:  rgb(211, 211, 211);
}
.productListing-odd{
    border-top: 1px solid lightgrey;margin-bottom: 8px; padding-bottom: 8px;
}
.productListing-even{
    border-top: 1px solid lightgrey; margin-bottom: 8px; padding-bottom: 8px;
}
@media screen and  ( min-width : 768px) {
    .main-panel-border{
        border: 3px solid rgb(255,255,255);
    }
}
.icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    stroke-width: 0;
    stroke: white;
    fill: white;
    margin: -.4em 0 -.4em 0;
}
.icon-container{font-size: 16px;display: inline-block;vertical-align: middle;overflow: hidden;}
.icon-glyphicons-car{width: 3em; height: 3em;vertical-align: top;margin: -10px 10px -10px 0;}
.icon-top{display: inline-block; width: 2.8em;height: 2.8em;margin: 3px -8px 0 -8px;}


/* Navbar Garage*/
.garage-make-menu{
    max-height: 250px;
    overflow: auto;
}

.garage-model-menu{
    max-height: 250px;
    overflow: auto;
}

.garage-year-menu{
    max-height: 250px;
    overflow: auto;
}

@media screen and (max-width: 767px) {
    .garage-year-menu > li{
        padding-top: 10px;
    }
    .garage-doors-trim-menu > li{
        padding-top: 10px;
    }
    .garage-model-menu > li{
        padding-top: 10px;
    }
    .garage-make-menu > li{
        padding-top: 10px;
    }
}
.garage-doors-trim-menu{
    max-height: 248px;
    overflow: auto;
}

.garage-cover-surround{
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.85);
    z-index:1999;
    width:100%;
    height:100%;
    display:none;
}
.garage-bar-in-modal{
    position: relative;
    border-radius: 5px 5px 5px 5px !important;
    border: 3px solid yellow;
    z-index: 2000;
}

.garage-bar-old {
    /* background-color: rgb(153, 160, 167); */
    background-color: #FFFFFF;
    border: 1px solid rgb(45,52,52);
    color: #ffffff;
    border-radius: 10px 10px 10px 10px;
    margin: 15px 0px 5px 0px;
    padding: 0px 5px 5px 15px;

}




/*! Navbar theme changes */
.navbar-pro {
    border-bottom: 3px solid rgb(45,52,52);
}



.navbar-pro .navbar-brand:hover,.navbar-pro .navbar-brand:focus {
    color: rgb(0,100,120);
    background-color: transparent;
}

.navbar-pro .navbar-text {
    color: #FFFFFF;
}

@media screen and (max-width: 767px) {
    .navbar-pro .navbar-nav>li>a {
        color: #FFFFFF;
        margin-top: 5px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        padding-bottom: 7px;
        line-height: 10px;
    }
    .navbar-pro .navbar-brand {
        color: #FFFFFF;
        line-height: 10px;
        padding: 0px 5px 0px 5px;
    }

    .navbar-pro .navbar-nav>.active>a,.navbar-pro .navbar-nav>.active>a:hover,.navbar-pro .navbar-nav>.active>a:focus
    {
        color: rgb(255, 255, 255);
        /**background-color:  rgb(153, 160, 167);**/
        background-color:  transparent;
        margin-top: 5px;
    }
}

@media screen and (min-width:768px) {
    .navbar-pro .navbar-brand {
        color: #FFFFFF;
        line-height: 10px;
        padding: 0px 15px 0px 10px;
    }
    .navbar-nav {
        color: #FFFFFF;
        margin-left: 10px;
    }

    .navbar-pro .navbar-nav>.active>a,.navbar-pro .navbar-nav>.active>a:hover,.navbar-pro .navbar-nav>.active>a:focus
    {
        color: rgb(255, 255, 255);
        /**background-color:  rgb(153, 160, 167);**/
        background-color:  rgb(35, 35, 35);
        margin-top: 5px;
    }

}

.navbar-pro .navbar-nav>li>a:hover,.navbar-pro .navbar-nav>li>a:focus {
    color:  rgb(153, 160, 167);
    background-color: transparent;
}

.navbar-pro .navbar-nav>.disabled>a,.navbar-pro .navbar-nav>.disabled>a:hover,.navbar-pro .navbar-nav>.disabled>a:focus
{
    color: #cccccc;
    background-color: transparent;
}

.navbar-pro .navbar-toggle {
    border-color: transparent;
}

.navbar-pro .navbar-toggle:hover,.navbar-pro .navbar-toggle:focus {
    background-color: #dddddd;
}

.navbar-pro .navbar-toggle .icon-bar {
    background-color: rgb(255, 255, 255);
}

.navbar-pro .navbar-collapse,.navbar-pro .navbar-form {
    border-color: #e6e6e6;
}

.navbar-pro .navbar-nav>.dropdown>a:hover .caret,.navbar-pro .navbar-nav>.dropdown>a:focus .caret
{
    border-top-color: rgb(153, 160, 167);
    border-bottom-color: rgb(153, 160, 167);
}

.navbar-pro .navbar-nav>.open>a,.navbar-pro .navbar-nav>.open>a:hover,.navbar-pro .navbar-nav>.open>a:focus
{
    color: #555555;
    background-color: #e7e7e7;
}

.navbar-pro .navbar-nav>.open>a .caret,.navbar-pro .navbar-nav>.open>a:hover .caret,.navbar-pro .navbar-nav>.open>a:focus .caret
{
    border-top-color: rgb(153, 160, 167);
    border-bottom-color: rgb(153, 160, 167);
}

.navbar-pro .navbar-nav>.dropdown>a .caret {
    border-top-color: #FFFFFF;
    border-bottom-color:  #FFFFFF;
}

@media screen and  ( max-width : 767px) {
    .navbar-pro .navbar-nav .open .dropdown-menu>li>a {
        color: #FFFFFF !important;
    }
    .navbar-pro .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-pro .navbar-nav .open .dropdown-menu>li>a:focus
    {
        color: #333333;
        background-color: transparent;
    }
    .navbar-pro .navbar-nav .open .dropdown-menu>.active>a,.navbar-pro .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-pro .navbar-nav .open .dropdown-menu>.active>a:focus
    {
        color: #555555;
        background-color: #e7e7e7;
    }
    .navbar-pro .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-pro .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-pro .navbar-nav .open .dropdown-menu>.disabled>a:focus
    {
        color: #cccccc;
        background-color: transparent;
    }
}

.pro-nav-pills{
    background-color: rgb(255,255,255);
    border-radius: 0 0 4px 4px;
    margin-left: auto;
    margin-right: auto;
    max-width: 234px !important;
    text-align: left;
    padding-left: 0;

}

.nav-icon-spacing{
    margin-right: 1em;
    display: inline-block;
}


@media screen and  ( min-width : 992px) {
    .nav-icon-spacing{
        padding-right: 1.5em;
    }
    .nav-pills > li > a {
        border-radius: 0;
        padding: 2px 0 2px 25px;
        margin: 2px 1px 2px 1px;
    }
}

.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{
    color:#fff;
    background-color:  rgb(35, 35, 35);
}
.navbar-pro .navbar-link {color: #777777;}

.navbar-pro .navbar-link:hover {color: #333333;}
.nav-bar-not-fixed-adjustment{margin-bottom: 0px !important;}
.centered_image {display: block;margin-right: auto;margin-left: auto;}

@media ( max-width : 767px) {
    .hidden-inline-xs {display: none !important;}
    .visible-inline-xs-sm{display: inline-block !important;}
}
@media ( max-width : 991px) {
    .hidden-inline-xs-sm {display: none !important;}
    .visible-inline-up-to-md {display: inline !important;}
    .reviews-and-social{background-color: rgb(250, 250, 250);}
}
.application-box
{
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(180, 180, 180);
    border-radius: 5px 5px 0 0;
    text-align : left;
    padding: 10px;
    font-size: 1em;
    color: rgb(0, 140, 100);
}

.image_thumb{border: 1px solid rgb(255, 255, 255) !important;border-radius: 8px !important;}
h1 {
    margin-right:auto;
    margin-left: auto;
    text-align: center;
    font-size: 1.6em;
    color: rgb(120, 20, 20);
    font-family:  sans-serif;
}
p{
    max-width: 780px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 1em;
    padding-right:1em;
}
.title_ymm{color: rgb(144, 144, 144);font-size: 1em;}


/* End what we could inline*/


.pro-guides-block {
    text-align: center;
    background-color: rgb(250, 250, 250);
    border: 1px solid lightgray;
    padding: 6px 12px 6px 12px;
    border-radius: 4px;
    margin: auto;
    max-width: 700px;
}

.icon-for-description{
    fill: black;
    margin: 0 10px 0 0;

}

.icon-top-non-mobile{

    display: inline-block;
    width: 2em;
    height: 2em;
    margin: -8px -8px -8px -8px;

}

.icon-active-external{

}
.icon-active{
    fill:  rgb(228,226,108) ;
}

.icon-social-media{
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    margin: 3px 0 3px 0;
}

.icon-facebook {
    fill: #3b5998;
}

.icon-youtube .a {
    fill: red;
}

.icon-youtube .b {
    fill: #ffffff;
}

.icon-instagram {
    stroke-width: 1;
    stroke: black;
    fill: rgb(80,80,80);
    width: 1.5em;
    height: 1.5em;
}

.icon-glyphicons-left-indent{
    fill: rgb(140, 140, 140);
    width: 3.5em;
    height: 3.5em;
    margin: -16px -10px -16px -10px;
}

.icon-glyphicons-lock{
    width: 1.5em;
    height: 1.5em;
    margin: -5px 2px -5px -3px;
}
.icon-glyphicons-unshare{
    fill: rgb(0, 100, 0);
    width: 2em;
    height: 2em;
    margin: -8px 0 -8px 0;
}
.icon-glyphicons-retweet-2{
    fill: rgb(0, 100, 0);
    width: 2em;
    height: 2em;
    margin: -8px 0 -8px 0;
}
.icon-glyphicons-arrow-down{
    fill: rgb(0, 100, 0);
    width: 4em;
    height: 4em;
    margin: -16px -10px -16px -10px;

}

.icon-glyphicons-cart-in{
    width: 2.4em;
    height: 2.4em;
    margin: -8px -5px -10px -5px;

}

.icon-glyphicons-ok{
    width: 3em;
    height: 3em;
    margin: -16px -5px -16px -5px;
}

.icon-glyphicons-bookmark{
    fill:  rgb(0, 100, 0);
}
.icon-glyphicons-eject{
    fill:  black;
}
.icon-media-black{
    fill:  black ;
    width: 2em;
    height: 2em;
    cursor: pointer;
}

.icon-black{
    fill:  black ;
    width: 2em;
    height: 2em;
}
.icon-grey{
    fill:  grey;
}

.icon-small-car{
    width: 2em;
    height: 2em;
    vertical-align: middle;
    margin: 0px 0 0px 0;
}

.icon-glyphicons-log-in{
    width: 2em;
    height: 2em;
    margin: -10px -5px -10px -5px;

}

.arrow-down-for-checkout{
    fill: rgb(0, 140, 100);
    width: 3em;
    height: 3em;
    margin: -16px -10px -16px -10px;
    padding-right: 6px;
}

.icon-arrow-down-scroll-indicator{
    fill: rgb(220, 220, 220);
    width: 90px;
    height: 80px;
    position: absolute;
    top: 0px;
    transform: translate(-50%, -50%);
    left: 50%;
    opacity: .7;
}

.icon-arrow-down-car-companion{
    fill: rgb(0, 140, 100);
    width: 3em;
    height: 3em;
    margin: -16px -10px -16px -10px;
}
.icon-arrow-down-more-notice{
    fill: rgb(0, 140, 100);
    width: 6em;
    height: 6em;
    margin: -26px -30px -26px -30px;
}

.icon-arrow-right-car-companion{
    fill: rgb(0, 140, 100);
    width: 3em;
    height: 3em;
    margin: -16px -10px -16px -10px;
}

.icon-back-car-companion{
    fill: #f0ad4e;
    width: 2.5em;
    height: 2.5em;
    margin: -16px -10px -10px -10px;
}

.icon-jay-car-sil{
    fill: black;
    width: 3em;
    height: 3em;
    vertical-align: top;
    margin: -16px 0 -16px 0;
}

#site_reviews_box {
    box-sizing:border-box;
    height:430px;overflow:auto;width:1px;min-width:100%;font-family:"Arial","Helvetica","sans-serif";font-size:14px;margin:0;padding:0;background-color:#fafafa;
    text-align: left;
}

.site-reviews-score {
    color:rgb(15,15,15);
    margin:0;padding:0;
    font-size:2.2em;
}

.reviews-box-wrapper {position:relative;width:100%;height:100%;min-width:140px;font-size:.9em;padding:130px 0 10px;}
.reviews-outer-box {position:absolute;top:0;right:0;left:0;background:#fff;text-align:center;border-bottom:0;min-width:140px;width:100%;padding:8px}
.reviews-outer-box .reviews-box-info {color:#aaa;line-height:12px}
.reviews-outer-box .reviews-box-stars {max-width:160px;margin:0 auto}
.reviews-outer-box .reviews-box-stars img {width:auto;max-width:100%;border:0}
.star-rating {width:130px}
.star-rating .star {float:left;background-color:#0074ff;border-radius:2px;position:relative;width:18%;padding:0 0 18%;margin-right:2%}
.star-rating .star .sprite {position:absolute;top:8%;bottom:12%;left:10%;right:10%;width:80%;height:80%}
.star-rating .star-last {margin-right:0}

.wrapper-reviews {width:100%;height:240px;max-width:300px;margin:40px auto 0px auto;overflow-y:scroll}
.wrapper-reviews .reviews-box-review {position:relative;background:#fff;overflow:hidden;padding:8px 10px 10px 10px;margin:8px 10px 0px 10px;border-radius:5px;box-shadow:0 5px 5px -5px #c8c8c8}
.wrapper-reviews .reviews-box-review .showall {height:auto !important}
.wrapper-reviews .reviews-box-review .user-info {margin:0px 0px 10px 0px}
.wrapper-reviews .reviews-box-review .user-info .name {color:#777;font-weight:bold;}
.wrapper-reviews .reviews-box-review .reviews-box-stars {position:relative;display:block;margin:0 0 10px}
.wrapper-reviews .reviews-box-review .date {font-size:80%;color:#aaa;margin-top:8px}
.wrapper-reviews .reviews-box-review .header {position:relative;font-weight:700;margin:0 0 10px;word-wrap:break-word;overflow:hidden}
.wrapper-reviews .reviews-box-review .text {position:relative;margin:0;height:60px;word-wrap:break-word;overflow:hidden}
.wrapper-reviews .reviews-box-review .reply {background:#fff;border-top:1px solid #eee;border-left:6px solid #ccc;position:relative;margin:18px -18px -18px;padding:18px;height:126px;word-wrap:break-word;overflow:hidden}
.wrapper-reviews .reviews-box-review .reply .header {display:block;color:#666;padding:0 0 0 32px}
.wrapper-reviews .reviews-box-review .reply .header img {position:absolute;left:0;margin-right:10px;vertical-align:middle}

.media_count_link{
    color: #337ab7;
    cursor: pointer; cursor: hand;
}
@media screen and  ( max-width : 519px) {
    .show-portrait-product-media-count-box-inline-block{
        display: inline-block;
    }

    .hide-portrait-product-media-count-box{
        display: none;
    }
}

@media screen and  ( min-width : 520px) {
    .hide-landscape-product-media-count-box{
        display: none;
    }
    .show-landscape-product-media-count-box{
        display: inline-block;
    }
}

#card-name-input{

}

#card-name-input:focus{
    border-color: #c4c4c4;
    background-color: #F9F9F9;
}

.paypal-explain-row{
    border-top: 1px solid rgb(245,245,245);
    padding-top: 10px;
}
.paypal-button {
    white-space: nowrap;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    background: transparent none repeat scroll 0px center;
    border: 0px none;

    z-index: 0;
}

.paypal-button.paypal-style-checkout.paypal-size-small {

}

.paypal-button-content {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-weight: 500;
    cursor: pointer;
    width: auto;
    height: 24px !important;
    max-height: 24px !important;
    margin-left: 2px;
    margin-top: 2px;
    margin-right: 2px;
    width: 130px;
    display: inline-block;
    overflow: visible;
    border-radius: 12px;
    font-size: 10.2px !important;
    line-height: 26px !important;
    vertical-align: middle;
    padding: 4px 8px;
    border: 1px solid transparent;
    min-width: 57px !important;
    box-sizing: content-box !important;
    background: #009CDE none repeat scroll 0% 0%;
    color: #FFF;
    text-shadow: 0px -1px 0px #0D86BB;
}

.paypal-button-content img {
    vertical-align: middle;
    padding: 0px !important;
    display: inline !important;
    background: transparent none repeat scroll 0% 0% !important;
    border: medium none !important;
    box-sizing: content-box !important;
    width: 63px;
    height: 16px;
    margin: -5px 0px 0px 1px;
}


.checkout_error_validate{
    border: 1px solid tomato !important;
}

#card-number {
    border-bottom: 1px solid rgb(100,100,100);
    -webkit-transition: border-color 160ms;
    transition: border-color 160ms;
    height: 30px;
    font-weight: normal;
}

#card-number.braintree-hosted-fields-focused {
    border-color: #c4c4c4;
    background-color: #F9F9F9;
}

#card-number.braintree-hosted-fields-invalid {
    border: 1px solid tomato;
}

#card-number.braintree-hosted-fields-valid {
    border-color: limegreen;
}


#expiration-month {
    border-bottom: 1px solid rgb(100,100,100);
    -webkit-transition: border-color 160ms;
    transition: border-color 160ms;
    height: 30px;
    font-weight: normal;
}

#expiration-month.braintree-hosted-fields-focused {
    border-color: #c4c4c4;
    background-color: #F9F9F9;
}

#expiration-month.braintree-hosted-fields-invalid {
    border: 1px solid tomato;
}

#expiration-month.braintree-hosted-fields-valid {
    border-color: limegreen;
}


#expiration-year {
    border-bottom: 1px solid rgb(100,100,100);
    -webkit-transition: border-color 160ms;
    transition: border-color 160ms;
    height: 30px;
    font-weight: normal;
}

#expiration-year.braintree-hosted-fields-focused {
    border-color: #c4c4c4;
    background-color: #F9F9F9;
}

#expiration-year.braintree-hosted-fields-invalid {
    border: 1px solid tomato;
}

#expiration-year.braintree-hosted-fields-valid {
    border-color: limegreen;
}

#cvv {
    border-bottom: 1px solid rgb(100,100,100);
    -webkit-transition: border-color 160ms;
    transition: border-color 160ms;
    height: 30px;
    font-weight: normal;
}

#cvv.braintree-hosted-fields-focused {
    border-color: #c4c4c4;
}

#cvv.braintree-hosted-fields-invalid {
    border: 1px solid tomato;
}

#cvv.braintree-hosted-fields-valid {
    border-color: limegreen;
}


.field-name {
    color: #6E787F;
    font-size: 12px;
    position: absolute;
    left: 7px;
    top: 0px;
    display: none;
    font-weight: 100;
    /**
    opacity: 0;
    top: 14px;
    transform: translate3d(0px, 6px, 0px);
    transition: transform 0s ease 0s, opacity 0s ease 0s;
    **/
}

.card-label {
    display: block;
    border-top: 0px solid rgb(100,100,100);
    border-bottom: 0px solid #DEE2E5;
    padding: 8px 0px;
    margin-top: 14px;
    z-index: 1;
    position: relative;
    /* overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    transition: background-color 131ms linear 0s;
    **/
}

.show-label {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}
.card-label .invalid-bottom-bar {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #D0021B;
    height: 10px;
    width: 100%;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 20, 0, 1);
}


/*
.add-payment-method-view .cvv-label {
    border-left: 1px solid #DEE2E5;
}*/
.cvv-label {
    border-left: 1px solid #DEE2E5;
}


.payment-method-item {
    position: relative;
    line-height: 50px;
    height: 50px;
    color: #6E787F;
}

.payment-method-icon {
    z-index: 3;
    position: absolute;
    left: auto;
    right: 14px;
    top: 50%;
    width: 41px;
    height: 27px;
    margin-top: -16px;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    border-radius: 1px;
}

.payment-method-icon-cart {
    display: inline-block !important;
    width: 41px;
    height: 27px;
    margin-top: -16px;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    border-radius: 1px;
}

.payment-method-icon.not-selected{
    opacity: 0.2;
}

.payment-method-icon.spot-1{
    right: 0px;
}
.payment-method-icon.spot-2{
    right: 57px;
}
.payment-method-icon.spot-3{
    right: 100px;
}
.payment-method-icon.spot-4{
    right: 150px;
}

.payment-method-icon-cart.visa,
.payment-method-icon.visa {
    display: block;
    text-indent: -999em;
    background-image: url("/includes/templates/template_default_responsive/images/credit-card-sprite.png");
    background-position: 0px -380px;
    width: 44px;
    height: 28px;
}


.payment-method-icon-cart.master-card,
.payment-method-icon.master-card {
    display: block;
    text-indent: -999em;
    background-image: url("/includes/templates/template_default_responsive/images/credit-card-sprite.png");
    background-position: 0px -268px;
    width: 44px;
    height: 28px;
}

.payment-method-icon-cart.american-express,
.payment-method-icon.american-express {
    display: block;
    text-indent: -999em;
    background-image: url("/includes/templates/template_default_responsive/images/credit-card-sprite.png");
    background-position: 0px -352px;
    width: 44px;
    height: 28px;
}

.payment-method-icon-cart.discover,
.payment-method-icon.discover {
    display: block;
    text-indent: -999em;
    background-image: url("/includes/templates/template_default_responsive/images/credit-card-sprite.png");
    background-position: 0px -156px;
    width: 44px;
    height: 28px;
}

.payment-method-icon.paypal {
    display: block;
    text-indent: -999em;
    background-image: url("/includes/templates/template_default_responsive/images/credit-card-sprite.png");
    background-position: 0px -408px;
    width: 44px;
    height: 29px;
}

/* or #cvv-icon.payment-method.icon*/
.payment-method-icon.CVV{
    display: none;
    text-indent: -999em;
    background-image: url("/includes/templates/template_default_responsive/images/credit-card-sprite.png");
    background-position: 0px -100px;
    width: 44px;
    height: 28px;
    border: 1px solid rgb(200,200,200);
}

.payment-method-icon.CID{
    display: none;
    text-indent: -999em;
    background-image: url("/includes/templates/template_default_responsive/images/credit-card-sprite.png");
    background-position: 0px -296px;
    width: 44px;
    height: 28px;
    border: 1px solid rgb(200,200,200);
}

.payment-method-icon.stick-left {
    left: 14px;
    right: auto;
}

.table_checkout {
    width: 100%;
    max-width: 100%;
}

.table_checkout > thead > tr > th,
.table_checkout > tbody > tr > th,
.table_checkout > tfoot > tr > th,
.table_checkout > thead > tr > td,
.table_checkout > tbody > tr > td,
.table_checkout > tfoot > tr > td {
    padding: 8px;
    line-height: 1;
    vertical-align: top;
    border-top: 0px solid #ddd;
}
.table_checkout > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.snippet_in_page_box
{
    background-color: rgb(250, 250, 250); padding: 10px; border-width: 1px;
    border-color: rgb(211, 211, 211);
    border-style: solid;
    font-size: .95em;
}


footer {
    padding-left: 15px;
    padding-right: 15px;
}


.readable-text-div{
    max-width: 780px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 1em;
    padding-right:1em;
}

h2 {

    margin-right:auto;
    margin-left: auto;
    text-align: center;

    font-family:  sans-serif;
}

/** General Use classes**/
.footer-links{
    color: rgb(140, 140, 140);
    font-size: 1em;
    display: inline-block;
    margin-top: 1em;
}
.seal-entity{
    display: flex;align-items: center; justify-content: center;
    margin-top: 1em;
}

.centered-ul-block{
    max-width: 720px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;

}

.centered-ul-block > ul{

    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    min-width: 200px;
    text-align: left;

}

@media ( max-width : 767px) {
    .centered-ul-block > ul > li{
        margin-top:15px;
    }

    .safe-list-space {
        margin-top: 0px;
    }
    .safe-list-space > ul{
        margin-top: 0px;
        list-style-type:none;
    }
    .safe-list-space ul >  li {
        margin-top: 15px;
    }
    .safe-space-div-list{
        margin-top:15px;
        margin-bottom:10px;
    }
    .safe-space-div-list > a{
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
    }
}
@media ( min-width : 768px) {

    .safe-list-space > ul{
        margin-top: 0px;
        list-style-type:none;
    }

    .safe-space-div-list{
        margin-top: 5px;
        margin-bottom:5px;
    }
    .safe-space-div-list > a{
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
    }

}

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

@media ( min-width : 992px) {

    .visible-inline-up-to-md {
        display: none !important;
    }

    .reviews-and-social{
        background-color: transparent;
    }

}


@media ( max-width : 1199px) {
    .hidden-inline-xs-sm-md {
        display: none !important;
    }
}



@media ( min-width : 768px) {
    .hidden-inline-sm-md-lg {
        display: none !important;
    }

    .visible-inline-xs-sm{
        display: none !important;
    }
}


.panel-default > .panel-heading{
    background: rgb(55, 55, 55);
    /*background: radial-gradient(circle, rgba(159,159,159) 19%, rgba(169,169,169,1) 74%, rgba(179,179,179,1) 100%);*/
    color: white;
    border: rgb(25, 25, 25);
    border-radius: 5px 5px 0 0;
    padding: 5px 5px 0 5px;
}
.centerboxheading {
    padding: 1px 4px;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    background-color: rgb(85, 85, 85);
    border: 1px solid rgb(170, 170, 170);
    color: rgb(250, 250, 250);
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
.content_panel_top{
    background-color: rgb(240, 240, 240);
    padding: 15px;
    text-align: left;
    border-radius: 6px;
}

.product_listing{
    text-align: center;

}

.product_listing_for_year{
    text-align: center;
    margin-top: 1em;
    border: 1px solid rgb(190, 190, 190);
    border-radius: 4px;
    margin-bottom: 1em;
    margin-left: .5em;
    margin-right: .5em;
    height: 240px;
    overflow: hidden;
    cursor: pointer; cursor: hand;

}


.messageStackError, .messageStackWarning, errorBox, .alert, .alertBlack {
    font-size: 1.1em;
    background-color: rgb(170, 0, 0);
    color: rgb(255, 255, 255);
    padding: 4px;
    border: 1px solid rgb(154, 154, 154);
}

.messageStackSuccess { font-size: .98em; background-color: #008800; color: #ffffff; padding: 4px; border: 1px solid #9a9a9a; }

.messageStackCaution { font-size: .98em; background-color: #888800; color: #ffffff; padding: 4px; border: 1px solid #9a9a9a; }

/** login and registration related **/
.plainBox, .plainbox-description {
    background-color: rgb(250, 250, 250);
    padding: 6px;
    border: 1px solid lightgray;
    border-radius: 4px;
}

.sign-up-subsection{
    text-align: center;
    color: rgb(120,120,120);
}

.sign-up-login-section{
    color: rgb(33, 39, 39);
}

.sign-up-login-section-v2{
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 1.1em;
}
.sign-up-under-title-text{
    font-size: .9em;  color: #ffffff;
}

/*** Shopping cart related***/
.cartListing-heading {
    font-weight: bold;
    background-color: rgb(240, 240, 240);
    border: 1px solid rgb(200, 200, 200);
}

/** Category: In Page area (not side bar) ***/
.category-element-in-page-area-a {
    padding-top: .5em;
    display: inline-block;
}

/*** Product Page Display Related **/
@media screen and (max-width : 360px) {
    .savings-value {
        color: rgb(0, 120, 0);
        font-family: Arial,sans-serif;
        font-weight: bold;
        margin-top: 5px;
        font-size: 1em;
    }
}

@media screen and (min-width : 360px) {
    .savings-value {
        color: rgb(0, 120, 0);
        font-family: Arial,sans-serif;
        font-weight: bold;
        margin-top: 5px;
        font-size: 1.2em;
    }
}

@media screen and (max-width : 360px) {
    .pricing-label{
        font-size: 1em;
        color: rgb(55, 55, 55);
        font-weight: bold;
        margin-top: 5px;
        text-align: right;
    }
}

@media screen and (min-width : 360px) {
    .pricing-label{
        font-size: 1.2em;
        color: rgb(55, 55, 55);
        font-weight: bold;
        margin-top: 5px;
        text-align: right;
    }
}

@media screen and (max-width : 360px) {
    .price-match-label{
        font-size: .8em;
        color: rgb(55, 55, 55);
        font-weight: bold;
        margin-top: 8px;
        text-decoration: italic;

    }
}

@media screen and (min-width : 360px) {
    .price-match-label{
        font-size: .9em;
        color: rgb(55, 55, 55);
        font-weight: bold;
        margin-top: 8px;
        text-decoration: italic;
    }
}

@media screen and (max-width : 360px) {
    .list_price{
        font-weight: bold;
        color: rgb(0, 0, 0);
        text-decoration: line-through;
        margin-top: 5px;
        font-size: 1em;
    }
}

@media screen and (min-width : 360px) {
    .list_price{
        font-weight: bold;
        color: rgb(0, 0, 0);
        text-decoration: line-through;
        margin-top: 5px;
        font-size: 1.2em;
    }
}

@media screen and (max-width : 360px) {
    .our_price {
        color: rgb(180, 0, 0);
        font-family: Arial, sans-serif;
        margin-top: 5px;
        font-weight: bold;
        font-size: 1em;
    }
}

@media screen and (min-width : 360px) {
    .our_price {
        color: rgb(180, 0, 0);
        font-family: Arial, sans-serif;
        margin-top: 5px;
        font-weight: bold;
        font-size: 1.2em;
    }
}

.our_price_product_listing {
    color: rgb(180, 0, 0);
    font-family: Arial, sans-serif;
    margin-top: 5px;
    font-weight: bold;
    font-size: 1em;
}

.our_price_product_listing_for_year {
    color: rgb(180, 0, 0);
    font-family: Arial, sans-serif;
    font-weight: bold;
}


.pricing-financing-label{
    font-size: .8em;
    color: rgb(100, 100, 100);
    font-weight: bold;
    margin-top: 5px;
    text-decoration: italic;
}

.pricing-equals-line{
    border-bottom: 1px solid rgb(140,140,140);
}


.app-info-label{
    font-size: 1em;
    color: rgb(140, 140, 140);
    font-weight: bold;
    margin-top: 5px;
}

.app-info-value{
    color: rgb(93, 102, 90);
    font-weight: bold;
    font-size: .95em;
    margin-top: 5px;
}
.app-extended-note-value{
    color: rgb(200, 120, 0);
    font-weight: bold;
    text-decoration: italic;
    font-size: .95em;
    margin-top: 5px;

}

.no-top-border{
    border-top: 0px solid transparent !important;
}
.price_box {
    line-height: 1em !important;

}

@media screen and (max-width: 767px) {
    .product-description {
        background-color: rgb(250,250,250);
        color: rgb(49,69,49);
        padding: 1em;
        font-size: 1.1em;
        max-width: 50em;
        margin: 0px auto 0px auto;
        border-radius: 4px;
        border: 1px solid rgb(200,200,200);
    }

    .product-description a {
        word-break: break-all;
    }

}

@media screen and (min-width: 768px) {
    .product-description {
        background-color: rgb(250,250,250);
        color: rgb(49,69,49);
        padding: 1.5em;
        font-size: 1em;
        max-width: 50em;
        margin: 0px auto 0px auto;
        border-radius: 4px;
        border: 1px solid  rgb(200,200,200);
    }

    .product-description a {
        word-break: break-all;
    }

    .readable-width{
        max-width: 50em;
        margin-right: auto;
        margin-left: auto;
    }
}


.car-bold-grey{
    color: #777;
    font-weight: bold;
}
.car-bold-black{
    color: rgb(40,40,40);
    font-weight: bold;
}
.make_model { color: rgb(100,100,100); font-size: .80em; }

.year_range {color: rgb(120,120,120);  font-size: .95em; }

.sub_model { color: #6A7275; font-size: .95em;}

.trim { color: rgb(150,150,150); font-size: .95em; }

.application_note { color: #6A7275; font-weight: bold; font-size: .88em; }

.app_list_div {
    border: 1px solid rgb(120, 120, 120);
    max-height: 233px;
    overflow-y: scroll;
    background-color: #FFFFFF;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 0px;
}

.app_list_responsive_row{
    cursor: pointer; cursor: hand;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 1px solid rgb(140,140, 140);
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    background: rgb(255,255,255);
}

.app_list_row_success{
    background: rgb(223, 240, 216);
}


.app_list_phone_limited_div { border: 1px solid rgb(180, 180, 180); width: 646px; background-color: #FFFFFF; }
.app_list_check_box {width:15px;}
.app_list_make_model {width: 125px;}
.app_list_year_range {width: 100px;}
.app_list_sub_trim {width: 150px;}


.app_list_application_note { width: 150px;}

.catalog-box
{
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(180, 180, 180);
    border-radius: 5px 5px 0px 0px;
    text-align : left;
    font-size: 1em;
    color: rgb(0, 100, 0);

}


.backBox
{
    background-color: #eeeeee;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 1px;
    padding-left: 10px;
    border: 1px solid #6a6a6a;
    margin-top: 3px;
}


/**
Front page article related
**/

.articleicon
{
    position: relative;
    margin-right: 4px;
    top: 1px;
    float: left;
    margin-bottom: 10px;
}


/**
Product Display Classes
**/

.product-list-manufacturer-name {
    font-size: .9em;
    margin-top: 5px;
    font-weight: bold;
    color: rgb(144, 144, 144);
    background-color: rgb(255 255 255 / 80%);
    text-shadow: -1px -1px 1px white;
    backdrop-filter:  blur(1px) ;-webkit-backdrop-filter: blur(1px);
}

.product-list-manufacturer-name-for-year {
    font-size: 1.2em;
    font-weight: bold;
    color: rgb(144, 144, 144);
}

.product-list-part-title-for-year{
    margin-top: 0.2em;
    font-size: 1.15em;
    color: #781414;
    font-weight: bold;
}
.ellipsis-container {
    position: relative;
    overflow: hidden;
    height: 61px;
}
.ellipsis-container::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10px;
    background: linear-gradient(to bottom, transparent, white);
}

@media screen and (max-width: 767px) {
    .product-list-part-title{
        margin: 4px 12px 0 8px;
        display: block;
        overflow: hidden;
    }
}

@media screen and (min-width: 768px) {
    .product-list-part-title{
        margin: 4px 15px 0 10px;
        display: block;
        min-height: 1em;
    }
}

@media screen and (min-width: 991px) {
    .product-list-part-title{
        margin: 4px 15px 0 10px;
        display: block;
        min-height: 1em;
    }
}


.product-list-part-image{
    height: 125px;
    margin-top: 20px;
    overflow: visible;
}


.product-list-part-starting-at{
    margin-top: .1em;
    margin-bottom: 10px;
    display: inline-block;
    border-bottom:1px solid rgb(245,245,245);
    /* border-right:1px solid rgb(220,220,220);  */

    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
}
.product-list-part-starting-at-label{
    font-size: .9em;
}

.product-list-part-monthly{
    margin-top: .1em;
}

.catalogmenu_inner {
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 8px;
    font-weight: bold;
    margin-left: auto;
    font-family: "Roboto", sans-serif;

}


.catalogmenu_inner>div {
    margin: 5px auto 5px auto;
    max-width: 254px;
    height: 3em;
    font-size: 1.25em;
    border: 1px  solid transparent;
    border-radius: 12px 0 0 12px;
    cursor: pointer;

}
.catalogmenu_inner >div > a{
    display: inline-block;
    margin-top: 1em;
    padding-left: 15px;;
    padding-right: auto;

    font-weight: bold;
    color: rgb(100, 0, 0);
}

.parent-category-active .active{
    color: rgb(45, 45, 48);
    font-weight: bold;
}

.parent-category-active {
    border: 1px transparent;
    margin-bottom: 2px !important;
}

table.padded-table td { padding: 2px; }


/*Paging Related*/
.paging-overview{
    font-size: .8em;
    color: rgb(200, 200, 200);
    margin-top: 1em;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    cursor: default;
    background-color: rgb(200, 200, 200);
    border-color: rgb(200, 200, 200);;
}


.checkout-steps{
    margin-bottom: 5px;
    font-weight: bold;
    color:rgb(180,180,180);
}

.checkout-steps-labels{
    font-size: .9em;
    padding:0px 2px 0px 2px;
}
.checkout-steps-descriptions{
    font-size: 1em;
    padding:0px 2px 0px 2px;
}

.checkout-steps-active-description{
    color: rgb(30,160,30);

    background: white;


    border-color: rgb(200, 200,200);
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    padding: 5px 0;
}
.checkout-steps-active-label{
    color: white;
    background: radial-gradient(ellipse, rgba(89,99,99) 23%, rgba(69,69,69,1) 54%, rgba(79,79,79,1) 100%);
    border-color: rgb(200, 200,200);
    border-width: 1px 1px 0px 1px;
    border-style: solid;
}
@media screen and  ( max-width : 991px) {
    .checkout-steps-active-description{
        border-radius: 0px 0px 8px 8px;
    }

    .checkout-steps-active-label{
        border-radius: 8px 8px 0px 0px;
    }
}

@media screen and  ( min-width : 992px) {
    .checkout-steps-active-description{
        border-radius: 0px 0px 14px 14px;
    }

    .checkout-steps-active-label{
        border-radius: 14px 14px 0px 0px;
    }
}

@media screen and  ( max-width : 767px) {
    .address-edit td{
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
@media screen and  ( min-width : 768px) {
    .address-edit td{
        padding-top: 5px;
        padding-bottom: 5px;
    }
}
.address-edit-label{
    font-weight: bold;
    color: rgb(100,100,100);
}

.checkout-product-name{
    color: #1375a3;
    font-size: .9em;
}
.checkout-product-attribute-name{
    color: #777;
    font-size: .95em;
}
.checkout-product-attribute-value{
    font-size: 1em;
}
.checkout-total-name{
    font-size: .95em;
    color: #777;
}

.checkout-total-value{
    font-size: 1em;
    color: #000;
}
.ot-total-Text{
    font-style: italic;
    color: #1375a3;
}

.ot-total-Amount{
    font-style: italic;
    border-top: 1px solid rgb(200,200,200);
    padding-top: 2px;
}
#checkout_delivery_display{
    font-size: .95em;
    color: #777;
    margin-bottom: 5px;
}
#checkout_billing_display{
    font-size: .95em;
    color: #777;
    margin-bottom: 5px;
}
.edit-address-space{
    display:inline-block;
    margin-top: 15px;
}
.checkout-shipping-option{
    font-size: .95em;

}
.checkout-qa-subtitle{
    font-size:.9em;
    font-weight: bold;
    font-color: rgb(90,90,90);
}
.checkout-disclaimer{
    font-size:.8em; font-style: italic;
}

.description-header-level-one{
    font-weight: bold;
}
.description-header-level-two{
    font-weight: bold; font-size:.95em; color: rgb(90,90,90); padding:10px;
}

@media screen and  ( min-width : 768px) {
    div[data-background-src] {
        transition-property: background;
        transition-duration: 100ms;
        transition-timing-function: ease-in;
        transition-delay: 100ms;
    }
}

.first-image{ align-items: center; justify-content: center; display: none;  border: 3px solid rgba(255,255,255, .75);}
.first-image.is-selected{display: flex;}
.first-image img.loading-bg{height: 300px; background: linear-gradient(-45deg, #ffffff, #ffffff, #ffffff, #66FF99);
    background: -webkit-linear-gradient(-45deg, #ffffff, #ffffff, #ffffff, #66FF99 100%); background-size: 400% 400%;
    animation: gradient-bg 2.5s ease infinite;color: transparent;
}

@keyframes gradient-bg { 0% {background-position: 0 50%;} 50% {background-position: 100% 50%;} 100% {background-position: 0 50%;} }
.image-carousel { background-color: rgb(255, 255, 255); padding-top:10px; padding-left: 2px; padding-right: 2px;min-height: 300px; }
.image-carousel-cell {
    margin-right: 10px;
    overflow: hidden;
}
.image-carousel-cell.is-selected {}
.image-carousel img {
    display: block;
    max-height: 400px;
}
.cap-is-gen{font-style: italic; color: #616561 !important;}
.caption {
    background: rgb(255,255,255);
    padding: 0 5px 10px 5px;
    text-align: center;
    font-weight: bold;
    color: #c87800;
    min-height: 3.5em;
}
.image-of-c{font-size: .9em; background-color: rgb(255,255,255); color: silver; font-weight: bold; text-align: center;  padding-top: 14px;}
.image-carousel-cover{ position:fixed;top:0;left:0;background:rgba(0,0,0,0.80);z-index:1999;width:100%;height:100%;display:none;}

.flickity-page-dots {bottom: -15px;}


/** IE 10 Mobile Fixes**/
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }