<section id="payin-step-three" class="content">
        <div class="form__step form__step--payment">
            <form name="comicrelief_payinbundle_payment" method="post" novalidate="novalidate" class="has-validation-callback">

            <div class="form__row form__row--payment">
                <div class="form__fieldset">
                    <h4 class="form__subtitle">Payment details</h4>
                    <p class="form__subcopy">There are a number of different ways you can pay - with a credit or debit
                        card or through paypal.</p>
                    

<div class="form__field--wrapper form__text form__field--amount"><label class="form__field form__field--amount form__text" for="comicrelief_payinbundle_payment_amount">Amount</label><input type="text" id="comicrelief_payinbundle_payment_amount" name="comicrelief_payinbundle_payment[amount]" placeholder="0.00" data-validation="number" data-validation-allowing="range[1.00;5000.00],float" data-validation-error-msg="Please enter number between 1 and 5000" class="form__field form__field--amount"><div class="form__field--error"></div></div>
                    

<div class="form__field--wrapper form__choice form__field--currency"><label class="form__field form__field--currency form__choice required" for="comicrelief_payinbundle_payment_currency">Currency</label><select id="comicrelief_payinbundle_payment_currency" name="comicrelief_payinbundle_payment[currency]" class="form__field form__field--currency"><option value="GBP">£ GBP</option><option value="USD">$ USD</option><option value="AUD">$ AUD</option><option value="EUR">€ EUR</option></select><div class="form__field--error"></div></div>
                    

<div class="form__field--wrapper form__choice form__field--paymentType"><label class="form__field form__field--paymentType form__choice required">Payment method</label><div id="comicrelief_payinbundle_payment_paymentType" data-validation-error-msg="Please select a payment type" class="form__field form__field--paymentType"><div class="form__radio payment--mscd"><input type="radio" id="comicrelief_payinbundle_payment_paymentType_0" name="comicrelief_payinbundle_payment[paymentType]" required="required" value="mscd" class="form__field form__input payment__mscd" data-validation="required"><label for="comicrelief_payinbundle_payment_paymentType_0" class="required">MSCD</label></div><div class="form__radio payment--dmc"><input type="radio" id="comicrelief_payinbundle_payment_paymentType_1" name="comicrelief_payinbundle_payment[paymentType]" required="required" value="dmc" class="form__field form__input payment__dmc" data-validation="required"><label for="comicrelief_payinbundle_payment_paymentType_1" class="required">DMC</label></div><div class="form__radio payment--maes"><input type="radio" id="comicrelief_payinbundle_payment_paymentType_2" name="comicrelief_payinbundle_payment[paymentType]" required="required" value="maes" class="form__field form__input payment__maes" data-validation="required"><label for="comicrelief_payinbundle_payment_paymentType_2" class="required">MAES</label></div><div class="form__radio payment--visa"><input type="radio" id="comicrelief_payinbundle_payment_paymentType_3" name="comicrelief_payinbundle_payment[paymentType]" required="required" value="visa" class="form__field form__input payment__visa" data-validation="required"><label for="comicrelief_payinbundle_payment_paymentType_3" class="required">VISA</label></div><div class="form__radio payment--visd"><input type="radio" id="comicrelief_payinbundle_payment_paymentType_4" name="comicrelief_payinbundle_payment[paymentType]" required="required" value="visd" class="form__field form__input payment__visd" data-validation="required"><label for="comicrelief_payinbundle_payment_paymentType_4" class="required">VISD</label></div><div class="form__radio payment--vied"><input type="radio" id="comicrelief_payinbundle_payment_paymentType_5" name="comicrelief_payinbundle_payment[paymentType]" required="required" value="vied" class="form__field form__input payment__vied" data-validation="required"><label for="comicrelief_payinbundle_payment_paymentType_5" class="required">VIED</label></div><div class="form__radio payment--paypal_express"><input type="radio" id="comicrelief_payinbundle_payment_paymentType_6" name="comicrelief_payinbundle_payment[paymentType]" required="required" value="paypal_express" class="form__field form__input payment__paypal_express" data-validation="required"><label for="comicrelief_payinbundle_payment_paymentType_6" class="required">PAYPAL</label></div><div class="form__radio payment--amex"><input type="radio" id="comicrelief_payinbundle_payment_paymentType_7" name="comicrelief_payinbundle_payment[paymentType]" required="required" value="amex" class="form__field form__input payment__amex" data-validation="required"><label for="comicrelief_payinbundle_payment_paymentType_7" class="required">AMEX</label></div><div class="form__radio payment--jcb"><input type="radio" id="comicrelief_payinbundle_payment_paymentType_8" name="comicrelief_payinbundle_payment[paymentType]" required="required" value="jcb" class="form__field form__input payment__jcb" data-validation="required"><label for="comicrelief_payinbundle_payment_paymentType_8" class="required">JCB</label></div></div><div class="form__field--error"></div></div>
                </div>
            </div>

            <div class="form__row form__row--giftaid">
                <div class="form__fieldset">
                    <h1 class="font--center donate__giftaid-title">
                        <img src="/images/logo/gift_aid_logo.png">
                    </h1>
                    <h4 class="font--center font--red">Tick ‘Yes’ to Gift Aid and the Government will give us 25% on top of your donation.</h4>
                    <h4 class="font--center">It doesn’t cost you a penny, and helps to keep us going.</h4>
                    <div class="form-type-checkbox form-item">
                        

