{** SHIPPING START **}
<div id="opc-shipping" class="fieldset clearfix {class file=$smarty.template editable=true}">
	<h3>{$msg.opc.shipping_title}</h3>
	<p style="color:red; font-size:11px; margin-left:10px;">
		Turquoise Magpie Gemstones is not financially responsible for any shipments lost, pilfered, damaged or destroyed if you select a lower shipping rate with no insurance.
	</p>
	<div id="opc-shipping-inner">
		<div class="col-wrap clearfix">
			<div class="col-50" id="opc-shipping-address-list">
				{** SHIPPING ADDRESS FORM START **}
				<div id="opc-shipping-address-form" class="non-invisible">
					<form id="opc-form-shipping" name="opc-form-shipping" method="post" action="">
						<div class="spacer no-space-top no-gap-top">
							<strong>{$msg.opc.shipping_select_address}</strong>
							<div class="gap-top">
								<table class="fieldset">
									<tbody>
										<tr class="field radio">
											<td>
												<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 id="opc-shipping-address-book" class="invisible"></div>
								<table class="fieldset">
									<tbody>
										<tr class="field radio">
											<td>
												<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 id="opc-shipping-address-form-new">
							<div class="spacer no-space-top no-gap-top no-space-bottom no-gap-bottom">
								<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" 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" 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="buttons">
							{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 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>
	</div>
</div>
{** SHIPPING FINISH **}