#amazon_desc {
    display: none;
}

.amazon_video {
    background-image: url("/page/images/amazon-bg.jpg");
}

.amazon_video #no_amazon {
    display: none;
}

.amazon_video #amazon_desc {
    display: block;
}


#incentive_desc {
    display: none;
}

#video_box {
    background-image: url("/page/images/people-background.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}

.ind_ratings {
    width: 90% !important;
}

.custom_video #no_incentive {
    display: none;
}

.custom_video #incentive_desc {
    display: block;
}

#video_examples {
    background-image: url(/page/images/filmbackground.jpg);
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -khtml-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}

#header_left img {
    max-width: 500px;
    max-height: 150px;
}

@media (max-width: 600px) {
    #header_left img {
        max-width: 90%;
        max-height: 150px;
    }          
}



#middle {
    width: 980px;
}

@media (max-width: 980px) {
    #header {
        width: auto !important;
        padding: 0 25px !important;
    }
    
    #middle {
        width: auto !important;
    }
    
    #sa_logo {
        margin-left: 1.5em !important;
    }
    
    #footer {
        width: auto !important;
        padding: 0 2em !important;
    } 
    
    #offer_image {
        width: 100%;
    }
}

@media (max-width: 950px) {
    .individual_feedback {
        width: auto !important;    
    }
}

@media (max-width: 850px) {
        
    #video_box, #suggestions {
        display: none;
    }
    
    #after_video {
        display: block;
    }    
}

@media (max-width: 750px) {
        
    #contentblock {
        padding: 0 10px !important;
    }
    
    #after_video {
        margin: 0 !important;
        width: 100% !important;
    } 
    .resolution_box {
        width: auto !important;
        padding-left: 0 !important;    
    }
    #review_box {
        width: auto !important;   
    }   
    textarea {
        width: auto !important;    
    }
    
    .product_feedback_step textarea {
        width: 95% !important;
    }
    
    .product_review .heading {
        width: 96% !important;
    }
    
    .review .survey_step .recommendation {
        text-align: center !important;
    }
    
    #footer_image {
        display: none !important;
    }
    
    #header_main {
        background-image: none !important;
        height: inherit !important;
    }
}

@media (min-width: 750px) {
    #middle {
        background-color: White;
        border: 1px solid #ccc;
        
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
    }
}

@media (max-width: 675px) {
    .substars {
        padding-left: 0 !important;
    }
}

@media (max-width: 650px) {
    #header_logo, #header_left {
        float: none !important;
        margin: 10px auto !important;
        width: inherit !important;
    }
    
    #header_left div,#header_left img {
        display: block !important;
        margin: 10px auto !important;
    }
    #header_left div {
        text-align: center;
    }
    
    #header_main {
        font-size: 15px !important;
    }
}

@media (max-width: 600px) {
    .rounded {
        border-width: 1px 0  !important;
        padding: 0;
        margin: auto -29px !important;
        
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        -khtml-border-radius: 0px !important;
        border-radius: 0px !important;
          
    }
    
    #middle {
        width: 100% !important;
    }
    
    #after_video {
        margin: 0 !important;
        width: 100% !important;
    }
}

@media (max-width: 500px) {
    #header_main {
        font-size: 13px !important;
    }
}

@media (max-width: 450px) {
    .substars {
        width: auto !important;
    }
}

@media (max-width: 400px) {
    #footer_top {
        width: auto !important;
        padding: 0 2em !important;    
    }
}

@media (max-width: 350px) {
    #footer_image {
        display: none !important;
    }
}

#contentblock {
    padding: 35px 100px; 
    font-size: 1.3em; 
    color: #606060; 
    line-height: 150%;
}

.survey_page {
    display: none;
}
.active_page {
    display: block;
}
.completed_page {
    display: none !important;
}

.survey_step {
    display: none;
    padding: 1.5em 0;
}

.combined_step {
    display: none;
    padding: 1.5em 0;    
}

.star {
    cursor:pointer; 
    /*background: url("/page/images/surveys/newstar.png") no-repeat;*/
    background: url("https://www.shopperapproved.com/thankyou/simplestar.png") no-repeat !important;
    /*background-size: 1.8em 3.4em;*/
    /*width: 1.8em; */
    /*height: 1.7em; */
    /*display: inline-block;*/
    /*background-position: 0 0;*/
    width: 24px !important;
    height: 24px !important;
    display: inline-block;
}

.star_on {
    /*background-position: 0 -1.8em;*/
    background-position: 0 -24px !important;
}

.completed_step {
    border-bottom: #c2c2c2 solid 1px;
}
div .completed_step:last-child {
    border-bottom: 0;
}