<div class="form__field--wrapper form__checkbox form__field--giftaid"><input type="checkbox" id="comicrelief_payinbundle_payment_giftaid" name="comicrelief_payinbundle_payment[giftaid]" class="form__field form__field--giftaid" value="1"><label class="form__field form__field--giftaid form__checkbox" for="comicrelief_payinbundle_payment_giftaid">Yes, I would like Comic Relief to claim Gift Aid on my donation</label><div class="form__field--error"></div></div>
                    </div>
                    <p class="font--xsmall font--center">*If you’re making a personal donation please give us your full name, home address and tick the box or we can’t claim Gift Aid. You must be a UK taxpayer and understand that if you pay less Income Tax and / or Capital Gains Tax in your current tax year than the amount of Gift Aid claimed on all your donations it is your responsibility to pay any difference. <a class="link--inline-grey" href="http://www.rednoseday.com/frequently-asked-questions#gift-aid" id="faq-gift-aid" target="_blank">Find out more about Gift Aid</a>.</p>
                </div>
            </div>

            <div class="form__row form__row--your-detail">
                <div class="form__fieldset">
                    <h4 class="form__subtitle">Your details</h4>
                    

<div class="form__field--wrapper form__choice form__field--title"><label class="form__field form__field--title form__choice required" for="comicrelief_payinbundle_payment_title">Title</label><select id="comicrelief_payinbundle_payment_title" name="comicrelief_payinbundle_payment[title]" class="form__field form__field--title"><option value="mr">Mr.</option><option value="mrs">Mrs</option><option value="ms">Ms</option><option value="miss">Miss</option><option value="dr">Dr</option><option value="mx">Mx</option></select><div class="form__field--error"></div></div>
                    

<div class="form__field--wrapper form__text form__field--firstName"><label class="form__field form__field--firstName form__text required" for="comicrelief_payinbundle_payment_firstName">First name</label><input type="text" id="comicrelief_payinbundle_payment_firstName" name="comicrelief_payinbundle_payment[firstName]" required="required" placeholder="James" maxlength="25" data-validation="alphanumeric required length" data-validation-allowing="-_ '@/&amp;" data-validation-error-msg="Please fill in your first name" data-validation-help="Only allows alphanumeric characters and _ - / @ &amp;" class="form__field form__field--firstName has-help-txt" data-validation-length="max25"><div class="form__field--error"></div></div>
                    

<div class="form__field--wrapper form__text form__field--lastName"><label class="form__field form__field--lastName form__text required" for="comicrelief_payinbundle_payment_lastName">Last name</label><input type="text" id="comicrelief_payinbundle_payment_lastName" name="comicrelief_payinbundle_payment[lastName]" required="required" placeholder="Bond" maxlength="50" data-validation="alphanumeric required length" data-validation-allowing="-_ '@/&amp;" data-validation-error-msg="Please fill in your last name" data-validation-help="Only allows alphanumeric characters and _ - / @ &amp;" class="form__field form__field--lastName has-help-txt" data-validation-length="max50"><div class="form__field--error"></div></div>
                    

