﻿.back-button {
    padding-bottom: 10px;
}

.buttons-area {
    display: block;
    padding-left: 40px;
    min-height: 30px;
    padding-bottom: 8px;
    background: #eee;
    border: solid 1px #ccc;
    margin-bottom: 10px;
}

#print .view-buttons {
    margin: 20px 0 0 0;
}

#top .view-buttons {
    margin: 0;
}

.print-button input {
    padding: 1px 10px;
}

.email-button input, .send-button input {
    padding: 1px 6px;
}

.print-button {
    margin-right: 18px;
}

.email-button {
    margin-right: 10px;
}

#printButtonLocation, #emailButtonLocation, #sendButtonLocation {
    padding-top: 1px;
}

.send-button, #customerEmailLocation {
    display: none;
}

.customer-email {
    width: 200px;
    height: 17px;
    padding: 2px 6px 3px 6px;
    margin-right: 10px;
    background: #fff;
    border: solid 1px #999;
}

.module-020-details {
    float: left;
    width: 600px;
    min-height: 200px;
}

body.rotatezoom .module-020-details {
    float: left;
    width: 520px;
    min-height: 200px;
}

.module-020-details .list {
    width: 300px;
    float: left;
    margin-right: 40px;
}

.module-020 h2 {
    padding-top: 20px;
    font-size: 20px;
}

.module-020-details .list ul {
    margin-top: 0;
    margin-bottom: 0;
}

.module-020-sidebar {
    float: right;
    width: 250px;
    padding-top: 10px;
}

body.rotatezoom .module-020-sidebar {
    float: right;
    width: 352px;
    padding-top: 10px;
}

    body.rotatezoom .module-020-sidebar .module-020-action, body.rotatezoom .module-020-sidebar .module-020-outside-qoute {
        width: 320px;
    }

.page-087 .module-020-sidebar {
    float: left;
    width: 250px;
    padding-top: 10px;
}

body.rotatezoom .page-087 .module-020-sidebar {
    float: left;
    padding-left: 100px;
    width: 352px;
    padding-top: 10px;
}

.module-020-sidebar .module-020-photo {
    margin-top: 20px;
}

    .module-020-sidebar .module-020-photo img,
    .tire-image-section img {
        width: 248px;
        min-height: 148px;
        background: #fff url(tire-photo.jpg) center top no-repeat;
    }

    .module-020-sidebar .module-020-photo img {
        border: solid 1px #ccc;
    }

.module-020-sidebar .module-020-action, .module-020-sidebar .module-020-outside-qoute {
    width: 218px;
    padding: 0 15px 10px 15px;
    background: #ebebeb;
    border: solid 1px #999;
    margin-bottom: 15px;
}

.module-020-sidebar .module-020-quote {
    text-align: right;
    font-weight: bold;
}

.module-020-sidebar .module-020-contact,
.module-020-sidebar .module-020-cart {
    margin-top: 10px;
    border-top: solid 1px #999;
    text-align: right;
}

.module-020-stores {
    margin-top: 0;
    margin-bottom: 6px;
    padding-left: 20px;
}

.module-020-brand {
    padding-top: 15px;
    /* float: left;*/
    width: 100%;
}

.module-020-sidebar .module-020-offer {
}

    .module-020-sidebar .module-020-offer a {
        color: #fff;
    }

    .module-020-sidebar .module-020-offer p {
        /*background:url(rebate-background.png) no-repeat;*/
        color: #fff;
        text-align: center;
        background-color: red;
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-right: solid 1px gray;
        background: red url('rebate-bg-bottom.png') no-repeat left bottom;
    }

.module-020-thumbnails {
    position: relative;
    width: 645px;
}

.module-020-brand-text {
    font-size: 20px;
    font-weight: bold;
}

.module-020-blurb {
    padding-top: 20px;
}

.module-020-thumbnails img.thumbimage {
    margin: 15px 8px 5px 0px;
    border: 1px solid #ccc;
    width: 120px;
    height: 100px;
}

.module-020-thumbnails img.thumbimagelast {
    margin: 15px 0px 5px 0px;
    border: 1px solid #ccc;
    width: 120px;
    height: 100px;
}

.module-020-video {
    padding-top: 10px;
}

/* Responsive */
body.responsive .module-020 {
    padding-left: 5px;
}

    body.responsive .module-020 h2 {
        padding: 0;
    }

