html, body { background:white; }

.newsletter-ajax-page { padding:20px; max-width:750px; margin:0 auto; }

/* Grouped fields */
/*.son-newsletter-wrapper .form-list { width:535px; margin:0 auto; overflow:hidden; }*/
.son-newsletter-wrapper .form-list { margin:0; }
.son-newsletter-wrapper .form-list li { margin:0 0 8px; list-style-type:none; }
.son-newsletter-wrapper .form-list label { float:left;  position:relative; z-index:0; }
.son-newsletter-wrapper .form-list label.required {}
.son-newsletter-wrapper .form-list label.required em { float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right:-8px; }
.son-newsletter-wrapper .form-list li.control label { float:none; }
.son-newsletter-wrapper .form-list li.control input.radio,
.son-newsletter-wrapper .form-list li.control input.checkbox { margin-right:6px; }
.son-newsletter-wrapper .form-list li.control .input-box { clear:none; display:inline; width:auto; }
.son-newsletter-wrapper .form-list li.fields { clear:left; }
.son-newsletter-wrapper .form-list .input-box { display:block; clear:both; width:100%; }
.son-newsletter-wrapper .form-list .field { float:left; width:50%; }
.son-newsletter-wrapper .form-list .name-firstname, .son-newsletter-wrapper .form-list .field.first { width:48%; margin-right:2%; }
.son-newsletter-wrapper .form-list input.input-text { width:100%; }
.son-newsletter-wrapper .form-list textarea { width:254px; height:10em; }
.son-newsletter-wrapper .form-list select { width:100%; padding: 8px 6px; }
.son-newsletter-wrapper .form-list li.wide .input-box { width:535px; }
.son-newsletter-wrapper .form-list li.wide input.input-text { width:529px; }
.son-newsletter-wrapper .form-list li.wide textarea { width:529px; }
.son-newsletter-wrapper .form-list li.wide select { width:535px; }
.son-newsletter-wrapper .form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; }
.son-newsletter-wrapper .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; }
.son-newsletter-wrapper .form-list .input-range input.input-text { width:74px; }

.son-newsletter-wrapper .form-list-narrow li  { margin-bottom:0; }
.son-newsletter-wrapper .form-list-narrow li .input-box { margin-bottom:6px; }
.son-newsletter-wrapper .form-list-narrow li.wide .input-box { width:260px; }
.son-newsletter-wrapper .form-list-narrow li.wide input.input-text,
.son-newsletter-wrapper .form-list-narrow li.wide textarea { width:254px }
.son-newsletter-wrapper .form-list-narrow li.wide select { width:260px; }

/* Customer */
.son-newsletter-wrapper .form-list .customer-name-prefix .input-box,
.son-newsletter-wrapper .form-list .customer-name-suffix .input-box,
.son-newsletter-wrapper .form-list .customer-name-prefix-suffix .input-box,
.son-newsletter-wrapper .form-list .customer-name-prefix-middlename .input-box,
.son-newsletter-wrapper .form-list .customer-name-middlename-suffix .input-box,
.son-newsletter-wrapper .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; }

.son-newsletter-wrapper .form-list .name-prefix { width:65px; }
.son-newsletter-wrapper .form-list .name-prefix select { width:55px; }
.son-newsletter-wrapper .form-list .name-prefix input.input-text { width:49px; }

.son-newsletter-wrapper .form-list .name-suffix { width:65px; }
.son-newsletter-wrapper .form-list .name-suffix select { width:55px; }
.son-newsletter-wrapper .form-list .name-suffix input.input-text { width:49px; }

.son-newsletter-wrapper .form-list .customer-name-prefix-middlename-suffix .name-firstname,
.son-newsletter-wrapper .form-list .customer-name-prefix-middlename .name-firstname { width:140px; }
.son-newsletter-wrapper .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
.son-newsletter-wrapper .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; }
.son-newsletter-wrapper .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; }
.son-newsletter-wrapper .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; }