<div class="form__field--wrapper form__text form__field--first"><label class="form__field form__field--first form__text required" for="comicrelief_payinbundle_payment_email_first">Email</label><input type="email" id="comicrelief_payinbundle_payment_email_first" name="comicrelief_payinbundle_payment[email][first]" required="required" placeholder="example@example.com" maxlength="100" data-validation="email required email length" data-validation-error-msg="Please enter a valid e-mail address" class="form__field form__field--first" data-validation-length="max100"><div class="form__field--error"></div></div>
                    

<div class="form__field--wrapper form__text form__field--second"><label class="form__field form__field--second form__text required" for="comicrelief_payinbundle_payment_email_second">Confirm email</label><input type="email" id="comicrelief_payinbundle_payment_email_second" name="comicrelief_payinbundle_payment[email][second]" required="required" placeholder="example@example.com" maxlength="100" data-validation="confirmation required email length" data-validation-confirm="comicrelief_payinbundle_payment[email][first]" data-validation-error-msg="Email address does not match" class="form__field form__field--second" data-validation-length="max100"><div class="form__field--error"></div></div>
                </div>
            </div>

            <div class="form__row form__row--billing-detail form__row--address-lookup">
                <div class="form__fieldset">
                    <h4 class="form__subtitle">Billing address</h4>
                    <p class="form__subcopy">Please enter the billing address which matches the method of your
                        payment.</p>
                    <!-- address detail -->

<!-- postcode search -->


<div class="form__field--wrapper form__text form__field--postcode"><div class="search-box"><label class="form__field form__field--postcode form__text required" for="comicrelief_payinbundle_payment_postcode">Postcode</label><input type="text" id="comicrelief_payinbundle_payment_postcode" name="comicrelief_payinbundle_payment[postcode]" required="required" placeholder="SE1 7TP" maxlength="15" data-validation="required required length" data-validation-error-msg="Please enter a valid postcode" class="form__field form__field--postcode postcodeSearch" data-validation-length="max15"><div class="search-box-button"><label for="postcode_button" class="visually-hidden">Search</label><input type="button" id="postcode_button" name="btnPostcodeSearch" class="btn button btnPostcodeSearch postcode" value="FIND ADDRESS"></div><div class="form__field--error"></div></div></div>

<!-- address dropdown list -->
<div class="form__field--wrapper form__select form__field--address-list address-list-wrapper">
  <label for="address-list" class="form__field">Please select your address:</label>
  <select id="comicrelief_payinbundle_payment_address-list" name="address-list" class="form__field select-address address-list">
    <option value="">Please select...</option>
  </select>
</div>

<!-- address fields -->
<div class="form__field--wrapper form__checkbox form__field--address-detail form__checkbox-text-only">

  <label for="address-detail" class="form__field form__checkbox">Or enter your address manually</label>
  <input type="checkbox" id="address-detail" class="form__field form__field--address-detail">

  <div class="form__field--address">

  

<div class="form__field--wrapper form__text form__field--address1"><label class="form__field form__field--address1 form__text required" for="comicrelief_payinbundle_payment_address1">Address1</label><input type="text" id="comicrelief_payinbundle_payment_address1" name="comicrelief_payinbundle_payment[address1]" required="required" maxlength="100" data-validation="alphanumeric required length" data-validation-allowing="-_ '@/&amp;" data-validation-error-msg="Please fill in address 1" data-validation-help="Only allows alphanumeric characters and _ - / @ &amp;" class="form__field form__field--address1 has-help-txt" data-validation-length="max100"><div class="form__field--error"></div></div>
  

<div class="form__field--wrapper form__text form__field--address2"><label class="form__field form__field--address2 form__text" for="comicrelief_payinbundle_payment_address2">Address2</label><input type="text" id="comicrelief_payinbundle_payment_address2" name="comicrelief_payinbundle_payment[address2]" maxlength="100" data-validation="alphanumeric length" data-validation-allowing="-_ '@/&amp;" data-validation-error-msg="Only allows alphanumeric characters and _ - / @ &amp;" class="form__field form__field--address2" data-validation-length="max100" data-validation-optional="true"><div class="form__field--error"></div></div>
  