select, input, textarea {
    font-size: 16px !important;
}

#btn_confirm {
    background-image: url("/page/images/surveys/confirm-ratings-btn.png");
    width: 146px;
    height: 36px;
    color: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#btn_confirm:hover {
    background-position: 0px -36px !important;
}

#submitSurvey, #submitIssue, .next_page, .blue_button {
    width: auto !important;
    height: 40px !important;
    color: white !important;
    background-image: none !important;
    background-color: #04599c !important;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
    font-size: 20px;
    border: 0;
}
.smaller_button {
    font-size: 10px !important;
    width: inherit !important; 
    padding: 5px !important; 
    height: 20px !important;
}

#submitSurvey:hover, #submitIssue:hover, .next_page:hover {
    background-color: #03488b !important;
}
#submitSurvey:active, #submitIssue:active, .next_page:active {
    background-color: #156aad !important; 
}
#submitSurvey:disabled, #submitIssue:disabled, .next_page:disabled {
    background-color: gray !important; 
}

.skip_link {
    background-color: white !important;
    color: #04599c !important;  
    font-size: 10px !important;
}
.skip_link:active {
    background-color: white !important;
    color: #156aad !important; 
    text-decoration: underline;
}
.skip_link:hover {
    background-color: white !important;  
    text-decoration: underline;
}

/*
#submitSurvey, #submitIssue, .next_page {
    background-image: url("/page/images/surveys/Continue-Feedback.png");
    width: 170px;
    height: 42px;
    margin-top: 30px;
    color: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#submitSurvey:hover, #submitIssue:hover, .next_page:hover {
    background-position: 0px -42px !important;
}
*/

#checklist {
    line-height: 250%;
}
#checklist img {
    margin-right: 20px;
}

a { 
    color: blue;
}



/* Products */
.product_review {
    padding-bottom: 30px;
}

.product_review .image {
    width: 120px;
    min-height: 60px;
    max-height: 180px;
    float: left;    
}

.product_review .review {
    padding-left: 150px;
    min-height: 120px;
    padding-top: 1em;
    padding-bottom: 1em;
    border-bottom: gainsboro solid 1px;
}
.product_review .noimage {
    padding-left: 0px !important;
}

.review .product_stars {
       
}
.productstar { 
    margin-top: 4px; 
}
.review .survey_step .recommendation {
    margin-top: -2em;
    /*padding-top: 1.7em;*/
    display: none;
    text-align: right;
    font-size: 15px;
}
.review .survey_step .recommendation select { 
    font-size: 13px !important;
}
.custom_product {
    padding: 0 0 20px 0;
    margin-top: -7px;
}


@media (max-width: 900px) {
    .review .survey_step .recommendation {
        margin-top: 0 !important;    
    }
}

textarea {
    font-family: Tahoma, Arial, Helvetica, sans-serif   
}


.review .completed_step .recommendation {
    display: block;
}

.product_review .feedback {
    width: 100%;
    height: 60px;
    color: gray; 
}
.product_review .feedback.entered {
    color: black;
}

.product_review .heading {
    width: 100%;
    color: gray;
}
.product_review .heading.entered {
    color: black;
}

.product_review .help {
    font-size: 12px;
}

.product_review .help a {
    color: #04599c;
}
.product_review .help a:hover {
    color: #0b2a42;
    text-decoration: underline;
}

.product_review .survey_step {
    padding-top: 0 !important;
}

.product_review .completed_step {
    border-width: 0px !important;
}

.product_feedback_step { 
    padding-bottom: .5em !important;
    margin-top: -12px;
}

.extra_stuff {
    padding-right: 4px;
}

table td {
    font-size: 18px;
}

table {
    min-width: 50%;
}

#footer {
    color: #606060;
    font-size: 12px;
}


.sa_feature {
    font-size: 11px;
    color: gray;
}

#mobile_video,#desktop_video,#video_div {
    display: none;
}

#mobile_video {
    padding-bottom: 10px;
}


@media (max-width: 550px) {
    .product_review .image {
        display: block;
        float: none !important;
        margin: 0 auto;
    }    
    
    .product_review .review {
        padding-left: 10px !important;
    }
    
    #checklist {
        float: none !important; 
        padding: 10px !important; 
        width: 100% !important;
        line-height: 150% !important;
    }
    
    #no_incentive {
        margin-left: 0 !important;    
    }
    
    #video_box1 {
        padding: 0 !important;
    }
    
    textarea {
        width: 98% !important;
    }
}
a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#04599c;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid #ff9000;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}
.modal-open {
    overflow: hidden;
}
label[for="agree_customer"] .tooltip_wrapper {
    padding-left: 5px;
}