.son-newsletter-wrapper .form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.son-newsletter-wrapper .form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.son-newsletter-wrapper .form-list .customer-name-prefix-suffix .name-firstname input.input-text, 
.son-newsletter-wrapper .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }

.son-newsletter-wrapper .form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.son-newsletter-wrapper .form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.son-newsletter-wrapper .form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.son-newsletter-wrapper .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }

.son-newsletter-wrapper .form-list .customer-name-prefix .name-firstname,
.son-newsletter-wrapper .form-list .customer-name-middlename .name-firstname,
.son-newsletter-wrapper .form-list .customer-name-middlename .name-middlename { width:210px; }

.son-newsletter-wrapper .form-list .customer-name-suffix .name-lastname,
.son-newsletter-wrapper .form-list .customer-name-middlename .name-firstname,
.son-newsletter-wrapper .form-list .customer-name-middlename .name-middlename,
.son-newsletter-wrapper .form-list .customer-name-middlename-suffix .name-firstname,
.son-newsletter-wrapper .form-list .customer-name-middlename-suffix .name-lastname { width:205px; }

.son-newsletter-wrapper .form-list .customer-name-prefix .name-firstname input.input-text,
.son-newsletter-wrapper .form-list .customer-name-suffix .name-lastname input.input-text,
.son-newsletter-wrapper .form-list .customer-name-middlename .name-firstname input.input-text,
.son-newsletter-wrapper .form-list .customer-name-middlename .name-middlename input.input-text,
.son-newsletter-wrapper .form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.son-newsletter-wrapper .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; }

.son-newsletter-wrapper .form-list .customer-dob .dob-month,
.son-newsletter-wrapper .form-list .customer-dob .dob-day,
.son-newsletter-wrapper .form-list .customer-dob .dob-year { float:left; width:85px; }
.son-newsletter-wrapper .form-list .customer-dob input.input-text { display:block; width:74px; }
.son-newsletter-wrapper .form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; }
.son-newsletter-wrapper .form-list .customer-dob .dob-day,
.son-newsletter-wrapper .form-list .customer-dob .dob-month { width:60px; }
.son-newsletter-wrapper .form-list .customer-dob .dob-day input.input-text,
.son-newsletter-wrapper .form-list .customer-dob .dob-month input.input-text { width:46px; }
/*.son-newsletter-wrapper .form-list .customer-dob .dob-year { width:140px; }
.son-newsletter-wrapper .form-list .customer-dob .dob-year input.input-text { width:134px; }*/

.son-newsletter-wrapper .buttons-set { clear:left; margin-left:0px; }
.son-newsletter-wrapper .buttons-set .button { float:right; background: none repeat scroll 0 0 #ef3e42;
    color: #fff; } 
.son-newsletter-wrapper .buttons-set .required { float:left; } 
.son-newsletter-wrapper .buttons-set .please-wait { float:right; margin-right:10px; }


.son-newsletter-wrapper .validation-advice { clear:left; padding:0; }
.son-newsletter-wrapper .dob-day label, .son-newsletter-wrapper .dob-month label, .son-newsletter-wrapper .dob-year label { margin:0; }
.son-newsletter-wrapper .dob-day .validation-advice, .son-newsletter-wrapper .dob-month .validation-advice, .son-newsletter-wrapper .dob-year .validation-advice { display:none; } 
.son-newsletter-wrapper .validation-failed { background: none repeat scroll 0 0 #faebe7 !important;  border: 1px dashed #f00 !important; }


@media (max-width: 480px) { 


    .son-newsletter-wrapper .form-list .field { float:none; width:100%; }
    .son-newsletter-wrapper .form-list .name-firstname, .son-newsletter-wrapper .form-list .field.first { width:100%; margin-right:0%; }
    /*.son-newsletter-wrapper .form-list .customer-dob .dob-year { width:85px; }*/

}

.son-newsletter-wrapper h1 {
    margin-bottom: 14px;
}