quickbooks-pay-invoice-extract.html

<div id="paymentMethodsTemplate"><div><div id="debitCardForm" class="payment-info-form creditCard" style="display: none;">
    <div class="col-xs-12 hidden-sm hidden-md hidden-lg hidden-xl no-outer-gutter">
        <table class="creditCardFormIE8">

            <!--[if IE 8]>
            <colgroup>
                <col style="width: 280px">
            </colgroup>
            <![endif]-->

            <tbody><tr class="wallet-cc-form-error" style="display: none">
                <td colspan="2">
                    <div class="icon" name="payflowWalletErrorIcon"></div>
                    <span class="label" id="payflowWalletLabel">AMEX not accepted</span>
                    <ha-tooltip message="This business doesn’t accept American Express. Use a different payment method." dismissible="true" duration="3000" trigger="hover" role="tooltip" class="ha-a11y-focus dismissible" style="min-width: 1px;"><div class="tooltip-container"><button class="hi hi-close btn-icon-only" aria-label="Close"></button><div class="tooltip-inner">This business doesn’t accept American Express. Use a different payment method.</div></div></ha-tooltip>
                </td>
            </tr>
            <tr class="wallet-cc-form wallet-cc-picker">
                <td colspan="2">
                    <div class="select ccPicker" id="payflow-form-ccPicker-select">
                        <select name="ccPicker" class="payflow-form-ccPicker-select" id="payflow-form-ccPicker-select-select"></select>
                    </div>
                </td>
            </tr>

            <!--credit card number-->
            <tr class="full-cc-form">
                <td colspan="2">
                    <div class="icon" name="debitCardNumberErrorIcon"></div>
                    <span class="label" id="debitCardNumberLabel">Debit card number</span>
                </td>
            </tr>
            <tr class="full-cc-form">
                <td colspan="2">
                    <div class="text-field-container">
                        <input type="text" pattern="\d*" name="debitCardNumber" class="creditCardNumber" id="payflow-form-debit-card-number" placeholder="Enter with no spaces or dashes" maxlength="16">
                        <div class="error tooltip">
                            <div class="tooltip-content payflow-desktop-error-tooltip cc-number" id="debitCardNumberTooltipDiv" style="display:none">
                                <p name="debitCardNumberTooltipText"></p>
                                <div class="tooltip-notch bottom-left"></div>
                            </div>
                        </div>
                        <div class="image-container">
                            <div class="creditcard-logo discover payflow-form-credit-card-logo-discover" id="payflow-form-credit-card-logo-discover" style="display:none"></div>
                            <div class="creditcard-logo amex payflow-form-credit-card-logo-amex" id="payflow-form-credit-card-logo-amex" style="display:none"></div>
                            <div class="creditcard-logo mastercard payflow-form-credit-card-logo-mastercard" id="payflow-form-credit-card-logo-mastercard" style="display:none"></div>
                            <div class="creditcard-logo visa payflow-form-credit-card-logo-visa" id="payflow-form-credit-card-logo-visa" style="display:none"></div>
                        </div>
                    </div>
                </td>
            </tr>

            <!--exp date and cvc-->
            <tr>
                <td class="full-cc-form">
                    <div class="icon" name="debitExpirationDateErrorIcon"></div>
                    <span class="label" id="debitExpirationDateLabel">Expiration date</span>
                </td>
                <td class="col-two cvcLabelContainer">
                    <div class="icon" name="debitCvcErrorIcon"></div>
                    <span class="label" id="debitCvcLabel">
                            Security code
                        </span>
                    <ha-tooltip trigger="hover" dismissible="true" duration="3000" message="On most cards, your CVC code is a 3-digit number on the back. On some cards, it's a 4-digit number on the front." role="tooltip" class="ha-a11y-focus dismissible" style="min-width: 1px;">
                        <div class="tooltip-container"><button class="hi hi-close btn-icon-only" aria-label="Close"></button><div class="tooltip-inner">On most cards, your CVC code is a 3-digit number on the back. On some cards, it's a 4-digit number on the front.</div></div></ha-tooltip>
                </td>
            </tr>
            <tr>
                <td class="full-cc-form" style="width: 50%;">
                    <input type="text" name="debitExpirationMonth" placeholder="MM" class="expirationMonth" id="payflow-form-ccMonth-select" maxlength="2">
                    <div class="error tooltip">
                        <div class="tooltip-content payflow-desktop-error-tooltip cc-month" id="debitExpirationMonthTooltipDiv" style="display: none">
                            <p name="debitExpirationMonthTooltipText"></p>
                            <div class="tooltip-notch bottom-left"></div>
                        </div>
                    </div>
                    <input type="text" name="debitExpirationYear" placeholder="YY" class="expirationYear" id="payflow-form-ccYear-select" maxlength="2">
                    <div class="error tooltip">
                        <div class="tooltip-content payflow-desktop-error-tooltip cc-year" id="debitExpirationYearTooltipDiv" style="display: none">
                            <p name="debitExpirationYearTooltipText"></p>
                            <div class="tooltip-notch bottom-left"></div>
                        </div>
                    </div>
                </td>
                <td class="col-two cvcContainer" style="width: 50%;">
                    <input type="text" pattern="\d*" name="debitCvc" placeholder="CVC" class="cvc" maxlength="4">
                    <div class="error tooltip">
                        <div class="tooltip-content payflow-desktop-error-tooltip cc-cvc" id="debitCvcTooltipDiv" style="display:none">
                            <p name="debitCvcTooltipText"></p>
                            <div class="tooltip-notch bottom-left"></div>
                        </div>
                    </div>
                </td>
            </tr>

            <!--billing zip-->
            <tr class="full-cc-form">
                <td colspan="2">
                    <div class="icon" name="debitPostalCodeErrorIcon"></div>
                    <span class="label" id="debitPostalCodeLabel">Billing ZIP code</span>
                </td>

            </tr>
            <tr class="full-cc-form">
                <td colspan="2">
                    <input type="text" name="debitPostalCode" placeholder="ZIP" class="billingZipCode" maxlength="9">
                    <div class="error tooltip">
                        <div class="tooltip-content payflow-desktop-error-tooltip cc-zip" id="debitPostalCodeTooltipDiv" style="display: none">
                            <p name="debitPostalCodeTooltipText"></p>
                            <div class="tooltip-notch bottom-left"></div>
                        </div>
                    </div>
                </td>
            </tr>

            <!--cardholder name-->
            <tr class="full-cc-form">
                <td class="full-cc-form" colspan="2">
                    <div class="icon" name="debitCardholderNameErrorIcon"></div>
                    <span class="label" id="debitCardholderNameLabel">Cardholder name</span>
                </td>
            </tr>
            <tr class="full-cc-form">
                <td class="full-cc-form" colspan="2">
                    <input type="text" name="debitCardholderName" class="cardholderName" placeholder="Cardholder name" maxlength="30">
                    <div class="error tooltip">
                        <div class="tooltip-content payflow-desktop-error-tooltip cc-name" id="debitCardholderNameTooltipDiv" style="display:none">
                            <p name="debitCardholderNameTooltipText"></p>
                            <div class="tooltip-notch bottom-left"></div>
                        </div>
                    </div>
                </td>
            </tr>
            </tbody></table>
    </div>
    <div class="col-sm-11 hidden-xs no-outer-gutter">
        <table class="creditCardFormIE8">

            <!--[if IE 8]>
            <colgroup>
                <col style="width: 280px">
            </colgroup>
            <![endif]-->

            <tbody><tr class="wallet-cc-form-error" style="display: none">
                <td colspan="3">
                    <div class="icon" name="payflowWalletErrorIcon"></div>
                    <span class="label" id="payflowWalletLabel">AMEX not accepted</span>
                    <ha-tooltip message="This business doesn’t accept American Express. Use a different payment method." dismissible="true" duration="3000" trigger="hover" role="tooltip" class="ha-a11y-focus dismissible" style="min-width: 1px;"><div class="tooltip-container"><button class="hi hi-close btn-icon-only" aria-label="Close"></button><div class="tooltip-inner">This business doesn’t accept American Express. Use a different payment method.</div></div></ha-tooltip>
                </td>
            </tr>
            <tr class="wallet-cc-form wallet-cc-picker">
                <td colspan="3">
                    <div class="select ccPicker" id="payflow-form-ccPicker2-select">
                        <select name="ccPicker" class="payflow-form-ccPicker-select" id="payflow-form-ccPicker-select-select"></select>
                    </div>
                </td>
            </tr>

            <!--card number label-->
            <tr class="full-cc-form">
                <td colspan="3">
                    <div class="icon" name="debitCardNumberErrorIcon"></div>
                    <span class="label" id="debitCardNumberLabel">Debit card number</span>
                </td>

            </tr>
            <tr class="full-cc-form">
                <td colspan="3">
                    <div class="text-field-container">
                        <input type="text" pattern="\d*" name="debitCardNumber" class="creditCardNumber" id="payflow-form-debit-card-number" placeholder="Enter with no spaces or dashes" maxlength="16">
                        <div class="error tooltip">
                            <div class="tooltip-content payflow-desktop-error-tooltip cc-number" id="debitCardNumberTooltipDiv" style="display:none">
                                <p name="debitCardNumberTooltipText"></p>
                                <div class="tooltip-notch bottom-left"></div>
                            </div>
                        </div>
                        <div class="image-container">
                            <div class="creditcard-logo discover payflow-form-credit-card-logo-discover" id="payflow-form-credit-card-logo-discover" style="display:none"></div>
                            <div class="creditcard-logo amex payflow-form-credit-card-logo-amex" id="payflow-form-credit-card-logo-amex" style="display:none"></div>
                            <div class="creditcard-logo mastercard payflow-form-credit-card-logo-mastercard" id="payflow-form-credit-card-logo-mastercard" style="display:none"></div>
                            <div class="creditcard-logo visa payflow-form-credit-card-logo-visa" id="payflow-form-credit-card-logo-visa" style="display:none"></div>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="full-cc-form">
                    <div class="icon" name="debitExpirationDateErrorIcon"></div>
                    <span class="label" id="debitExpirationDateLabel">Expiration date</span>
                </td>
                <td class="col-two cvcLabelContainer">
                    <div class="icon" name="debitCvcErrorIcon"></div>
                    <span class="label" id="debitCvcLabel">
                            Security code
                        </span>
                    <ha-tooltip trigger="hover" dismissible="true" duration="3000" message="On most cards, your CVC code is a 3-digit number on the back. On some cards, it's a 4-digit number on the front." role="tooltip" class="ha-a11y-focus dismissible" style="min-width: 1px;">
                        <div class="tooltip-container"><button class="hi hi-close btn-icon-only" aria-label="Close"></button><div class="tooltip-inner">On most cards, your CVC code is a 3-digit number on the back. On some cards, it's a 4-digit number on the front.</div></div></ha-tooltip>
                </td>
                <td class="col-three full-cc-form">
                    <div class="icon" name="debitPostalCodeErrorIcon"></div>
                    <span class="label" id="debitPostalCodeLabel">Billing ZIP code</span>
                </td>
            </tr>
            <tr>
                <td class="full-cc-form" style="width: 25%;">
                    <input type="text" name="debitExpirationMonth" placeholder="MM" class="expirationMonth" id="payflow-form-ccMonth-select" maxlength="2">
                    <div class="error tooltip">
                        <div class="tooltip-content payflow-desktop-error-tooltip cc-month" id="debitExpirationMonthTooltipDiv" style="display: none">
                            <p name="debitExpirationMonthTooltipText"></p>
                            <div class="tooltip-notch bottom-left"></div>
                        </div>
                    </div>
                    <input type="text" name="debitExpirationYear" placeholder="YY" class="expirationYear" id="payflow-form-ccYear-select" maxlength="2">
                    <div class="error tooltip">
                        <div class="tooltip-content payflow-desktop-error-tooltip cc-year" id="debitExpirationYearTooltipDiv" style="display: none">
                            <p name="debitExpirationYearTooltipText"></p>
                            <div class="tooltip-notch bottom-left"></div>
                        </div>
                    </div>
                </td>
                <td class="col-two cvcContainer" style="width: 30%;">
                    <input type="text" pattern="\d*" name="debitCvc" placeholder="CVC" class="cvc" maxlength="4">
                    <div class="error tooltip">
                        <div class="tooltip-content payflow-desktop-error-tooltip cc-cvc" id="debitCvcTooltipDiv" style="display:none">
                            <p name="debitCvcTooltipText"></p>
                            <div class="tooltip-notch bottom-left"></div>
                        </div>
                    </div>
                </td>
                <td class="col-three full-cc-form" style="width: 40%;">
                    <input type="text" name="debitPostalCode" placeholder="ZIP" class="billingZipCode" maxlength="9">
                    <div class="error tooltip">
                        <div class="tooltip-content payflow-desktop-error-tooltip cc-zip" id="debitPostalCodeTooltipDiv" style="display: none">
                            <p name="debitPostalCodeTooltipText"></p>
                            <div class="tooltip-notch bottom-left"></div>
                        </div>
                    </div>
                </td>
            </tr>

            <!--cardholder name label-->
            <tr>
                <td class="full-cc-form" colspan="3">
                    <div class="icon" name="debitCardholderNameErrorIcon"></div>
                    <span class="label" id="debitCardholderNameLabel">Cardholder name</span>
                </td>
            </tr>
            <tr>
                <td class="full-cc-form" colspan="3">
                    <input type="text" name="debitCardholderName" class="cardholderName" placeholder="Cardholder name" maxlength="30">
                    <div class="error tooltip">
                        <div class="tooltip-content payflow-desktop-error-tooltip cc-name" id="debitCardholderNameTooltipDiv" style="display:none">
                            <p name="debitCardholderNameTooltipText"></p>
                            <div class="tooltip-notch bottom-left"></div>
                        </div>
                    </div>
                </td>
            </tr>
            </tbody></table>
    </div>
