@media only screen and (min-width: 1020px) {
    #main_0_ctl00_gigayapnl p.columns, #main_0_ctl00_gigayapnl + p.columns{        
        padding-left: 0px !important;        
    }

    #main_0_ctl00_gigayapnl p.small-12, #main_0_ctl00_gigayapnl + p.small-12 {        
        text-align:left !important;       
    }

    .side-bar-mobile {       
        position:absolute;
        top:0;
        right:0;
    }

    .side-bar-mobile-2 {
        position:absolute;
        right:0;
    }    
   
}

@media only screen and (min-width: 640px) {
    #main_0_ctl00_gigayapnl p.columns, #main_0_ctl00_gigayapnl + p.columns {
        
        padding-left: 0px !important; 
       
    }
    #main_0_ctl00_gigayapnl p.small-12, #main_0_ctl00_gigayapnl + p.small-12 {
        
        text-align:left !important;
       
    }
    #consumer_preferredlanguage_English + label {
        padding-right:0px !important;
    }
    #consumer_preferredlanguage_Spanish + label {
        padding-right:0px !important;
    }
    #consumer_preferredlanguage_French + label {
        padding-right:0px !important;
    }
    
     /*.side-box .brand-box{
            padding-left:40px;
        }*/
   

}

@media (max-width: 444px) {
    #recaptcha_challenge_image{
        margin: 0 !important;
        width: 100% !important;
        }

        #recaptcha_image img {
            width:100%
        }        

        #recaptcha_response_field
        {
        margin: 0 !important;
        width: 100% !important;
        }
        .recaptchatable #recaptcha_image {
        margin: 0 !important;
        width: 100% !important;
        }

        .recaptchatable .recaptcha_r1_c1 {            
            height:8px !important;
        }

         .join-huggies-content{
            margin-top:50px;
        }

      

        
}

@media (max-width: 568px) {
    
   
     /*.side-box .brand-box{
            padding-left:40px;
        }*/

      .join-huggies-content{
       margin-top:50px;
    }
}


@media (max-width: 320px) {

    .recaptchatable .recaptcha_r2_c1 {
        width:12px !important;
    }
   
    .join-huggies-content{
       margin-top:50px;
    }
 
    /*.side-box .brand-box{
        padding-left:25px;
    }*/
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
    .join-huggies-content {
        margin-top: 145px;
    }
}


 .side-box{
        padding:0px !important;
    }

.brand-box div.clear {
    clear:both;
}

 .red-title p.font12 {
    width: 210px !important;
    font-size: 14px !important;
    text-align: left;
    line-height: 16px;
    margin: 0px 0px 8px !important;
    padding-left:0px;
}

.side-box .red-title + p {    
    margin: 0px 0px 10px !important;
    font-size: 15px !important;
    text-align: left;
    line-height: 16px;
    width: 225px;
    padding-left:0px;
}

label {
    cursor:default;
}

#main_0_ctl00_gigayapnl p.small-12 {
        
    text-align:center;
       
}

#main_0_ctl00_gigayapnl + p.small-12 {
        
    text-align:center;
       
}

.side-box .brand-box
{
    padding:0px !important;
}

::-ms-reveal {
    display: none;
}

::-ms-clear { display: none; }

.consumer-input-wrap label {
    text-align:left !important;
    padding-bottom:4px !important;
}

.consumer-input-wrap label[class="consumer-language-label"] {
    padding-bottom:7px !important;
}

.form-elements label[for="reCaptcha"] {
    width:100%;
}



#termsandrewards {
    margin-bottom:30px !important;
}
@media (min-width: 639px) and (max-width: 1024px) {
    #termsandrewards {
        margin-top: 30px !important;
    }
}
div.error {          
    padding: 0 !important;
    margin-top: 9px !important;   
    padding-bottom: 9px !important;
    /*font-size: 0.75rem;*/
    font-size:9pt !important;
    font-weight: normal !important;
    font-style:normal !important;
    background: #c60f13;
    color: red !important;
    width:100% !important;
    text-align:left;
    background-color:transparent !important;
    text-transform:none !important;
}

.consumer-language-input label {
    margin-bottom:20px !important;
    padding-bottom:0px !important;
}