body.responsive .module-020-details, body.responsive .module-020-sidebar, body.responsive .module-020-sidebar .module-020-action {
    clear: left;
    float: none;
    width: auto;
    min-height: 1px;
}

body.responsive .module-020-details {
    padding-right: 5px;
}

body.responsive .module-020-sidebar {
    padding-top: 42px;
}

    body.responsive .module-020-sidebar .module-020-action {
        max-width: 322px;
    }

body.responsive .rotatezoom-wrapper {
    overflow: hidden;
    margin-top: 21px;
}

body.responsive .module-020-brand {
    padding-top: 0;
    padding-bottom: 21px;
}

body.responsive .specifications-wrapper {
    width: 100%;
    overflow: auto;
}

@media only screen and (min-width:1024px) {
    body.responsive .module-020-details {
        width: 580px;
        float: left;
        clear: none;
        min-height: 200px;
        padding-right: 0;
    }

    body.responsive .module-020-sidebar {
        width: 352px;
        float: right;
        clear: none;
        padding-top: 21px;
    }
}

.ui-widget-overlay {
    background: #000;
}

.m20-tireReviewlink-area {
    float: right;
    padding-right: 39px;
    padding-top: 20px;
}

#m20-formopener {
    cursor: pointer;
}

.m20-notireReviewlink-area {
    float: left;
    padding-left: 45%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.m020-vehicleinfo-area {
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 40px;
}

h2.m020-review-headers {
    font-size: 20px
}

.m020-personalinfo-area {
    margin-top: 20px;
}

.m20-ratingitem-leftarea {
    width: 350px;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
}

.m20-ratingitem-rightarea {
    float: right;
    width: 350px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.recommend-area, .overall-area {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.m20-ratingfield-area {
    margin-top: 20px;
    margin-bottom: 20px;
}

.drivingUse-area, .tireSizeOption-area {
    display: block;
    margin-top: 20px;
}

.vehicleOption-dropdown {
    float: left;
}

.drivingUse-dropdown {
    margin-top: 10px;
}

.tiresize-dropdown, .vehicle-dropdown {
    margin-top: 10px;
    float: left;
}

.form-label {
    font-weight: bold;
    padding-right: 20px;
}

label.personalinfo-name-label {
    width: 100px;
    text-align: right;
    float: left;
    padding-top: 4px;
}

label.personalinfo-state-label {
    width: 100px;
    text-align: right;
    padding-left: 45px;
}

m20-review-label {
    margin-left: 20px;
}

.m20-recommend-label, .m20-overall-label {
    float: left;
}

.m20-commentlabel, .m20-review-label {
    float: left;
    padding-left: 20px;
}

.required {
    color: red;
}

a.pagelink {
    cursor: pointer;
}

.m20-submitarea {
    width: 65px;
    margin: 0 auto;
    padding: 20px 0;
}

.m20-reviewareatitle-area {
    margin-top: -20px;
    float: left;
}

.m20-reviewsummary-area {
    float: left;
    width: 75%;
    padding: 20px 0;
}

.m20-averageValue {
    font-weight: bold;
    color: red;
}

.m20-tirereviews-area {
    padding: 20px 0px;
    width: 100%;
    height: 100%;
    float: left;
    border-top: solid 1px #ccc;
    margin-top: 20px;
}

.m20-reviewAuthor-area {
    float: left
}

.m20-writerName-label, .value-label {
    font-weight: bold;
}

.m20-rating-label {
    width: 178px;
    float: left;
}

.m20-reviews-container {
    position: relative;
}

.m20-review-area {
    padding-top: 20px;
    padding-bottom: 15px;
    float: left;
    border-bottom: solid 1px #ccc;
}

.m20-reviewDetails-area {
    float: right;
    width: 590px;
}

.m20-reviewAuthor-area {
    float: left;
    padding-right: 40px;
    padding-left: 10px;
    width: 280px;
}

.m20-overalldisplay-label {
    padding-bottom: 40px;
}

.m20-comment-label {
    word-wrap: break-word;
}

.m20-reviewpagenumber-area {
    border-bottom: 1px solid #ccc;
    width: 100%;
    float: left;
    padding-bottom: 5px;
}

.m20-reviewpagetext-label {
    float: left;
}

.m20-reviewpagenumber-label {
    padding-right: 20px;
    float: right;
}

.m20-commentRating-label {
    width: 400px;
    float: left;
}

.m20-comment-label {
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
}

.deactivate {
    pointer-events: none;
    cursor: default;
    color: gray !important;
}

.m20-noreviews-area {
    width: 100%;
    float: left;
}

p.m20-noreviews {
    width: 60%;
    float: left;
    padding-left: 26%;
    padding-top: 20px;
}

.m20-loadingimage-hidearea {
    display: none;
}

.m20-loadingimage-showarea {
    position: absolute;
    width: 730px;
}

.m20-loadingimage {
    height: 50px;
    display: block;
    margin: 0 auto;
}

body.mobile .shipping-quote-wrapper {
    margin: 0 2%;
}

    body.mobile .shipping-quote-wrapper h3 {
        margin: 0 !important;
    }

    body.mobile .shipping-quote-wrapper input[type="number"], body.mobile .shipping-quote-wrapper select {
        margin: 3px 0;
        width: 100%;
        font-size: 16px;
    }

body.mobile .quotetitle {
    margin: 0 !important;
}

body.mobile .quote {
    background-color: #0e4a9e !important;
    color: #fff !important;
    font-family: "Open Sans",helvetica,arial,san-serif;
    font-size: 11px;
    font-weight: 600;
    padding: 4px;
    border: 2px solid black;
    text-align: center;
    width: 20%;
    line-height: 3;
    margin: 20px 0;
    display: inline-block
}

body.mobile .module-020-shipping-quote-button {
    background-color: #0e4a9e;
    border: 2px solid black;
    text-align: center;
    width: 20%;
    line-height: 3;
    margin: 20px 0;
    display: inline-block
}

    body.mobile .module-020-shipping-quote-button a {
        color: #fff !important;
        font-family: "Open Sans",helvetica,arial,san-serif;
        font-size: 11px;
        font-weight: 600;
        padding: 4px;
    }

body.mobile .quote-summary-wrapper {
    display: inline-block;
    float: right;
}

body.mobile table.quotelayout {
    font-size: 11px;
    color: #FFFFFF;
    display: inline-block
}

body.mobile .module-020 .q5-item {
    color: #4a4a4a;
}

body.mobile .module-020 .q5-price {
    color: #4a4a4a;
    padding-bottom: 4px;
    padding-top: 1px;
    text-align: left;
}

body.mobile .module-020 .q5-price {
    color: #4a4a4a;
    padding-bottom: 4px;
    padding-top: 1px;
    text-align: left;
}

body.mobile .module-020 .q5-subtotal {
    color: #4a4a4a;
    padding-bottom: 4px;
    padding-top: 1px;
    text-align: right;
}

body.mobile .module-020 .q5-total {
    color: #4a4a4a;
    font-weight: bold;
    text-align: right;
}

body.mobile .module-020 .q5-note {
    color: #4a4a4a;
    padding-bottom: 4px;
    padding-top: 5px;
    text-align: left;
}

body.mobile .module-020-wait-icon {
    display: none;
    width: 100%;
    margin: 30px 0 10px 0;
    text-align: center;
}

.kind-library td.cell-20-utqg {
    white-space: nowrap;
}

ul.col_list li {
    min-height: initial;
    width: 100%;
    display: list-item;
    margin-left: 7px;
}

.module-020-wait-icon-v2 {
    display: none;
    text-align: center;
}

.module-020 .tire-image-zoom {
    position: relative;
    overflow: hidden;
    margin-right: 30%;
}

.module-020 .photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform .5s ease-out;
}



.module-020 .zip-change-loading span {
    border: 5px solid #f3f3f3;
    border-radius: 100%;
    border-top: 5px solid #3498db;
    width: 30px;
    height: 30px;
    -moz-animation: spin 1s linear;
    -webkit-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    margin: auto;
    display: block;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: scale( 1 ) rotate( 0deg );
    }

    to {
        -webkit-transform: scale( 1 ) rotate( 360deg );
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: scale( 1 ) rotate( 0deg );
    }

    to {
        -moz-transform: scale( 1 ) rotate( 360deg );
    }
}

@-o-keyframes spin {
    from {
        -o-transform: scale( 1 ) rotate( 0deg );
    }

    to {
        -o-transform: scale( 1 ) rotate( 360deg );
    }
}
#top .kind-library .other-links ul {
    list-style: none;
    padding-left: 0;
    margin: 0 0 30px 0;
}
#top .kind-library .other-links p {
    font-weight: bold;
}