</div>

    <div id="creditCardForm" class="payment-info-form creditCard" style="display: block;">
        <div class="col-xs-12 hidden-sm hidden-md hidden-lg hidden-xl no-outer-gutter">
            <table class="creditCardFormIE8">

                <!--[if IE 8]>
                <colgroup>
                    <col style="width: 280px">
                </colgroup>
                <![endif]-->

                <tbody><tr class="wallet-cc-form-error" style="display: none">
                    <td colspan="2">
                        <div class="icon" name="payflowWalletErrorIcon"></div>
                        <span class="label" id="payflowWalletLabel">AMEX not accepted</span>
                        <ha-tooltip message="This business doesn’t accept American Express. Use a different payment method." dismissible="true" duration="3000" trigger="hover" role="tooltip" class="ha-a11y-focus dismissible" style="min-width: 1px;"><div class="tooltip-container"><button class="hi hi-close btn-icon-only" aria-label="Close"></button><div class="tooltip-inner">This business doesn’t accept American Express. Use a different payment method.</div></div></ha-tooltip>
                    </td>
                </tr>
                <tr class="wallet-cc-form wallet-cc-picker">
                    <td colspan="2">
                        <div class="select ccPicker" id="payflow-form-ccPicker-select">
                            <select name="ccPicker" class="payflow-form-ccPicker-select" id="payflow-form-ccPicker-select-select"></select>
                        </div>
                    </td>
                </tr>

                <!--credit card number-->
                <tr class="full-cc-form">
                    <td colspan="2">
                        <div class="icon" name="creditCardNumberErrorIcon"></div>
                        <span class="label" id="creditCardNumberLabel">Credit card number</span>
                    </td>
                </tr>
                <tr class="full-cc-form">
                    <td colspan="2">
                        <div class="text-field-container">
                            <input type="text" pattern="\d*" name="creditCardNumber" class="creditCardNumber" id="payflow-form-credit-card-number" placeholder="Enter with no spaces or dashes" maxlength="16">
                            <div class="error tooltip">
                                <div class="tooltip-content payflow-desktop-error-tooltip cc-number" id="creditCardNumberTooltipDiv" style="display:none">
                                    <p name="creditCardNumberTooltipText"></p>
                                    <div class="tooltip-notch bottom-left"></div>
                                </div>
                            </div>
                            <div class="image-container">
                                <div class="creditcard-logo discover payflow-form-credit-card-logo-discover" id="payflow-form-credit-card-logo-discover" style="display:none"></div>
                                <div class="creditcard-logo amex payflow-form-credit-card-logo-amex" id="payflow-form-credit-card-logo-amex" style="display:none"></div>
                                <div class="creditcard-logo mastercard payflow-form-credit-card-logo-mastercard" id="payflow-form-credit-card-logo-mastercard" style="display:none"></div>
                                <div class="creditcard-logo visa payflow-form-credit-card-logo-visa" id="payflow-form-credit-card-logo-visa" style="display:none"></div>
                            </div>
                        </div>
                    </td>
                </tr>

                <!--exp date and cvc-->
                <tr>
                    <td class="full-cc-form">
                        <div class="icon error" name="expirationDateErrorIcon"></div>
                        <span class="label error" id="expirationDateLabel">Expiration date</span>
                    </td>
                    <td class="col-two cvcLabelContainer">
                        <div class="icon error" name="cvcErrorIcon" style="display: block;"></div>
                        <span class="label error" id="cvcLabel">
                            Security code
                        </span>
                        <ha-tooltip trigger="hover" dismissible="true" duration="3000" message="On most cards, your CVC code is a 3-digit number on the back. On some cards, it's a 4-digit number on the front." role="tooltip" class="ha-a11y-focus dismissible" style="min-width: 1px;">
                            <div class="tooltip-container"><button class="hi hi-close btn-icon-only" aria-label="Close"></button><div class="tooltip-inner">On most cards, your CVC code is a 3-digit number on the back. On some cards, it's a 4-digit number on the front.</div></div></ha-tooltip>
                    </td>
                </tr>
                <tr>
                    <td class="full-cc-form" style="width: 50%;">
                        <input type="text" name="expirationMonth" placeholder="MM" class="expirationMonth error" id="payflow-form-ccMonth-select" maxlength="2">
                        <div class="error tooltip">
                            <div class="tooltip-content payflow-desktop-error-tooltip cc-month" id="expirationMonthTooltipDiv" style="">
                                <p name="expirationMonthTooltipText">Please enter a month.</p>
                                <div class="tooltip-notch bottom-left"></div>
                            </div>
                        </div>
                        <input type="text" name="expirationYear" placeholder="YY" class="expirationYear error" id="payflow-form-ccYear-select" maxlength="2">
                        <div class="error tooltip">
                            <div class="tooltip-content payflow-desktop-error-tooltip cc-year" id="expirationYearTooltipDiv" style="">
                                <p name="expirationYearTooltipText">Please enter a year.</p>
                                <div class="tooltip-notch bottom-left"></div>
                            </div>
                        </div>
                    </td>
                    <td class="col-two cvcContainer" style="width: 50%;">
                        <input type="text" pattern="\d*" name="cvc" placeholder="CVC" class="cvc error" maxlength="4">
                        <div class="error tooltip">
                            <div class="tooltip-content payflow-desktop-error-tooltip cc-cvc" id="cvcTooltipDiv" style="">
                                <p name="cvcTooltipText">Sorry, this field can't be blank.</p>
                                <div class="tooltip-notch bottom-left"></div>
                            </div>
                        </div>
                    </td>
                </tr>

                <!--billing zip-->
                <tr class="full-cc-form">
                    <td colspan="2">
                        <div class="icon error" name="postalCodeErrorIcon" style="display: block;"></div>
                        <span class="label error" id="postalCodeLabel">Billing ZIP code</span>
                    </td>

                </tr>
                <tr class="full-cc-form">
                    <td colspan="2">
                        <input type="text" name="postalCode" placeholder="ZIP" class="billingZipCode error" maxlength="9">
                        <div class="error tooltip">
                            <div class="tooltip-content payflow-desktop-error-tooltip cc-zip" id="postalCodeTooltipDiv" style="">
                                <p name="postalCodeTooltipText">Sorry, this field can't be blank.</p>
                                <div class="tooltip-notch bottom-left"></div>
                            </div>
                        </div>
                    </td>
                </tr>

                <!--cardholder name-->
                <tr class="full-cc-form">
                    <td class="full-cc-form" colspan="2">
                        <div class="icon" name="cardholderNameErrorIcon" style="display: none;"></div>
                        <span class="label" id="cardholderNameLabel">Cardholder name</span>
                    </td>
                </tr>
                <tr class="full-cc-form">
                    <td class="full-cc-form" colspan="2">
                        <input type="text" name="cardholderName" class="cardholderName" placeholder="Cardholder name" maxlength="30">
                        <div class="error tooltip">
                            <div class="tooltip-content payflow-desktop-error-tooltip cc-name" id="cardholderNameTooltipDiv" style="display:none">
                                <p name="cardholderNameTooltipText"></p>
                                <div class="tooltip-notch bottom-left"></div>
                            </div>
                        </div>
                    </td>
                </tr>
                </tbody></table>
        </div>
        <div class="col-sm-11 hidden-xs no-outer-gutter">
            <table class="creditCardFormIE8">

                <!--[if IE 8]>
                <colgroup>
                    <col style="width: 280px">
                </colgroup>
                <![endif]-->

                <tbody><tr class="wallet-cc-form-error" style="display: none">
                    <td colspan="3">
                        <div class="icon" name="payflowWalletErrorIcon"></div>
                        <span class="label" id="payflowWalletLabel">AMEX not accepted</span>
                        <ha-tooltip message="This business doesn’t accept American Express. Use a different payment method." dismissible="true" duration="3000" trigger="hover" role="tooltip" class="ha-a11y-focus dismissible" style="min-width: 1px;"><div class="tooltip-container"><button class="hi hi-close btn-icon-only" aria-label="Close"></button><div class="tooltip-inner">This business doesn’t accept American Express. Use a different payment method.</div></div></ha-tooltip>
                    </td>
                </tr>
                <tr class="wallet-cc-form wallet-cc-picker">
                    <td colspan="3">
                        <div class="select ccPicker" id="payflow-form-ccPicker2-select">
                            <select name="ccPicker" class="payflow-form-ccPicker-select" id="payflow-form-ccPicker-select-select"></select>
                        </div>
                    </td>
                </tr>

                <!--card number label-->
                <tr class="full-cc-form">
                    <td colspan="3">
                        <div class="icon" name="creditCardNumberErrorIcon"></div>
                        <span class="label" id="creditCardNumberLabel">Credit card number</span>
                    </td>

                </tr>
                <tr class="full-cc-form">
                    <td colspan="3">
                        <div class="text-field-container">
                            <input type="text" pattern="\d*" name="creditCardNumber" class="creditCardNumber" id="payflow-form-credit-card-number" placeholder="Enter with no spaces or dashes" maxlength="16">
                            <div class="error tooltip">
                                <div class="tooltip-content payflow-desktop-error-tooltip cc-number" id="creditCardNumberTooltipDiv" style="display:none">
                                    <p name="creditCardNumberTooltipText"></p>
                                    <div class="tooltip-notch bottom-left"></div>
                                </div>
                            </div>
                            <div class="image-container">
                                <div class="creditcard-logo discover payflow-form-credit-card-logo-discover" id="payflow-form-credit-card-logo-discover" style="display:none"></div>
                                <div class="creditcard-logo amex payflow-form-credit-card-logo-amex" id="payflow-form-credit-card-logo-amex" style="display:none"></div>
                                <div class="creditcard-logo mastercard payflow-form-credit-card-logo-mastercard" id="payflow-form-credit-card-logo-mastercard" style="display:none"></div>
                                <div class="creditcard-logo visa payflow-form-credit-card-logo-visa" id="payflow-form-credit-card-logo-visa" style="display:none"></div>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="full-cc-form">
                        <div class="icon error" name="expirationDateErrorIcon"></div>
                        <span class="label error" id="expirationDateLabel">Expiration date</span>
                    </td>
                    <td class="col-two cvcLabelContainer">
                        <div class="icon error" name="cvcErrorIcon" style="display: block;"></div>
                        <span class="label error" id="cvcLabel">
                            Security code
                        </span>
                        <ha-tooltip trigger="hover" dismissible="true" duration="3000" message="On most cards, your CVC code is a 3-digit number on the back. On some cards, it's a 4-digit number on the front." role="tooltip" class="ha-a11y-focus dismissible" style="min-width: 1px;">
                            <div class="tooltip-container"><button class="hi hi-close btn-icon-only" aria-label="Close"></button><div class="tooltip-inner">On most cards, your CVC code is a 3-digit number on the back. On some cards, it's a 4-digit number on the front.</div></div></ha-tooltip>
                    </td>
                    <td class="col-three full-cc-form">
                        <div class="icon error" name="postalCodeErrorIcon" style="display: block;"></div>
                        <span class="label error" id="postalCodeLabel">Billing ZIP code</span>
                    </td>
                </tr>
                <tr>
                    <td class="full-cc-form" style="width: 25%;">
                        <input type="text" name="expirationMonth" placeholder="MM" class="expirationMonth error" id="payflow-form-ccMonth-select" maxlength="2">
                        <div class="error tooltip">
                            <div class="tooltip-content payflow-desktop-error-tooltip cc-month" id="expirationMonthTooltipDiv" style="">
                                <p name="expirationMonthTooltipText">Please enter a month.</p>
                                <div class="tooltip-notch bottom-left"></div>
                            </div>
                        </div>
                        <input type="text" name="expirationYear" placeholder="YY" class="expirationYear error" id="payflow-form-ccYear-select" maxlength="2">
                        <div class="error tooltip">
                            <div class="tooltip-content payflow-desktop-error-tooltip cc-year" id="expirationYearTooltipDiv" style="">
                                <p name="expirationYearTooltipText">Please enter a year.</p>
                                <div class="tooltip-notch bottom-left"></div>
                            </div>
                        </div>
                    </td>
                    <td class="col-two cvcContainer" style="width: 30%;">
                        <input type="text" pattern="\d*" name="cvc" placeholder="CVC" class="cvc error" maxlength="4">
                        <div class="error tooltip">
                            <div class="tooltip-content payflow-desktop-error-tooltip cc-cvc" id="cvcTooltipDiv" style="">
                                <p name="cvcTooltipText">Sorry, this field can't be blank.</p>
                                <div class="tooltip-notch bottom-left"></div>
                            </div>
                        </div>
                    </td>
                    <td class="col-three full-cc-form" style="width: 40%;">
                        <input type="text" name="postalCode" placeholder="ZIP" class="billingZipCode error" maxlength="9">
                        <div class="error tooltip">
                            <div class="tooltip-content payflow-desktop-error-tooltip cc-zip" id="postalCodeTooltipDiv" style="">
                                <p name="postalCodeTooltipText">Sorry, this field can't be blank.</p>
                                <div class="tooltip-notch bottom-left"></div>
                            </div>
                        </div>
                    </td>
                </tr>

                <!--cardholder name label-->
                <tr>
                    <td class="full-cc-form" colspan="3">
                        <div class="icon" name="cardholderNameErrorIcon" style="display: none;"></div>
                        <span class="label" id="cardholderNameLabel">Cardholder name</span>
                    </td>
                </tr>
                <tr>
                    <td class="full-cc-form" colspan="3">
                        <input type="text" name="cardholderName" class="cardholderName" placeholder="Cardholder name" maxlength="30">
                        <div class="error tooltip">
                            <div class="tooltip-content payflow-desktop-error-tooltip cc-name" id="cardholderNameTooltipDiv" style="display:none">
                                <p name="cardholderNameTooltipText"></p>
                                <div class="tooltip-notch bottom-left"></div>
                            </div>
                        </div>
                    </td>
                </tr>
                </tbody></table>
        </div>
    </div>

    <div id="bankForm" class="payment-info-form bank" style="display: none;">

        <div class="col-xs-12 hidden-sm hidden-md hidden-lg hidden-xl no-outer-gutter">
            <div class="stripe-ach-mobile hidden">
                <div class="select-sign-in-and-pay">
                    <i class="hi hi-lightbulb-o"></i>
                    <div class="plaid-page-message">On the next screen you’ll enter your online credentials to sign into your financial institution and make a one-time secure transfer.</div>
                </div>
                <table>
                    <tbody><tr class="full-ach-form">
                        <td><div class="icon" name="firstNameErrorIcon"></div>
                            <span class="label" id="firstNameLabel">Legal full name</span>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td>
                            <input type="text" name="firstName" placeholder="Sam Smith" maxlength="32">
                            <div class="error tooltip">
                                <div class="tooltip-content payflow-desktop-error-tooltip bank" id="firstNameTooltipDiv" style="display:none">
                                    <p name="firstNameTooltipText"></p>
                                    <div class="tooltip-notch bottom-left"></div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    </tbody></table>
                <div class="review-and-confirm hidden">
                    <div class="plaid-review-message">Review and confirm</div>
                    <div class="plaid-bank-info-container">
                        <div class="plaid-check-icon"></div>
                        <div class="plaid-bank-name-and-accounttype">
                            <div class="plaid-bank-name"></div>
                            <div class="plaid-account-type"></div>
                        </div>
                        <div class="plaid-delete">
                            <a class="plaid-delete-button">Delete</a>
                        </div>
                        <div style="clear:both"> </div>
                    </div>
                    <div class="plaid-name-text">In order to authenticate the transfer, the name you enter must match the bank accountholder’s name.</div>
                    <table>
                        <tbody><tr class="full-ach-form">
                            <td><div class="icon" name="firstNameErrorIcon"></div>
                                <span class="label" id="firstNameLabel">First name</span>
                            </td>
                        </tr>
                        <tr class="full-ach-form">
                            <td>
                                <input type="text" name="firstName" placeholder="First name" maxlength="32">
                                <div class="error tooltip">
                                    <div class="tooltip-content payflow-desktop-error-tooltip bank" id="firstNameTooltipDiv" style="display:none">
                                        <p name="firstNameTooltipText"></p>
                                        <div class="tooltip-notch bottom-left"></div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr class="full-ach-form">
                            <td>
                                <div class="icon" name="lastNameErrorIcon"></div>
                                <span class="label" id="lastNameLabel">Last name</span>
                            </td>
                        </tr>
                        <tr class="full-ach-form">
                            <td>
                                <input type="text" name="lastName" placeholder="Last name" maxlength="32">
                                <div class="error tooltip">
                                    <div class="tooltip-content payflow-desktop-error-tooltip bank" id="lastNameTooltipDiv" style="display:none">
                                        <p name="lastNameTooltipText"></p>
                                        <div class="tooltip-notch bottom-left"></div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        </tbody></table>
                </div>
            </div>
            <div class="ims-ach-mobile">
                <table>
                    <tbody><tr class="wallet-ach-form wallet-ach-picker">
                        <td>
                            <div class="select achPicker" id="payflow-form-achPicker2-select">
                                <select name="achPicker" class="payflow-form-achPicker-select" id="payflow-form-achPicker-select-select"></select>
                            </div>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td colspan="2">
                            <span class="label">Account type</span>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td>
                            <div class="select" id="payflow-bankform-accountType-select">
                                <select name="acctType" id="payflow-bankform-accountType-select-select" class="hidden" style="display: none;">
                                    <option value="Personal checking">Personal checking</option>
                                    <option value="Business checking">Business checking</option>
                                    <option value="Personal savings">Personal savings</option>
                                    <option value="Business savings">Business savings</option>
                                </select>
                                <span name="accountTypeSpan">Personal checking</span><ul><li data-index="0" data-value="Personal checking">Personal checking</li><li data-index="1" data-value="Business checking">Business checking</li><li data-index="2" data-value="Personal savings">Personal savings</li><li data-index="3" data-value="Business savings">Business savings</li></ul></div>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td><div class="checkNumbers"></div></td>
                    </tr>
                    <tr class="full-ach-form">
                        <td>
                            <div class="icon" name="routingNumberErrorIcon"></div>
                            <span class="label" id="routingNumberLabel">Routing number</span>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td>
                            <input type="text" pattern="\d*" name="routingNumber" placeholder="Routing number" maxlength="9">
                            <div class="error tooltip">
                                <div class="tooltip-content payflow-desktop-error-tooltip bank" id="routingNumberTooltipDiv" style="display:none">
                                    <p name="routingNumberTooltipText"></p>
                                    <div class="tooltip-notch bottom-left"></div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td>
                            <div class="icon" name="accountNumberErrorIcon"></div>
                            <span class="label" id="accountNumberLabel"> Account number</span>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td>
                            <input type="text" pattern="\d*" name="accountNumber" placeholder="Account number" maxlength="17">
                            <div class="error tooltip">
                                <div class="tooltip-content payflow-desktop-error-tooltip bank" id="accountNumberTooltipDiv" style="display:none">
                                    <p name="accountNumberTooltipText"></p>
                                    <div class="tooltip-notch bottom-left"></div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td>
                            <div class="icon" name="confirmAccountNumberErrorIcon"></div>
                            <span class="label" id="confirmAccountNumberLabel">Confirm account number</span>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td>
                            <input type="text" pattern="\d*" name="confirmAccountNumber" placeholder="Confirm account number" maxlength="17">
                            <div class="error tooltip">
                                <div class="tooltip-content payflow-desktop-error-tooltip bank" id="confirmAccountNumberTooltipDiv" style="display:none">
                                    <p name="confirmAccountNumberTooltipText"></p>
                                    <div class="tooltip-notch bottom-left"></div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td><div class="icon" name="firstNameErrorIcon"></div>
                            <span class="label" id="firstNameLabel">Account holder's first name</span>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td>
                            <input type="text" name="firstName" placeholder="First name" maxlength="32">
                            <div class="error tooltip">
                                <div class="tooltip-content payflow-desktop-error-tooltip bank" id="firstNameTooltipDiv" style="display:none">
                                    <p name="firstNameTooltipText"></p>
                                    <div class="tooltip-notch bottom-left"></div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td>
                            <div class="icon" name="lastNameErrorIcon"></div>
                            <span class="label" id="lastNameLabel">Account holder's last name</span>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td>
                            <input type="text" name="lastName" placeholder="Last name" maxlength="32">
                            <div class="error tooltip">
                                <div class="tooltip-content payflow-desktop-error-tooltip bank" id="lastNameTooltipDiv" style="display:none">
                                    <p name="lastNameTooltipText"></p>
                                    <div class="tooltip-notch bottom-left"></div>
                                </div>
                            </div>
                        </td>
                    </tr>

                    <tr class="full-ach-form">
                        <td class="personal" id="personalAccountLabels" style="display: none;">
                            <!--ICN4200-->
                            <!--Downstream payment systems need the phone number field but they don't use it. So we are hiding those fields-->
                            <!-- from UI but sending dummy information as per their request-->
                            <div style="display:none;">
                                <div class="icon" name="phoneNumberErrorIcon"></div>
                                <span class="label" id="phoneNumberLabel">Phone number</span>
                            </div>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td class="personal" id="personalAccountInput" style="display: none;">
                            <div style="display:none;">
                                <input type="text" placeholder="XXXXXXXXXX" name="phoneNumber">
                                <div class="error tooltip">
                                    <div class="tooltip-content payflow-desktop-error-tooltip bank" id="phoneNumberTooltipDiv" style="display:none">
                                        <p name="phoneNumberTooltipText"></p>
                                        <div class="tooltip-notch bottom-left"></div>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td class="business" id="businessAccountLabels" style="display: none;">
                            <div class="icon" name="companyNameErrorIcon"></div>
                            <span class="label" id="companyNameLabel">Company name</span>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td>
                            <!--ICN4200-->
                            <!--Downstream payment systems need the phone number field but they don't use it. So we are hiding those fields-->
                            <!--from UI but sending dummy information as per their request-->
                            <div style="display:none;">
                                <div class="icon"></div>
                                <span class="label" id="companyPhoneNumberLabel">Phone number</span>
                            </div>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td class="business" id="businessAccountInput" style="display: none;">
                            <input type="text" name="companyName" placeholder="Company name" maxlength="32">
                            <div class="error tooltip">
                                <div class="tooltip-content payflow-desktop-error-tooltip bank" id="companyNameTooltipDiv" style="display:none">
                                    <p name="companyNameTooltipText"></p>
                                    <div class="tooltip-notch bottom-left"></div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td>
                            <div style="display:none;">
                                <input type="text" placeholder="XXXXXXXXXX" name="companyPhoneNumber">
                                <div class="error tooltip">
                                    <div class="tooltip-content payflow-desktop-error-tooltip bank" id="companyPhoneNumberTooltipDiv" style="display:none">
                                        <p name="companyPhoneNumberTooltipText"></p>
                                        <div class="tooltip-notch bottom-left"></div>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    </tbody></table>
            </div>
        </div>
        <div class="col-sm-11 hidden-xs no-outer-gutter">
            <div class="stripe-ach hidden">
                <div class="select-sign-in-and-pay">
                    <i class="hi hi-lightbulb-o"></i>
                    <div class="plaid-page-message">On the next screen you’ll enter your online credentials to sign into your financial institution and make a one-time secure transfer.</div>
                </div>
                <table>
                    <tbody><tr class="full-ach-form">
                        <td><div class="icon" name="firstNameErrorIcon"></div>
                            <span class="label" id="firstNameLabel">Legal full name</span>
                        </td>
                    </tr>
                    <tr><td><div class="label" id="legalFullNameMessage">We'll use this to verify the name on the bank account</div></td></tr>
                    <tr class="full-ach-form">
                        <td>
                            <input id="plaidNameInput" type="text" name="firstName" placeholder="Sam Smith" maxlength="32">
                            <div class="error tooltip">
                                <div class="tooltip-content payflow-desktop-error-tooltip bank" id="firstNameTooltipDiv" style="display:none">
                                    <p name="firstNameTooltipText"></p>
                                    <div class="tooltip-notch bottom-left"></div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    </tbody></table>
                <div class="review-and-confirm hidden">
                    <div class="plaid-review-message">Review and confirm</div>
                    <div class="plaid-bank-info-container">
                        <div class="plaid-check-icon"></div>
                        <div class="plaid-bank-name-and-accounttype">
                            <div class="plaid-bank-name"></div>
                            <div class="plaid-account-type"></div>
                        </div>
                        <div class="plaid-delete">
                            <a class="plaid-delete-button">Delete</a>
                        </div>
                        <div style="clear:both"> </div>
                    </div>
                    <div class="plaid-name-text">In order to authenticate the transfer, the name you enter must match the bank accountholder’s name.</div>
                    <table>
                        <tbody><tr class="full-ach-form">
                            <td><div class="icon" name="firstNameErrorIcon"></div>
                                <span class="label" id="firstNameLabel">First name</span>
                            </td>
                            <td class="col-two">
                                <div class="icon" name="lastNameErrorIcon"></div>
                                <span class="label" id="lastNameLabel">Last name</span>
                            </td>
                        </tr>
                        <tr class="full-ach-form">
                            <td>
                                <input type="text" name="firstName" placeholder="First name" maxlength="32">
                                <div class="error tooltip">
                                    <div class="tooltip-content payflow-desktop-error-tooltip bank" id="firstNameTooltipDiv" style="display:none">
                                        <p name="firstNameTooltipText"></p>
                                        <div class="tooltip-notch bottom-left"></div>
                                    </div>
                                </div>
                            </td>
                            <td class="col-two">
                                <input type="text" name="lastName" placeholder="Last name" maxlength="32">
                                <div class="error tooltip">
                                    <div class="tooltip-content payflow-desktop-error-tooltip bank" id="lastNameTooltipDiv" style="display:none">
                                        <p name="lastNameTooltipText"></p>
                                        <div class="tooltip-notch bottom-left"></div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        </tbody></table>
                </div>
            </div>
            <div class="ims-ach">
                <table>
                    <tbody><tr class="wallet-ach-form wallet-ach-picker">
                        <td colspan="2">
                            <div class="select achPicker" id="payflow-form-achPicker-select">
                                <select name="achPicker" class="payflow-form-achPicker-select" id="payflow-form-achPicker-select-select"></select>
                            </div>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td colspan="2">
                            <span class="label">Account type</span>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td colspan="2">
                            <div class="select" id="payflow-bankform-accountType2-select">
                                <select name="acctType" id="payflow-bankform-accountType-select-select" class="hidden" style="display: none;">
                                    <option value="Personal checking">Personal checking</option>
                                    <option value="Business checking">Business checking</option>
                                    <option value="Personal savings">Personal savings</option>
                                    <option value="Business savings">Business savings</option>
                                </select>
                                <span name="accountTypeSpan">Personal checking</span><ul><li data-index="0" data-value="Personal checking">Personal checking</li><li data-index="1" data-value="Business checking">Business checking</li><li data-index="2" data-value="Personal savings">Personal savings</li><li data-index="3" data-value="Business savings">Business savings</li></ul></div>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td colspan="2"><div class="checkNumbers"></div></td>
                    </tr>
                    <tr class="full-ach-form">
                        <td style="width: 50%;">
                            <div class="icon" name="routingNumberErrorIcon"></div>
                            <span class="label" id="routingNumberLabel">Routing number</span>
                        </td>
                        <td class="col-two" style="width: 50%;">
                            <div class="icon" name="accountNumberErrorIcon"></div>
                            <span class="label" id="accountNumberLabel"> Account number</span>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td style="width: 50%;">
                            <input type="text" pattern="\d*" name="routingNumber" placeholder="Routing number" maxlength="9">
                            <div class="error tooltip">
                                <div class="tooltip-content payflow-desktop-error-tooltip bank" id="routingNumberTooltipDiv" style="display:none">
                                    <p name="routingNumberTooltipText"></p>
                                    <div class="tooltip-notch bottom-left"></div>
                                </div>
                            </div>
                        </td>
                        <td class="col-two" style="width: 50%;">
                            <input type="text" pattern="\d*" name="accountNumber" placeholder="Account number" maxlength="17">
                            <div class="error tooltip">
                                <div class="tooltip-content payflow-desktop-error-tooltip bank" id="accountNumberTooltipDiv" style="display:none">
                                    <p name="accountNumberTooltipText"></p>
                                    <div class="tooltip-notch bottom-left"></div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td></td>
                        <td class="col-two">
                            <div class="icon" name="confirmAccountNumberErrorIcon"></div>
                            <span class="label" id="confirmAccountNumberLabel">Confirm account number</span>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td></td>
                        <td class="col-two">
                            <input type="text" pattern="\d*" name="confirmAccountNumber" placeholder="Confirm account number" maxlength="17">
                            <div class="error tooltip">
                                <div class="tooltip-content payflow-desktop-error-tooltip bank" id="confirmAccountNumberTooltipDiv" style="display:none">
                                    <p name="confirmAccountNumberTooltipText"></p>
                                    <div class="tooltip-notch bottom-left"></div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td><div class="icon" name="firstNameErrorIcon"></div>
                            <span class="label" id="firstNameLabel">Account holder's first name</span>
                        </td>
                        <td class="col-two">
                            <div class="icon" name="lastNameErrorIcon"></div>
                            <span class="label" id="lastNameLabel">Account holder's last name</span>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td>
                            <input type="text" name="firstName" placeholder="First name" maxlength="32">
                            <div class="error tooltip">
                                <div class="tooltip-content payflow-desktop-error-tooltip bank" id="firstNameTooltipDiv" style="display:none">
                                    <p name="firstNameTooltipText"></p>
                                    <div class="tooltip-notch bottom-left"></div>
                                </div>
                            </div>
                        </td>
                        <td class="col-two">
                            <input type="text" name="lastName" placeholder="Last name" maxlength="32">
                            <div class="error tooltip">
                                <div class="tooltip-content payflow-desktop-error-tooltip bank" id="lastNameTooltipDiv" style="display:none">
                                    <p name="lastNameTooltipText"></p>
                                    <div class="tooltip-notch bottom-left"></div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td class="personal" id="personalAccountLabels" style="display: none;">
                            <!--ICN4200-->
                            <!--Downstream payment systems need the phone number field but they don't use it. So we are hiding those fields-->
                            <!-- from UI but sending dummy information as per their request-->
                            <div style="display:none;">
                                <div class="icon" name="phoneNumberErrorIcon"></div>
                                <span class="label" id="phoneNumberLabel">Phone number</span>
                            </div>
                        </td>
                        <td></td>
                    </tr>
                    <tr class="full-ach-form">
                        <td class="personal" id="personalAccountInput" style="display: none;">
                            <div style="display:none;">
                                <input type="text" placeholder="XXXXXXXXXX" name="phoneNumber">
                                <div class="error tooltip">
                                    <div class="tooltip-content payflow-desktop-error-tooltip bank" id="phoneNumberTooltipDiv" style="display:none">
                                        <p name="phoneNumberTooltipText"></p>
                                        <div class="tooltip-notch bottom-left"></div>
                                    </div>
                                </div>
                            </div>
                        </td>
                        <td></td>
                    </tr>
                    <tr class="full-ach-form">
                        <td class="business" id="businessAccountLabels" style="display: none;">
                            <div class="icon" name="companyNameErrorIcon"></div>
                            <span class="label" id="companyNameLabel">Company name</span></td>
                        <td>
                            <!--ICN4200-->
                            <!--Downstream payment systems need the phone number field but they don't use it. So we are hiding those fields-->
                            <!--from UI but sending dummy information as per their request-->
                            <div style="display:none;">
                                <div class="icon"></div>
                                <span class="label" id="companyPhoneNumberLabel">Phone number</span>
                            </div>
                        </td>
                    </tr>
                    <tr class="full-ach-form">
                        <td class="business" id="businessAccountInput" style="display: none;">
                            <input type="text" name="companyName" placeholder="Company name" maxlength="32">
                            <div class="error tooltip">
                                <div class="tooltip-content payflow-desktop-error-tooltip bank" id="companyNameTooltipDiv" style="display:none">
                                    <p name="companyNameTooltipText"></p>
                                    <div class="tooltip-notch bottom-left"></div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div style="display:none;">
                                <input type="text" placeholder="XXXXXXXXXX" name="companyPhoneNumber">
                                <div class="error tooltip">
                                    <div class="tooltip-content payflow-desktop-error-tooltip bank" id="companyPhoneNumberTooltipDiv" style="display:none">
                                        <p name="companyPhoneNumberTooltipText"></p>
                                        <div class="tooltip-notch bottom-left"></div>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    </tbody></table>
            </div>
        </div>


    </div>

    <div id="paypalForm" class="payment-info-form ppaam" style="display: none;">
        <table>

            <tbody><tr id="disclaimerPPAAM" style="display: none;">
                <td>
                    <br><span class="label">You will be taken to PayPal's secure checkout to complete the purchase.</span>
                </td>
            </tr>
            <tr id="disclaimerAppConnect2">
                <td>
                    <span class="label">Payments are processed by PayPal. Any payment you make with PayPal is subject to the <a class="link" id="paypalAgreement" target="_blank">PayPal User Agreement</a> which will prevail over any contradictory terms.</span>
                </td>
            </tr>

            </tbody></table>
    </div>

    <div id="razorpayForm" class="payment-info-form razorpay" style="display: none;">
        <table>
            <tbody><tr>
                <td>
                    <br><span class="label">A Razorpay account is not required, you may pay using a credit or debit card as a guest.</span>
                </td>
            </tr>
            <tr>
                <td>
                    <span class="label">Payments are processed by Razorpay. Any payment you make with Razorpay is subject to the <a class="link" href="https://razorpay.com/terms/" target="_blank">Razorpay User Agreement</a> which will prevail over any contradictory terms.</span>
                </td>
            </tr>
            </tbody></table>
    </div>

    <div id="bitcoinForm" class="payment-info-form bitcoin" style="display: none;">
        <table>
            <tbody><tr>
                <td>
                    <span class="label">Click <span class="bold">Next</span> to proceed and make payment</span>
                </td>
            </tr>
            <tr>
                <td>
                    <br><span class="label">Payment transaction using Bitcoin is solely between you and the third party Bitcoin service provider.</span>
                </td>
            </tr>
            <tr>
                <td>
                    <span class="label">You will need to establish a Bitcoin wallet with a third party Bitcoin service provider to use this payment option.</span>
                </td>
            </tr>
            </tbody></table>
    </div>

    <div id="applePayForm" class="payment-info-form applePay" style="display: none;">
        <table>
            <tbody><tr>
                <td id="applePayDisclaimer">
                    <span class="label">Click the Apple Pay button to agree to the <a class="link" id="applePayTOS" target="_blank" href="#termsOfService">Terms of Service</a> and <a class="link" id="applePayPrivacyPolicy" target="_blank" href="http://security.intuit.com/privacy">Privacy Policy</a> and authorize Intuit to charge your credit card.</span>
                </td>
            </tr>
            </tbody></table>
    </div></div></div>