<h2 id="payment-method-heading" class="active">
        <div class="step-indicator">3</div>
        <div class="heading">Payment Method</div>
      </h2>
      <section style="display: block;" class="accordion-content active" id="payment-method">
        <input name="pay_method" value="CC" type="hidden">
        <ul class="payment-tabs">
          <a href="/checkout/purchase?pay_method=CC"><li class="card active">Credit/Debit Card</li></a>
          <a href="/checkout/purchase?pay_method=PPI"><li class="paypal"><img src="/static/checkout/images/paypal.png" alt="PayPal"></li></a>
        </ul>

        <div class="secure-icon">
          <div class="secure-left"></div>
          <div class="secure-middle"><span>Secure<br>Payment</span></div>
          <div class="secure-right"></div>
        </div>

        <!-- card container -->
        <div class="card-container active">
          <!-- card number -->
          <div class="section-error">Failed to authorize: Authorization Failed

          </div>
          <div class="form-group">
            <label for="card-number">Credit/Debit Card Number <span class="required">*</span></label>
            <input id="card-number" name="tco_customer_cc" autocomplete="off">
            <div class="validator"></div>
            <div style="display: none;" class="hover-note card-number-hover-note"><span class="arrow"></span><span class="content">Please enter your credit card or debit card number.</span></div>
            <div class="error-note card-number-error-note"><span class="arrow"></span><span class="content">Please enter your credit card or debit card number. </span></div>
          </div>

          <!-- exp date -->
          <div class="form-group" id="exp-date">
            <label for="exp-month">Expiration Date <span class="required">*</span></label>