{** PAYMENT START **}
<div id="opc-payment" class="fieldset {class file=$smarty.template editable=true}">
<h3>{$msg.opc.payment_title}</h3>
<div class="col-wrap clearfix" id="opc-payment-methods">
<div class="col-50">
{** PAYMENT PROMO FORM START **}
{** PROMO COMMENTED OUT BY CRAIG'S REQUEST - Jul 9, 2010
<form id="opc-promo-form" class="clearfix invisible">
<div class="spacer no-space-top no-gap-top gap-bottom">
<strong>{$msg.opc.payment_promo}</strong>
<div>
<input type="text" name="promo"/>
<input type="button" id="opc-promo-form-apply" value="{$msg.opc.payment_promo_apply}"/>
</div>
</div>
</form>
**}
{** PAYMENT PROMO FORM FINISH **}
{** PAYMENT METHODS FORM START **}
<form id="opc-payment-methods-form" class="clearfix invisible">
<div class="spacer no-space-top no-gap-top gap-bottom">
<strong>{$msg.opc.payment_method_select}</strong>
<div class="gap-top gap-bottom">
<div id="opc-payment-methods-options" class="clearfix"></div>
</div>
</div>
</form>
{** PAYMENT METHODS FORM FINISH **}
</div>
<div class="col-50">
{** PAYMENT ERR MESSAGE START **}
<div id="opc-payment-method-error" class="clearfix invisible gap-bottom gap-left msg-error">
{$msg.opc.payment_error_occured}
<div id="opc-payment-method-error-message" class="clearfix"></div>
</div>
{** PYYMENT ERR MESSAGE FINISH **}
{** GIFT CERTIFICATE FORM START **}
<form id="opc-gift-certificate-form" class="clearfix invisible">
<div class="spacer no-space-top no-gap-top no-space-bottom no-gap-bottom">
<strong>{$msg.opc.payment_gc_title}</strong>
<br/>&nbsp;
<table class="fieldset">
<tbody>
<tr class="field">
<td>
<div>
<label>{$msg.opc.payment_gc_fname}</label>
  <input name="gift_cert_first_name" type="text" id="gift_cert_first_name" maxlength="64" value="{$gift_cert_first_name}"/>
</div>
</td>
</tr>
<tr class="field">
<td>
<div>
<label>{$msg.opc.payment_gc_lname}</label>
    <input name="gift_cert_last_name" type="text" id="gift_cert_last_name" maxlength="64" value="{$gift_cert_last_name}"/>
</div>
</td>
</tr>
<tr class="field">
<td>
<div>
<label>{$msg.opc.payment_gc_voucher_code}</label>
<input name="gift_cert_voucher" type="text" id="gift_cert_voucher" maxlength="16" value="{$gift_cert_voucher}"/>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="buttons">
<input type="button" id="opc-gift-certificate-apply" value="{$msg.opc.payment_gc_apply}"/>
</div>
</form>
{** GIFT CERTIFICATE FORM FINISH **}
{** GIFT CERTIFICATE VIEW START **}
<div id="opc-gift-certificate-view" class="spacer clearfix invisible no-space-top no-gap-top"></div>
{** GIFT CERTIFICATE VIEW FINISH **}
{** PAYMENT METHOD FORM START **}
<form id="opc-payment-method-form" method="POST" class="clearfix invisible">
</form>
{** PAYMENT METHOD FORM FINISH **}
</div>
</div>
<div class="col-wrap clearfix" id="opc-payment-methods-free">
<div class="col-50">
<form id="opc-payment-methods-form-free">
<input type="hidden" name="payment-method-id" value="free"/>
<div class="spacer no-space-top no-gap-top gap-bottom">
<strong>Your order has been qualified as "Free order" and does not require any charges.</strong>
</div>
</form>
</div>
<div class="col-50">
<form id="opc-payment-method-form-free" method="POST">
<input type="hidden" name="oa" value="{$ORDER_COMPLETE_ORDER}"/>
<div class="spacer no-space-top no-gap-top gap-bottom">
Please click button below to complete.
</div>
</form>
</div>
</div>
<div class="spacer text-right">
<input type="button" value="{$msg.opc.payment_button_place_order}" id="opc-button-complete" class="button-purchase" style="width:150px;height:40px;"/>
</div>
</div>
{** PAYMENT FINISH **}