{** SHIPPING START **}
<div id="opc-shipping" class="fieldset clearfix {class file=$smarty.template editable=true}">
<h3>Shipping Address</h3>
    {**zaas**}
    {if $order->getShippingRequired()}
        <div id="opc-shipping-inner" style="display:none;">
            <div class="col-wrap clearfix">
                <div id="opc-shipping-address-list">
                    {** SHIPPING ADDRESS FORM START **}
                    <div id="opc-shipping-address-form" class="invisible">
                        <form id="opc-form-shipping" name="opc-form-shipping" method="post" action="">
                            {if $EndiciaUspsAddressValidation == "1"}
                                <input type="hidden" id="opc-shipping-address-form-use_user_address"  name="use_user_address" value="0"/>
                            {/if}
                            <div class="spacer no-space-top no-gap-top">
                                {**<strong>{$msg.opc.shipping_select_address}</strong>**}
                                <div class="gap-top">
                                    <div id="opc-shipping-as-billing-radio" class="invisible">
                                        <table class="fieldset">
                                            <tbody>
                                                <tr class="field radio">
                                                    <td>
                                                        <p style="font-weight:bold;">Select Shipping Address</p>
                                                        <div>
                                                            <div class="input">
                                                                <input type="radio" name="shipping-address-id" id="opc-shipping-address-id-billing" value="billing"/>
                                                            </div>
                                                            <label for="opc-shipping-address-id-billing">{$msg.opc.shipping_as_billing_address}</label>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div id="opc-shipping-address-book" class="invisible"></div>
                                    <div id="opc-shipping-new-radio" class="invisible">
                                        <table class="fieldset">
                                            <tbody>
                                                <tr class="field radio">
                                                    <td>
                                                        <p style="font-weight:bold;">Enter new shipping address (<a id="opc-link-copy-billing-to-shipping" href="#">Copy from billing address</a>)</p>
                                                        <div>
                                                            <div class="input">
                                                                <input type="radio" name="shipping-address-id" id="opc-shipping-address-id-new" value="new"/>
                                                            </div>
                                                            <label for="opc-shipping-address-id-new">{$msg.opc.shipping_new_address}</label>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div id="opc-shipping-address-form-new">
                                <div class="spacer no-space-top no-gap-top no-space-bottom no-gap-bottom">
                                    {**<div class="gap-bottom">
                                        <a id="opc-link-copy-billing-to-shipping" href="#">{$msg.opc.shipping_copy_billing}</a>
                                    </div>**}
                                    <table class="fieldset">
                                        <tr class="field required">
                                            <td>
                                                <div>
                                                    <label for="opc-shipping-address-form-address_type">{$msg.opc.shipping_address_type}</label>
                                                    <select id="opc-shipping-address-form-address_type" name="address_type">
                                                        <option value="">{$msg.opc.shipping_address_type_please_select}</option>
                                                        <option value="Residential">{$msg.opc.shipping_address_type_residential}</option>
                                                        <option value="Business">{$msg.opc.shipping_address_type_business}</option>
                                                    </select>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr class="field required">
                                            <td>
                                                <div>
                                                    <label for="opc-shipping-address-form-name">{$msg.opc.shipping_name}</label>
                                                    <input type="text" name="name" maxlength="36" id="opc-shipping-address-form-name"/>
                                                </div>
                                            </td>
                                        </tr>
                                        {if $FormsShippingCompany != "Invisible"}
                                            <tr class="field {if $FormsShippingCompany == "Required"} required{/if}">
                                                <td>
                                                    <div>
                                                        <label for="opc-shipping-address-form-company">{$msg.opc.shipping_company}</label>
                                                        <input type="text" name="company" id="opc-shipping-address-form-company"/>
                                                    </div>
                                                </td>
                                            </tr>
                                        {else}
                                        <tr class="invisible">
                                            <input id="opc-shipping-address-form-company" type="hidden" name="company" value="{$user.company|htmlspecialchars}"/>
                                        </tr>
                                        {/if}
                                        <tr class="field required">
                                            <td>
                                                <div>
                                                    <label for="opc-shipping-address-form-address1">{$msg.opc.shipping_address1}</label>
                                                    <input type="text" name="address1" maxlength="36" id="opc-shipping-address-form-address1"/>
                                                </div>
                                            </td>
                                        </tr>
                                        {if $FormsShippingAddressLine2 != "Invisible"}
                                        <tr class="field {if $FormsShippingAddressLine2 == "Required"} required{/if}">
                                            <td>
                                                <div>
                                                    <label for="opc-shipping-address-form-address2">{$msg.opc.shipping_address2}</label>
                                                    <input type="text" name="address2" id="opc-shipping-address-form-address2"/>
                                                </div>
                                            </td>
                                        </tr>
                                        {else}
                                        <tr class="invisible">
                                            <input id="opc-shipping-address-form-address2" type="hidden" name="address2" value="{$user.address2|htmlspecialchars}"/>
                                        </tr>
                                        {/if}
                                        <tr class="field required">
                                            <td>
                                                <div>
                                                    <label for="opc-shipping-address-form-city">{$msg.opc.shipping_city}</label>
                                                    <input type="text" name="city" id="opc-shipping-address-form-city"/>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr id="field-shipping-country" class="field required">
                                            <td>
                                                <div>
                                                    <label for="opc-shipping-address-form-country_id">{$msg.opc.shipping_country}</label>
                                                    <select name="country" id="opc-shipping-address-form-country_id"></select>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr id="field-shipping-state" class="field required">
                                            <td>
                                                <div>
                                                    <label for="opc-shipping-address-form-state_id">{$msg.opc.shipping_state_province}</label>
                                                    <select name="state" id="opc-shipping-address-form-state_id"></select>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr id="field-shipping-province" class="field required">
                                            <td>
                                                <div>
                                                    <label for="opc-shipping-address-form-province">{$msg.opc.shipping_state_province}</label>
                                                    <input type="text" name="province" id="opc-shipping-address-form-province"/>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr class="field required">
                                            <td>
                                                <div>
                                                    <label for="opc-shipping-address-form-zip">{$msg.opc.shipping_zip}</label>
                                                    <input type="text" name="zip" id="opc-shipping-address-form-zip"/>
                                                </div>
                                            </td>
                                        </tr>
                                        {if $cf_shipping}
                                            {foreach from=$cf_shipping item="cfield"}
                                                <tr class="field{if $cfield.is_required } required{/if}">
                                                    <td>
                                                        <div class="clearfix">
                                                            {if $cfield.field_type == "radio"}
                                                                <label style="float:left;">{$cfield.field_caption|htmlspecialchars}</label>
                                                                <div class="custom-field-radio clearfix">{cfield field=$cfield}</div>
                                                            {else}
                                                                <label>{$cfield.field_caption|htmlspecialchars}</label>
                                                                {cfield field=$cfield}
                                                            {/if}
                                                        </div>
                                                    </td>
                                                </tr>
                                            {/foreach}
                                        {/if}
                                    </table>
                                </div>
                            </div>
                            <div class="msg-notice spacer">Click the button below to get shipping rates and complete order.</div>
                            <div class="buttons">
                                <img src="{$skin_images}continue_with_order2.jpg" alt="$msg.opc.shipping_button_save" style="cursor:pointer" id="opc-shipping-address-form-button-save" />
                                {**button id="opc-shipping-address-form-button-save" type="submit" class="button" text=$msg.opc.shipping_button_save file=$smarty.template **}
                            </div>
                        </form>
                    </div>
                    {** SHIPPING ADDRESS FORM FINISH **}
                    {** SHIPPING ADDRESS VIEW START **}
                    <div id="opc-shipping-address-view">
                        <div class="spacer no-space-top no-gap-top no-space-bottom no-gap-bottom">
                            &nbsp;
                        </div>
                    </div>
                    {** SHIPPING ADDRESS VIEW FINISH **}
                </div>
            </div>
            <div id="shipping_methods_custom_div" style="display:none;">
                <h3>Shipping Method</h3>
                <div class="col-wrap clearfix">
                    <div class="col-50" id="opc-shipping-methods-list">
                        <form id="opc-shipping-methods-form" class="spacer no-space-top no-gap-top no-space-bottom no-gap-bottom"></form>
                    </div>
                    <div class="col-50">
                        <div id="opc-invoice-totals" class="opc-invoice-totals spacer no-space-bottom">
                            <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                <tbody>
                                    <tr id="opc-invoice-subtotal-row" valign="top">
                                        <td class="invoice-title">{$msg.opc.invoice_subtotal}</td>
                                        <td id="opc-invoice-subtotal" class="invoice-amount text-right"></td>
                                    </tr>
                                    <tr id="opc-invoice-discount-row" class="invisible" valign="top">
                                        <td class="invoice-title">{$msg.opc.invoice_discount}</td>
                                        <td id="opc-invoice-discount" class="invoice-amount text-right"></td>
                                    </tr>
                                    <tr id="opc-invoice-promo-row" class="invisible" valign="top">
                                        <td class="invoice-title">{$msg.opc.invoice_promo_discount}</td>
                                        <td id="opc-invoice-promo" class="invoice-amount text-right"></td>
                                    </tr>
                                    <tr id="opc-invoice-shipping-row" class="invisible" valign="top">
                                        <td class="invoice-title">{$msg.opc.invoice_shipping}</td>
                                        <td id="opc-invoice-shipping" class="invoice-amount text-right"></td>
                                    </tr>
                                    <tr id="opc-invoice-handling-row" class="invisible" valign="top">
                                        <td class="invoice-title">{$msg.opc.invoice_handling}</td>
                                        <td id="opc-invoice-handling" class="invoice-amount text-right"></td>
                                    </tr>
                                    <tr id="opc-invoice-promo-shipping-row" class="invisible" valign="top">
                                        <td class="invoice-title">{$msg.opc.invoice_promo_discount}</td>
                                        <td id="opc-invoice-promo-shipping" class="invoice-amount text-right"></td>
                                    </tr>
                                    <tr id="opc-invoice-tax-row" class="invisible" valign="top">
                                        <td class="invoice-title">{$msg.opc.invoice_tax}</td>
                                        <td id="opc-invoice-tax" class="invoice-amount text-right"></td>
                                    </tr>
                                    <tr id="opc-invoice-bongo-duty-tax-row" class="invisible" valign="top">
                                        <td class="invoice-title">{$msg.opc.invoice_bongo_duty_tax}</td>
                                        <td id="opc-invoice-bongo-duty-tax" class="invoice-amount text-right"></td>
                                    </tr>
                                    <tr id="opc-invoice-bongo-insurance-row" class="invisible" valign="top">
                                        <td class="invoice-title">{$msg.opc.invoice_bongo_insurance}</td>
                                        <td id="opc-invoice-bongo-insurance" class="invoice-amount text-right"></td>
                                    </tr>
                                    <tr id="opc-invoice-tax-exempt-row" class="invisible" valign="top">
                                        <td class="invoice-title">{$msg.opc.invoice_tax_exempt}</td>
                                        <td id="opc-invoice-tax-exempt" class="invoice-amount text-right"></td>
                                    </tr>
                                    <tr id="opc-invoice-total-row" class="opc-invoice-total-row" valign="top">
                                        <td class="invoice-title">{$msg.opc.invoice_total}</td>
                                        <td id="opc-invoice-total" class="invoice-amount text-right"></td>
                                    </tr>
                                    <tr id="opc-invoice-tax-included-row" class="invisible" valign="top">
                                        <td class="invoice-title">{$msg.opc.invoice_tax_included_in_total}</td>
                                        <td id="opc-invoice-tax-included" class="invoice-amount text-right"></td>
                                    </tr>
                                    <tr id="opc-invoice-gift-certificate-row" class="opc-invoice-gift-certificate-row invisible" valign="top">
                                        <td class="invoice-title">{$msg.opc.invoice_gift_certificate}</td>
                                        <td id="opc-invoice-gift-certificate" class="invoice-amount text-right"></td>
                                    </tr>
                                    <tr id="opc-invoice-remaining-row" class="opc-invoice-remaining-row invisible" valign="top">
                                        <td class="invoice-title">{$msg.opc.invoice_remaining_amount}</td>
                                        <td id="opc-invoice-remaining" class="invoice-amount text-right"></td>
                                    </tr>
                                    <tr id="opc-invoice-recurring-row" class="opc-invoice-recurring-row invisible" valign="top">
                                        <td class="invoice-title" colspan="2"></td>
                                    </tr>
                                    <tr id="opc-invoice-recurring-items-row" class="opc-invoice-recurring-items-row invisible" valign="top">
                                        <td class="invoice-title" colspan="2"></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {else}
        <div class="msg-notice spacer">
        {$msg.shipping.no_shipping_address_is_necessary}
            <div class="buttons" id="div_continue_with_order">
            <img src="content/skins/SongsForTeaching/images/continue_with_order2.jpg" alt="Continue with Order" onClick="opcContinueWithOrder()" style="cursor:pointer;">
            </div>
        </div>
    {/if}
    {**zaae**}
</div>
{** SHIPPING FINISH **}