<div class="form__field--wrapper form__text form__field--address3"><label class="form__field form__field--address3 form__text" for="comicrelief_payinbundle_payment_address3">Address3</label><input type="text" id="comicrelief_payinbundle_payment_address3" name="comicrelief_payinbundle_payment[address3]" maxlength="100" data-validation="alphanumeric length" data-validation-allowing="-_ '@/&amp;" data-validation-error-msg="Only allows alphanumeric characters and _ - / @ &amp;" class="form__field form__field--address3" data-validation-length="max100" data-validation-optional="true"><div class="form__field--error"></div></div>
  

<div class="form__field--wrapper form__text form__field--address4"><label class="form__field form__field--address4 form__text" for="comicrelief_payinbundle_payment_address4">Address4</label><input type="text" id="comicrelief_payinbundle_payment_address4" name="comicrelief_payinbundle_payment[address4]" maxlength="100" data-validation="alphanumeric length" data-validation-allowing="-_ '@/&amp;" data-validation-error-msg="Only allows alphanumeric characters and _ - / @ &amp;" class="form__field form__field--address4" data-validation-length="max100" data-validation-optional="true"><div class="form__field--error"></div></div>
  

<div class="form__field--wrapper form__text form__field--town"><label class="form__field form__field--town form__text required" for="comicrelief_payinbundle_payment_town">Town</label><input type="text" id="comicrelief_payinbundle_payment_town" name="comicrelief_payinbundle_payment[town]" required="required" maxlength="50" data-validation="alphanumeric required length" data-validation-allowing="-_ '@/&amp;" data-validation-error-msg="Please fill in town" data-validation-help="Only allows alphanumeric characters and _ - / @ &amp;" class="form__field form__field--town has-help-txt" data-validation-length="max50"><div class="form__field--error"></div></div>
  