label.error, label.errored {          
    padding: 0 !important;
    margin-top: 9px !important;   
    padding-bottom:9px !important;
    /*font-size: 0.75rem;*/
    font-size:9pt !important;
    font-weight: normal !important;
    font-style:normal !important;
    background: #c60f13;
    color: red !important;
    width:100% !important;
    text-align:left;
    background-color:transparent !important;
    text-transform:none !important;
}

label.valid {
    margin-top:0px !important;
    padding-bottom:0px !important;
}

.consumer-child div input[type="hidden"] + div{
    padding:0px 3rem;
}

.consumer-child div input[type="hidden"] + div + div{
    margin-bottom:30px !important;padding:0px 3rem;padding-top:20px !important;
}

.consumer-child div input[type="hidden"] + div + div + div{
  padding:0px 3rem;
}
.consumer-child div div + div label + span label {
    padding-top:0px !important;
    padding-bottom:0px !important;
}

.form-group-error {
    padding-top:8px !important;
    margin-bottom:0 !important;
}

div.social-login{
        background-color: #fff;
        background-repeat:no-repeat;
        background-position:10px 4px;
        border: 2px solid #999999;
        color: #666;
        text-transform:uppercase;
        text-align:center;
        width:100%;
        margin-bottom:10px;
    }

.consumer-checkbox-wrap {
    display:block !important;
}

input[type="text"] {
    margin:0px !important;   
}

#consumer_country_US + label {
    padding-bottom:0px !important;
    margin-right:0px !important;
}

#consumer_country_CA + label {
    padding-bottom:0px !important;
    margin-right:0px !important;
}

#consumer_state {
    margin-bottom:0px !important;
}

#USstate .consumer-state-label, #CAstate  .consumer-state-label {
    padding-bottom:4px !important;
}

P {
    margin-bottom:20px !important;
}

.form-box {
    margin-bottom:30px !important;
    padding-top:20px;
    padding-bottom: 30px !important;

}
.registration-page-bg .form-box  {
        background:#f6f6f6;
}
.registration-page-bg .first-box .form-box  {
        background:transparent;
}


.form-box_step {
    padding-left: 82px;
    padding-top: 52px;
}

.form-box_appModule {
    position: absolute;
    top: 410px;
    right: 0;
}
.form-box_appModule .form-box_appModule_padding {
    padding-bottom: 0 !important;
}
#consumer-child_0 div select {
    margin-bottom:10px !important;
}

div.social-login:hover{
    border-color:#2285a2;
    color:#2285a2;
    background-color:#fbfbfb;
}
div.facebook{background-image:url(../img/social/reg-facebook.jpg);}
div.twitter{background-image:url(../img/social/reg-twitter.jpg);}
div.gplus{background-image:url(../img/social/reg-gplus.jpg);}
div.yahoo{background-image:url(../img/social/reg-yahoo.jpg);}
/* fixes for ReCaptcha when displayed in Zurb Foundation 5*/ 
#recaptcha_area, #recaptcha_table {
    table-layout:auto !important;
    width:auto !important;
 }
.recaptcha_is_showing_audio embed { height: 0; width: 0; }
.indicate {
font-family: Omnes;
color: #666666;
}
#recaptcha_area input[type="text"] {
  display: inline-block !important;
  height: auto !important;
}

/*Retailer CSS Config*/
.sg-content {padding:0px !important;}
.sg-question-options {padding:0px !important;}
.sg-question {margin:0px !important;border-bottom:none !important;}
.sg-question-set {margin:0px !important;}
/*End Retailer*/
          
.survey-gizmo-validation-message {
    padding: 0 !important;
    margin-top: 14px !important;
    margin-bottom: 20px !important;
        /*font-size: 0.75rem;*/
        font-size:9pt !important;
        font-weight: normal !important;
        font-style:normal !important;
        background: #c60f13;
        color: red !important;
        width:100% !important;
        text-align:left;
        background-color:transparent !important;
        text-transform:none !important;
}
.side-bar-mobile-2 {
    /*top:680px !important;*/
    /*top:916px !important;*/
}

div.sg-message {
    margin-top:9px;
    margin-bottom:9px;
}

.plusfifty{
    padding:10px 0px 25px 70px !important;
}
          
.form-group {
    /*padding:0px 3rem !important;*/
}

#consumer_dateofbirth_year +  label.error {
          
    margin-top:0px !important;
    margin-bottom:0px !important;
}

