/* ---------------------------------------------------------------------------------
   
   Bargain Spot - Price Alert Stylesheet 
   Author: Pixel House
   Website: www.pixel-house.com.au 

--------------------------------------------------------------------------------- */

    body { margin: 0; padding: 0 0 0 0; }
    .hide { display: none; }
    .show { display: block; }

    #offer-wrap { width: 570px; margin: 0 auto; }
    #offer { float: left; width: 520px; height: 395px; padding: 45px 25px 0 25px; font-family: 'Source Sans Pro', arial, sans-serif; }
    #offer h1, #offer h2 { text-align: center; }
    #offer h1 { margin: 0 0 10px 0; font-size: 46px; }
    #offer h2 { font-size: 20px; font-weight: normal; margin: 0; }
    #offer h3 { text-align: center; margin: 0 0 30px 0; color: #cb0000; font-weight: bold; font-size: 15px; }
    #offer p { float: left; width: 100%; text-align: center; font-size: 17px; margin: 0 0 15px 0; color: #292929; font-weight: 300; line-height: 25px; }
    #offer p .sm { color: #9b9b9b; font-size: 17px; }
    #offer .text { float: left; width: 100%; padding: 30px 0 0 0; border-top: solid 1px #cdcdcd; }
    #offer .text-coupon { float: left; width: 70%; padding: 30px 30% 0 0; border-top: solid 1px #cdcdcd; }
    #offer .text-coupon p { font-size: 21px; line-height: 29px; }
    #offer .orange { color: #ff6c00; font-weight: 900; }
    #offer .coupon { margin: 0 0 5px 0; }
    #offer .coupon span { float: left; padding: 8px 10px; font-weight: bold; font-size: 21px; background: #efefef; }
    #offer #success { color: #2f8d16; font-weight: bold; }
    
    .modal-email { float: left; padding: 0; margin: 0 0 0 10%; width: 80%; text-align: center; }
    .modal-email .store-email-wrap { float: left; position: relative; margin: 0 10px 0 0; padding: 0px; border: none;  }
    .modal-email fieldset { border: none; width: 100%; margin: 0; padding: 0; }
    .modal-email label { position: absolute; top: 8px; left: 10px; font-size: 15px; color: #8e8e8e; font-weight: normal; cursor: text; pointer: text; }
    .modal-email .submit-btn { float: left; -webkit-appearance: none; -webkit-border-radius: 0; height: 35px; margin: 0 0 0 0; }
    .modal-email .email-field, .modal-email .price-field { float: left; margin: 0; border: solid 1px #d2d2d2; background: #fff; -moz-border-radius: 4px; border-radius: 4px; padding: 4px 8px 4px 10px; font-size: 15px!important; height: 25px; font-size: 15px; }
    .modal-email .email-field { border-right: none; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; width: 196px; }
    .modal-email .dollar { float: left; padding: 8px; }
    .modal-email .price-field { width: 60px; }
    .modal-email .btn { background: #fdff3e; color: #52abd0; }
    .modal-email .btn span { background: url(../images/arrow-white-sm-blue.png) no-repeat right center!important; }

    .join-wrap { float: left; width: 100%; font-size: 13px; padding-top: 15px; }

    #offer .extra-info { float: left; width: 96%; margin: 0 0 20px 0; border: dotted 2px #df1818; padding: 10px 2%; color: #489cd2; }
    #offer .extra-info p { margin: 0; font-size: 15px; }
    #offer .extra-info p strong { color: #df1818; font-weight: bold; }

@media screen and (max-width: 530px) {
    #offer-wrap { width: 100%; }
    #offer { width: 80%; padding: 45px 10% 45px 10%; }
    .modal-email { width: 100%; margin: 0; }
    .modal-email fieldset { width: 320px; margin: 0 auto; }
    .modal-email .email-field { width: 130px; }
}