<div class="form__field--wrapper form__choice form__field--country"><label class="form__field form__field--country form__choice required" for="comicrelief_payinbundle_payment_country">Country</label><select id="comicrelief_payinbundle_payment_country" name="comicrelief_payinbundle_payment[country]" class="form__field form__field--country"><option value="GB">United Kingdom</option><option disabled="disabled">-------------------</option><option value="AF">Afghanistan</option><option value="AX">Åland Islands</option><option value="AL">Albania</option><option value="DZ">Algeria</option><option value="AS">American Samoa</option><option value="AD">Andorra</option><option value="AO">Angola</option><option value="AI">Anguilla</option><option value="AQ">Antarctica</option><option value="AG">Antigua &amp; Barbuda</option><option value="AR">Argentina</option><option value="AM">Armenia</option><option value="AW">Aruba</option><option value="AC">Ascension Island</option><option value="AU">Australia</option><option value="AT">Austria</option><option value="AZ">Azerbaijan</option><option value="BS">Bahamas</option><option value="BH">Bahrain</option><option value="BD">Bangladesh</option><option value="BB">Barbados</option><option value="BY">Belarus</option><option value="BE">Belgium</option><option value="BZ">Belize</option><option value="BJ">Benin</option><option value="BM">Bermuda</option><option value="BT">Bhutan</option><option value="BO">Bolivia</option><option value="BA">Bosnia &amp; Herzegovina</option><option value="BW">Botswana</option><option value="BR">Brazil</option><option value="IO">British Indian Ocean Territory</option><option value="VG">British Virgin Islands</option><option value="BN">Brunei</option><option value="BG">Bulgaria</option><option value="BF">Burkina Faso</option><option value="BI">Burundi</option><option value="KH">Cambodia</option><option value="CM">Cameroon</option><option value="CA">Canada</option><option value="IC">Canary Islands</option><option value="CV">Cape Verde</option><option value="BQ">Caribbean Netherlands</option><option value="KY">Cayman Islands</option><option value="CF">Central African Republic</option><option value="EA">Ceuta &amp; Melilla</option><option value="TD">Chad</option><option value="CL">Chile</option><option value="CN">China</option><option value="CX">Christmas Island</option><option value="CC">Cocos (Keeling) Islands</option><option value="CO">Colombia</option><option value="KM">Comoros</option><option value="CG">Congo - Brazzaville</option><option value="CD">Congo - Kinshasa</option><option value="CK">Cook Islands</option><option value="CR">Costa Rica</option><option value="CI">Côte d’Ivoire</option><option value="HR">Croatia</option><option value="CU">Cuba</option><option value="CW">Curaçao</option><option value="CY">Cyprus</option><option value="CZ">Czechia</option><option value="DK">Denmark</option><option value="DG">Diego Garcia</option><option value="DJ">Djibouti</option><option value="DM">Dominica</option><option value="DO">Dominican Republic</option><option value="EC">Ecuador</option><option value="EG">Egypt</option><option value="SV">El Salvador</option><option value="GQ">Equatorial Guinea</option><option value="ER">Eritrea</option><option value="EE">Estonia</option><option value="ET">Ethiopia</option><option value="EZ">Eurozone</option><option value="FK">Falkland Islands</option><option value="FO">Faroe Islands</option><option value="FJ">Fiji</option><option value="FI">Finland</option><option value="FR">France</option><option value="GF">French Guiana</option><option value="PF">French Polynesia</option><option value="TF">French Southern Territories</option><option value="GA">Gabon</option><option value="GM">Gambia</option><option value="GE">Georgia</option><option value="DE">Germany</option><option value="GH">Ghana</option><option value="GI">Gibraltar</option><option value="GR">Greece</option><option value="GL">Greenland</option><option value="GD">Grenada</option><option value="GP">Guadeloupe</option><option value="GU">Guam</option><option value="GT">Guatemala</option><option value="GG">Guernsey</option><option value="GN">Guinea</option><option value="GW">Guinea-Bissau</option><option value="GY">Guyana</option><option value="HT">Haiti</option><option value="HN">Honduras</option><option value="HK">Hong Kong SAR China</option><option value="HU">Hungary</option><option value="IS">Iceland</option><option value="IN">India</option><option value="ID">Indonesia</option><option value="IR">Iran</option><option value="IQ">Iraq</option><option value="IE">Ireland</option><option value="IM">Isle of Man</option><option value="IL">Israel</option><option value="IT">Italy</option><option value="JM">Jamaica</option><option value="JP">Japan</option><option value="JE">Jersey</option><option value="JO">Jordan</option><option value="KZ">Kazakhstan</option><option value="KE">Kenya</option><option value="KI">Kiribati</option><option value="XK">Kosovo</option><option value="KW">Kuwait</option><option value="KG">Kyrgyzstan</option><option value="LA">Laos</option><option value="LV">Latvia</option><option value="LB">Lebanon</option><option value="LS">Lesotho</option><option value="LR">Liberia</option><option value="LY">Libya</option><option value="LI">Liechtenstein</option><option value="LT">Lithuania</option><option value="LU">Luxembourg</option><option value="MO">Macau SAR China</option><option value="MK">Macedonia</option><option value="MG">Madagascar</option><option value="MW">Malawi</option><option value="MY">Malaysia</option><option value="MV">Maldives</option><option value="ML">Mali</option><option value="MT">Malta</option><option value="MH">Marshall Islands</option><option value="MQ">Martinique</option><option value="MR">Mauritania</option><option value="MU">Mauritius</option><option value="YT">Mayotte</option><option value="MX">Mexico</option><option value="FM">Micronesia</option><option value="MD">Moldova</option><option value="MC">Monaco</option><option value="MN">Mongolia</option><option value="ME">Montenegro</option><option value="MS">Montserrat</option><option value="MA">Morocco</option><option value="MZ">Mozambique</option><option value="MM">Myanmar (Burma)</option><option value="NA">Namibia</option><option value="NR">Nauru</option><option value="NP">Nepal</option><option value="NL">Netherlands</option><option value="NC">New Caledonia</option><option value="NZ">New Zealand</option><option value="NI">Nicaragua</option><option value="NE">Niger</option><option value="NG">Nigeria</option><option value="NU">Niue</option><option value="NF">Norfolk Island</option><option value="KP">North Korea</option><option value="MP">Northern Mariana Islands</option><option value="NO">Norway</option><option value="OM">Oman</option><option value="PK">Pakistan</option><option value="PW">Palau</option><option value="PS">Palestinian Territories</option><option value="PA">Panama</option><option value="PG">Papua New Guinea</option><option value="PY">Paraguay</option><option value="PE">Peru</option><option value="PH">Philippines</option><option value="PN">Pitcairn Islands</option><option value="PL">Poland</option><option value="PT">Portugal</option><option value="PR">Puerto Rico</option><option value="QA">Qatar</option><option value="RE">Réunion</option><option value="RO">Romania</option><option value="RU">Russia</option><option value="RW">Rwanda</option><option value="WS">Samoa</option><option value="SM">San Marino</option><option value="ST">São Tomé &amp; Príncipe</option><option value="SA">Saudi Arabia</option><option value="SN">Senegal</option><option value="RS">Serbia</option><option value="SC">Seychelles</option><option value="SL">Sierra Leone</option><option value="SG">Singapore</option><option value="SX">Sint Maarten</option><option value="SK">Slovakia</option><option value="SI">Slovenia</option><option value="SB">Solomon Islands</option><option value="SO">Somalia</option><option value="ZA">South Africa</option><option value="GS">South Georgia &amp; South Sandwich Islands</option><option value="KR">South Korea</option><option value="SS">South Sudan</option><option value="ES">Spain</option><option value="LK">Sri Lanka</option><option value="BL">St. Barthélemy</option><option value="SH">St. Helena</option><option value="KN">St. Kitts &amp; Nevis</option><option value="LC">St. Lucia</option><option value="MF">St. Martin</option><option value="PM">St. Pierre &amp; Miquelon</option><option value="VC">St. Vincent &amp; Grenadines</option><option value="SD">Sudan</option><option value="SR">Suriname</option><option value="SJ">Svalbard &amp; Jan Mayen</option><option value="SZ">Swaziland</option><option value="SE">Sweden</option><option value="CH">Switzerland</option><option value="SY">Syria</option><option value="TW">Taiwan</option><option value="TJ">Tajikistan</option><option value="TZ">Tanzania</option><option value="TH">Thailand</option><option value="TL">Timor-Leste</option><option value="TG">Togo</option><option value="TK">Tokelau</option><option value="TO">Tonga</option><option value="TT">Trinidad &amp; Tobago</option><option value="TA">Tristan da Cunha</option><option value="TN">Tunisia</option><option value="TR">Turkey</option><option value="TM">Turkmenistan</option><option value="TC">Turks &amp; Caicos Islands</option><option value="TV">Tuvalu</option><option value="UM">U.S. Outlying Islands</option><option value="VI">U.S. Virgin Islands</option><option value="UG">Uganda</option><option value="UA">Ukraine</option><option value="AE">United Arab Emirates</option><option value="UN">United Nations</option><option value="US">United States</option><option value="UY">Uruguay</option><option value="UZ">Uzbekistan</option><option value="VU">Vanuatu</option><option value="VA">Vatican City</option><option value="VE">Venezuela</option><option value="VN">Vietnam</option><option value="WF">Wallis &amp; Futuna</option><option value="EH">Western Sahara</option><option value="YE">Yemen</option><option value="ZM">Zambia</option><option value="ZW">Zimbabwe</option></select><div class="form__field--error"></div></div>
  </div>
</div>
                </div>
            </div>

            <div class="form__row form__nav"><div class="form__fieldset"><div class="form__field--wrapper form__submit form__field--submit"><button type="submit" id="comicrelief_payinbundle_payment_submit" name="comicrelief_payinbundle_payment[submit]">Make donation</button></div></div></div>
    </form>
            <div class="form__row form__row--logos">
                <p><img src="/images/logo/frsb.png"></p>
                <p class="font--center font--small">
                    By working with the best partners like <strong>Braintree</strong>, <strong>DigiCert</strong>, <strong>Paypal</strong>, <strong>Stripe</strong> and <strong>Worldpay</strong>, we'll keep your data safe. To donate using your <strong>Charities Aid Foundation</strong> account <a target="_blank" class="link link--gainsboro-grey inline" href="https://www.cafonline.org/">click here</a>
                </p>
            </div>
        </div>
    </section>