.radio-rewards {
    font-size:14px;
    text-transform:none !important;
}



.consumer-input-wrap {
    margin-bottom:0px !important;
}
input[type="password"] {
    margin-top:0px !important;
}
.consumer-input-wrap label.error.valid {
    display:none !important;
}

.date-columns > .columns {
    padding-left:0px;
}

#consumer_password_group div label .consumer-input-wrap {
    margin-bottom: 8px !important;
}

#consumer_confirmpassword_group div label .consumer-input-wrap {
    margin-bottom:0px !important;
}

label.radio {    
    margin-bottom:20px !important;
}

#lblzip {
    padding-bottom:4px !important;
}

.sg-question-title {
    padding-top:0px !important;
}

.sg-question-title label {
    padding-bottom:4px !important;
}

.sg-required-icon {
    font-weight:normal !important;
    color:#666666 !important;
}

.sg-question sg-type-menu sg-required {
    margin-bottom:30px !important;
}

#consumer_dateofbirth_year_group div div div select {
    margin-bottom:10px !important;
}

.form-elements select{
    margin-top:0px !important;
}

.sg-question-options select {
    margin-bottom:0px !important;
}


button.sign-up{
    color: #ffffff;
    background-color: #DA291C !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    width: 230px;
    text-transform: uppercase;
    height: 40px;
}

button.sign-up:hover{
    background: #DA291C;
    background-image: -ms-linear-gradient(top, #E04B5A 0%, #DA291C 50%);
    background: -webkit-gradient(linear, left top, left bottom, from(#E04B5A), to(#DA291C));
    background: -webkit-linear-gradient(#E04B5A, #DA291C);
    background: -moz-linear-gradient(top, #E04B5A, #DA291C);
    background: -ms-linear-gradient(#E04B5A, #DA291C);
    background: -o-linear-gradient(#E04B5A, #DA291C);
    background: linear-gradient(#E04B5A, #DA291C);
    zoom: 1;
}

button, .button {
    outline:none;
}

button.round, .button.round {
    border-radius: 1000px;
}

.join-huggies-content h1 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 62px !important;
    padding-bottom: 25px !important;  
}

.join-huggies-content .container {
    padding-left:15px !important;
}


span > input[type="radio"] + label > .psuedo-radio{
    background:url(/Content/img/radio-inactive.png) no-repeat center left;
    width:25px;
    height:25px;
    float:left;
    margin-right:10px;    
}

span > input[type="radio"] + label[for*="consumer_preferredlanguage"] > .psuedo-radio{
    background:url(/Content/img/radio-inactive.png) no-repeat center left;
    width:25px;
    height:25px;
    float:left;
    margin-right:10px;
    margin-top:-3px;
}

span > input[type="radio"]:checked + label > .psuedo-radio{
    background:url(/Content/img/radio-active.png) no-repeat center left;
}
/* Retailer Other Text box config*/

input.sg-input {
    background-color: #eeeeee !important;
    height: 32px !important;
    border: 0;
    border-radius: 4px !important;
    box-shadow: inset 1px 2px 2px rgba(0, 0, 0, 0.1) !important;
    font-size: 12px !important;    

}

.sg-validation-fail input.sg-input-text {
background-color: #eeeeee !important;
}

/*End */

.controlid {
    display:none;
}

#ui-message {
    display:none;
}
#termsandrewards {
    line-height:17px;
}
.consumer_country-input label {
    font-size:14px !important;
}
.sg-type-table .sg-table thead td.sg-mock-th{
    border:none !important;
}
.brand-box-inner-box {
    width: 200px !important;
    margin: 0px !important;
}
.brand-box-inner-box .large-6.medium-6.small-6.columns {
    padding-left: 0px;
    font-size: 14px;
    color: #666666;
}
.consumer-control.consumer-registration .inner-wrap {
background:#fff !important;
}
.side-box p:last-child {
    text-align: left;
    padding-left: 0px;
    font-size: 14px;
    color: #666666;
}
.registration-page-bg .form-group.preferredRetailer .sg-body {
    background: transparent !important;
    margin-top:14px;
    padding-bottom:0px !important;
}
.registration-page-bg .first-box .form-box .form-box-container ul {
    margin-bottom: 2px;
}