######################################################## SHIPPING Package screen
[-- DEFINE OM_SHIPPACK_VIEW --]
<style type="text/css">
div, center, body, html, ul, form {page-break-after: avoid;}
div.order_page_break {page-break-before: always;}
body {min-width: 940px;}
body div.content {max-width: 940px;}
body, td {font-size: [-- IF STORE.FontSize --][-- STORE.FontSize --][-- ELSE --]12pt[-- END_IF --]; font-family: [-- IF STORE.Font --][-- STORE.Font --][-- ELSE --]arial, helvetica, sans-serif[-- END_IF --];}
div#vieworder {width: 100%; max-width: 900px; margin: 10px auto; padding: 16px; background: #FFFFFF; border: 1px solid #EEEEEE;}
div#om-header {clear: both; padding: 0px; margin: 0px;}
div.table {display: table; clear: both; padding: 0px; margin: 0px; width: 100%;}
div.table-row {display: table-row; clear: both; padding: 0px; margin: 0px;}
div.table-cell, span.table-cell {display: table-cell; vertical-align: top; text-align: left;}
div#om-basic span, div#om-bill-addr span, div#om-ship-addr span {display: block; text-align: left;}
div#om-basic {width: 90%;}
div#om-barcode {white-space: nowrap; font-weight: normal; text-align: center;}
span.smaller {font-size: 90%;} span.bold {font-weight: bold;} span.om-bill-type b {font-weight: normal;}
div#om-bill-addr {padding-right: 10px; width: 50%; white-space: nowrap;}
div#om-ship-addr {padding-left: 10px; width: 50%; white-space: nowrap;}
div#om-bill-addr span.om-sect-title, div#om-ship-addr span.om-sect-title {padding: 10px 20px; background: #EFEFEF; margin-top: 10px; margin-bottom: 16px;}
div#om-bill-addr span, div#om-ship-addr span {padding-left: 10px;}
span.om-bill-address, span.om-ship-address, span.om-bill-type, span.om-ship-method, span.om-bill-email {padding-top: 10px;}
span.om-bill-add-email {font-size: 90%; font-style: italic;}
div#om-cart {padding: 20px 0px 10px 0px; margin: 0px; font-size: 90%;}
div#om-cart span.table-cell {vertical-align: middle; border-bottom: 1px solid #F7F7F7; padding: 4px;}
div#om-cart span.cart-title {padding: 10px; font-size: 86%;}
div#om-cart span.om-cart-qty, div#om-cart span.om-cart-sku {text-align: center; width: 10%;}
div#om-cart span.om-cart-nme {width: 50%;}
div#om-cart span.om-cart-img {width: 15%; text-align: center;}
div#om-cart span.om-cart-wgt {width: 5%; text-align: center;}
div#om-cart span.om-cart-prc {width: 10%; text-align: right;}
table#om-totals {width: 100%;}
table#om-totals td {font-size: 86%; white-space: nowrap; padding: 2px 4px;}
table#om-totals td.om1 {width: 90%;}
table#om-totals td.c_bg {background: #FFFFFF;}
table#om-totals td p.order_total {padding: 0px; margin: 10px 0px;}
span.om-note {display: block; clear: both; padding: 10px; font-size: 90%; margin: 10px 6px; border: 1px solid #EFEFEF; background: #FAFAFA;}
div#warehouse {width: 100%; max-width: 900px; margin: 0px auto 30px auto; padding: 16px; background: #FFFFFF; border: 1px solid #EEEEEE; text-align: left;}
h1#warehousetitle {page-break-before:always; width: 100%; max-width: 900px; padding: 10px 16px; background: #DDD; text-align: center; margin: 30px auto 0px auto; border: 1px solid #DDD;}
</style>
<div id="vieworder">
<div id="om-header">[-- OM_SHIPPACK_HEADER --]</div>
<div>
  <div id="om-basic" class="table-cell" style="display: inline-block; max-width: 50%; float: left;">
     <span id="om-num"><b>[-- STORE.SC_OrderNumber --]</b> [-- OM_Order_Number NoBarCode--]</span>
     <span id="om-date"><b>[-- Store.om_OrderDate --]:</b> [-- Order.Date --]</span><br>
     [-- IF Order.Instructions --]<span id="om-instruct" class="smaller">[-- STORE.om_Instructions --]: [-- Order.Instructions --]</span>[-- END_IF --]
     [-- IF Order.Comments --]<span id="om-comm" class="smaller">[-- STORE.om_Comments --]: [-- Order.Comments --]</span>[-- END_IF --]
     [-- IF Order.CustomFields --][-- IF OM_Show_CustomCheckoutFields --]<span id="om-customfields" class="smaller">[-- Order.CustomFields --]</span>[-- END_IF --][-- END_IF --]
     [-- IF OM_SHOW_SHIP_TRACKING --][-- OM_SHIP_TRACKING --][-- END_IF --]
  </div>
  <div id="om-barcode" class="table-cell" style="display: inline-block; max-width: 49%; text-align: center; float: right;">[-- OM_Order_Number --]</div>
  <div style="clear: both;"></div>
</div>
<div class="table">
  <div id="om-bill-addr" class="table-cell" >
    <span class="om-sect-title">[-- Store.om_BillTo --]</span>
    <span class="om-bill-name">[-- Order.Name --]</span>
    <span class="om-bill-company">[-- Order.Company --]</span>
    <span class="om-bill-address">[-- Order.Address --] [-- Order.Address1 --]</span>
    <span class="om-bill-location">[-- Order.City --], [-- Order.State --] [-- Order.Zip --]</span>
    <span class="om-bill-country">[-- Order.Country --]</span>
    <span class="om-bill-email smaller"><a href="mailto:[-- Order.Email --]">[-- Order.Email --]</a></span>
    <span class="om-bill-phone smaller">[-- Store.om_Phone --] [-- Order.Phone --]</span>
[-- IF Order.EmailList --]    <span class="om-bill-add-email">([-- Order.EmailList --])</span>[-- END_IF --] 
[-- IF OM_SHOW_PAY --]
    <br>
    <span class="om-bill-transid">[-- Store.om_ShopSiteTransID --]: [-- Order.TransID --]</span>
  [-- IF Order.VATID --]<span class="om-bill-vatid">VAT ID: [-- Order.VatID --]</span>[-- END_IF --]
    <span class="om-bill-messages">[-- Store.om_OrderMessages --]: [-- Order.OrderMessages --]</span>
  [-- IF Order.OrderSource --]<span class="om-bill-ordersource">[-- Store.om_OrderSource --]: [-- Order.OrderSource --]</span>[-- END_IF --]
  [-- IF Order.DobaOrderInfo --]<span class="om-bill-doba">[-- Store.om_DobaOrderInfo --]: [-- Order.DobaOrderInfo --]</span>[-- END_IF --]
    <span class="om-bill-paytype">[-- Order.PaymentType --]</span>
[-- END_IF --]
  </div>
[-- IF Order.ShipAddressUsed --]
  <div id="om-ship-addr" class="table-cell">
    <span class="om-sect-title bold">[-- Store.om_ShipTo --]</span>
    <span class="om-ship-name bold">[-- Order.ShipName --]</span>
    <span class="om-ship-company bold">[-- Order.ShipCompany --]</span>
    <span class="om-ship-address bold">[-- Order.ShipAddress --] [-- Order.ShipAddress1 --]</span>
    <span class="om-ship-location bold">[-- Order.ShipCity --], [-- Order.ShipState --] [-- Order.ShipZip --]</span>
    <span class="om-ship-country bold">[-- Order.ShipCountry --]</span>
     [-- IF Om_Show_Shipping_Method --]<span class="om-ship-method smaller">[-- STORE.om_ShippingMethod --]: [-- OM_Shipping_method --]</span>[-- END_IF --]
     [-- IF Om_Show_Total_Weight --]<span class="om-weight smaller">[-- STORE.om_TotalWeight --]: [-- OM_Total_Weight --]</span>[-- END_IF --]
    <span class="om-ship-phone smaller">[-- Store.om_Phone --] [-- Order.ShipPhone --]</span>
  </div>
[-- END_IF --]
</div>
<div class="table" id="om-cart">
  <div class="table-row">
    <span class="om-cart-qty table-cell cart-title c_bg">[-- STORE.om_Qty --]</span>
[-- IF OM_Show_Product_Image --]    <span class="om-cart-img table-cell cart-title c_bg">[-- STORE.om_Image --]</span>[-- END_IF --]
    <span class="om-cart-nme table-cell cart-title c_bg">[-- STORE.om_Name --]</span>
    <span class="om-cart-sku table-cell cart-title c_bg">[-- STORE.om_SKU --]</span>
[-- IF OM_SHOW_PRODUCT_WEIGHT --]    <span class="om-cart-wgt table-cell cart-title c_bg">[-- STORE.om_Weight --]</span>[-- END_IF --]
[-- IF OM_SHOW_PAY --]    <span class="om-cart-prc table-cell cart-title c_bg">[-- STORE.om_Total --]</span>[-- END_IF --]
  </div>
[-- VAR.MerchantRequired 0 --]
[-- LOOP ORDER_PRODUCT --][-- Order_Product --][-- END_LOOP ORDER_PRODUCT --]
[-- LOOP ORDER_COUPON --][-- Order_Coupon --][-- END_LOOP ORDER_COUPON --]
</div>
[-- IF OM_SHOW_PAY --]<table id="om-totals">[-- OM_ORDER_TOTALS --]</table>[-- END_IF --]
[-- OM_SHIPPACK_FOOTER --]
</div>

# See if we need to print out the "merchants" page
[-- IF MERCHANT_FIELD_SHIPPACK --]
  [-- IF VAR.MerchantRequired GT 0 --]
<h1 id="warehousetitle">[-- Store.om_Warehouse --]</h1>
<div id="warehouse">
<span id="om-num"><b>[-- STORE.SC_OrderNumber --]</b> [-- OM_Order_Number NoBarCode--]</span><br>
<span id="om-date"><b>[-- Store.om_OrderDate --]:</b> [-- Order.Date --]</span><br>
<div class="table" id="om-cart">
  <div class="table-row">
    <span class="om-cart-qty table-cell cart-title">[-- STORE.om_Qty --]</span>
    <span class="om-cart-nme table-cell cart-title">[-- STORE.om_Name --]</span>
  </div>
[-- LOOP ORDER_MERCHANT_PRODUCT --][-- Order_MERCHANT_Product --][-- END_LOOP ORDER_MERCHANT_PRODUCT --]
</div>
</div>
  [-- END_IF --]
[-- END_IF --]
[-- END_DEFINE OM_SHIPPACK_VIEW --]
################################################################################
[-- DEFINE OM_ORDER_PRODUCT --]
[-- VAR.DisplayProductDetails "yes" --][-- IF ORDER_PRODUCT.DobaItemID --][-- IF OM_ShowDoba_Products --][-- ELSE --][-- VAR.DisplayProductDetails "no" --][-- END_IF --][-- END_IF --]
[-- IF VAR.DisplayProductDetails "yes" --]
  <div class="table-row">
    <span class="om-cart-qty table-cell">[-- ORDER_PRODUCT.Quantity--]</span>
[-- IF OM_Show_Product_Image --]    <span class="om-cart-img table-cell">[-- ORDER_PRODUCT.OrderImage --]</span>[-- END_IF --]
    <span class="om-cart-nme table-cell">[-- ORDER_PRODUCT.Name--][-- IF OM_SHOW_PAY --] - <small>[-- ORDER_PRODUCT.Price--]</small>[-- END_IF --]
                                         [-- IF ORDER_PRODUCT.Options --]<br>[-- ORDER_PRODUCT.Options --][-- END_IF --]
                                         [-- IF ORDER_PRODUCT.FreeformOptions --]<br>[-- ORDER_PRODUCT.FreeformOptions --][-- END_IF --]</span>
    <span class="om-cart-sku table-cell">[-- ORDER_PRODUCT.SKU--]</span>
[-- IF OM_SHOW_PRODUCT_WEIGHT --]    <span class="om-cart-wgt table-cell">[-- ORDER_PRODUCT.TotalWeight--]</span>[-- END_IF --]
    [-- IF OM_SHOW_PAY --]<span class="om-cart-prc table-cell">[-- ORDER_PRODUCT.SubTotal--]</span>[-- END_IF --]
  </div>
[-- IF PRODUCT.MerchantInstructions --][-- VAR.MerchantRequired INC --][-- END_IF --]
[-- END_IF --]
[-- END_DEFINE OM_ORDER_PRODUCT --]
################################################################################
[-- DEFINE OM_ORDER_COUPON --]
  <div class="table-row">
    <span class="om-cart-qty table-cell smaller">coupon</span>
[-- IF OM_Show_Product_Image --]    <span class="om-cart-img table-cell"></span>[-- END_IF --]
    <span class="om-cart-nme table-cell">[-- ORDER_PRODUCT.Name--]</span>
    <span class="om-cart-sku table-cell"></span>
    [-- IF OM_SHOW_PRODUCT_WEIGHT --]<span class="om-cart-wgt table-cell"></span>[-- END_IF --]
    [-- IF OM_SHOW_PAY --]<span class="om-cart-prc table-cell">[-- ORDER_PRODUCT.Price--]</span>[-- END_IF --]
  </div>
[-- END_DEFINE OM_ORDER_COUPON --]
################################################################################
[-- DEFINE OM_ORDER_MERCHANT_PRODUCT --]
[-- VAR.DisplayProductDetails "yes" --][-- IF ORDER_PRODUCT.DobaItemID --][-- IF OM_ShowDoba_Products --][-- ELSE --][-- VAR.DisplayProductDetails "no" --][-- END_IF --][-- END_IF --]
[-- IF VAR.DisplayProductDetails "yes" --]
[-- IF PRODUCT.MerchantInstructions --]<div class="table-row">
    <span class="om-cart-qty table-cell">[-- ORDER_PRODUCT.Quantity--]</span>
    <span class="om-cart-nme table-cell">[-- PRODUCT.Name --][-- IF PRODUCT.Sku --] - [-- PRODUCT.Sku --][-- END_IF --]
                                         [-- IF ORDER_PRODUCT.Options --]<br>[-- ORDER_PRODUCT.Options --][-- END_IF --]
                                         [-- IF ORDER_PRODUCT.FreeformOptions --]<br>[-- ORDER_PRODUCT.FreeformOptions --][-- END_IF --]
                                         <span class="om-note">[-- PRODUCT.MerchantInstructions --]</span></span>
  </div>[-- END_IF --]
[-- END_IF --]
[-- END_DEFINE OM_ORDER_MERCHANT_PRODUCT --]