The following is a list of all changes from Miva Merchant 9.5 to Miva Merchant 9.6 with regards to the template code/css files. Please note, some template code changed drastically and as such, only the new template code has been included. In these cases, if you have not made any custom changes to your template, you should be able to just put the template into point and click mode, set the preferences to your liking, and click update to generate the new template code. If you have made alterations specific to your store, you should compare the differences between your template code and the provided template code in the "New" section and make the changes based on that.
... <h1>My Account</h1> <div class="customer_account_box"> <span class="customer_account_box_title">Wallet</span><span class="customer_account_box_content"> <a href="&mvte:urls:ABAL:auto;">Manage Account Balance</a><br /> <a href="&mvte:urls:RGFT:auto;">Redeem Gift Certificate</a> </span> </div> <div class="customer_account_box"> <span class="customer_account_box_title">Settings</span><span class="customer_account_box_content"> <a href="&mvte:urls:CABK:auto;">Manage Address Book</a><br /> <a href="&mvte:urls:CEML:auto;">Change Email Address</a><br /> <a href="&mvte:urls:CPWD:auto;">Change Password</a> </span> </div> <div class="customer_account_box"> <span class="customer_account_box_title">Orders</span><span class="customer_account_box_content"> <table width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="50%" align="left"><a href="&mvte:urls:ORDH:auto;">View Order History</a></td> <td width="50%" align="right"> <form method="post" action="&mvte:urls:ORDS:auto;"> <input type="text" name="Order_ID" placeholder="Order #" /> <input type="submit" value="Go" class="button" /> </form> </td> </tr> </tbody> </table> </span> </div> ...
... <h1>My Account</h1> <div class="customer_account_box"> <span class="customer_account_box_title">Wallet</span><span class="customer_account_box_content"> <mvt:if expr="l.settings:paymentsettings:mivapay:enabled"> <a href="&mvte:urls:CPCD:auto;">Manage Saved Cards</a><br /> </mvt:if>
<a href="&mvte:urls:ABAL:auto;">Manage Account Balance</a><br /> <a href="&mvte:urls:RGFT:auto;">Redeem Gift Certificate</a> </span> </div> <div class="customer_account_box"> <span class="customer_account_box_title">Settings</span><span class="customer_account_box_content"> <a href="&mvte:urls:CABK:auto;">Manage Address Book</a><br /> <a href="&mvte:urls:CEML:auto;">Change Email Address</a><br /> <a href="&mvte:urls:CPWD:auto;">Change Password</a> </span> </div> <div class="customer_account_box"> <span class="customer_account_box_title">Orders</span><span class="customer_account_box_content"> <table width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="50%" align="left"><a href="&mvte:urls:ORDH:auto;">View Order History</a></td> <td width="50%" align="right"> <form method="post" action="&mvte:urls:ORDS:auto;"> <input type="text" name="Order_ID" placeholder="Order #" /> <input type="submit" value="Go" class="button" /> </form> </td> </tr> </tbody> </table> <a href="&mvte:urls:CSUB:auto;">Manage Subscriptions</a> </span> </div> ...
...
<mvt:if expr="l.settings:payment:capabilities:split">
<div class="form_row">
<mvt:if expr="g.Amount_Invalid">
<label class="bold red">Payment Amount:</label>
<mvt:else>
<label class="bold">Payment Amount:</label>
</mvt:if>
<div id="payment-amount-fields">
<mvt:if expr="( NOT l.settings:payment:capabilities:balance ) OR ( l.settings:payment:balance GE l.settings:splitpayment:remaining )">
<mvt:if expr="NOT g.UI_Exception">
<mvt:assign name="g.AmountType" value="'total'" />
<mvt:assign name="g.Amount" value="l.settings:splitpayment:remaining ROUND 2" />
</mvt:if>
<mvt:if expr="g.AmountType EQ 'total'">
<input type="radio" name="AmountType" value="total" onclick="AmountType_Changed( this.value );" checked>
<mvt:else>
<input type="radio" name="AmountType" value="total" onclick="AmountType_Changed( this.value );">
</mvt:if>
<mvt:if expr="NOT ISNULL l.settings:payment:split_data">
Remaining Order Total (&mvt:payment:formatted_remaining;)<br />
<mvt:else>
Entire Order Total (&mvt:basket:formatted_total;)<br />
</mvt:if>
<mvt:else>
<mvt:if expr="NOT g.UI_Exception">
<mvt:assign name="g.AmountType" value="'balance'" />
<mvt:assign name="g.Amount" value="l.settings:payment:balance ROUND 2" />
</mvt:if>
<mvt:if expr="g.AmountType EQ 'balance'">
<input type="radio" name="AmountType" value="balance" onclick="AmountType_Changed( this.value );" checked>
<input type="hidden" id="payment-balance-amount" name="Amount" value="&mvte:payment:balance;">
<mvt:else>
<input type="radio" name="AmountType" value="balance" onclick="AmountType_Changed( this.value );">
<input type="hidden" id="payment-balance-amount" name="Amount" value="&mvte:payment:balance;" disabled>
</mvt:if>
Available Balance (&mvt:payment:formatted_balance;)<br />
</mvt:if>
<mvt:if expr="g.AmountType EQ 'partial'">
<input type="radio" name="AmountType" value="partial" onclick="AmountType_Changed( this.value );" checked>
Partial: <input type="text" id="payment-amount" name="Amount" value="&mvte:global:Amount;" size="10">
<mvt:else>
<input type="radio" name="AmountType" value="partial" onclick="AmountType_Changed( this.value );">
Partial: <input type="text" id="payment-amount" name="Amount" value="&mvte:global:Amount;" size="10" disabled>
</mvt:if>
</div>
</div>
<mvt:if expr="g.AmountType EQ 'total'">
<div id="payment-additional" style="display: none;">
<mvt:else>
<div id="payment-additional">
</mvt:if>
<div class="form_row">
<label class="bold">Pay Additional Balance With:</label>
<select name="AdditionalPaymentMethod">
<mvt:foreach array="paymentmethods" iterator="method">
<mvt:if expr="( l.settings:method:module NE 'customercredit' ) OR
( ( g.PaymentMethod NE 'customercredit:credit' ) AND
( NOT miva_array_search( l.settings:splitpayment:splits, 1, l.split, 'l.split:module:code EQ l.settings:method:module' ) ) )">
<option value="&mvte:method:module;:&mvte:method:code;">&mvt:method:name;</option>
</mvt:if>
</mvt:foreach>
</select>
</div>
</div>
</mvt:if>
...
...
<mvt:if expr="l.settings:payment:capabilities:split">
<div class="form_row">
<mvt:if expr="g.Amount_Invalid">
<label class="bold red">Payment Amount:</label>
<mvt:else>
<label class="bold">Payment Amount:</label>
</mvt:if>
<div id="payment-amount-fields">
<mvt:if expr="( NOT l.settings:payment:capabilities:balance ) OR ( l.settings:payment:balance GE l.settings:splitpayment:remaining )">
<mvt:if expr="NOT g.UI_Exception">
<mvt:assign name="g.AmountType" value="'total'" />
<mvt:assign name="g.Amount" value="l.settings:splitpayment:remaining ROUND 2" />
</mvt:if>
<mvt:if expr="g.AmountType EQ 'total'">
<input type="radio" name="AmountType" value="total" onclick="AmountType_Changed( this.value );" checked>
<mvt:else>
<input type="radio" name="AmountType" value="total" onclick="AmountType_Changed( this.value );">
</mvt:if>
<mvt:if expr="NOT ISNULL l.settings:payment:split_data">
Remaining Order Total (&mvt:payment:formatted_remaining;)<br />
<mvt:else>
Entire Order Total (&mvt:basket:formatted_total;)<br />
</mvt:if>
<mvt:else>
<mvt:if expr="NOT g.UI_Exception">
<mvt:assign name="g.AmountType" value="'balance'" />
<mvt:assign name="g.Amount" value="l.settings:payment:balance ROUND 2" />
</mvt:if>
<mvt:if expr="g.AmountType EQ 'balance'">
<input type="radio" name="AmountType" value="balance" onclick="AmountType_Changed( this.value );" checked>
<input type="hidden" id="payment-balance-amount" name="Amount" value="&mvte:payment:balance;">
<mvt:else>
<input type="radio" name="AmountType" value="balance" onclick="AmountType_Changed( this.value );">
<input type="hidden" id="payment-balance-amount" name="Amount" value="&mvte:payment:balance;" disabled>
</mvt:if>
Available Balance (&mvt:payment:formatted_balance;)<br />
</mvt:if>
<mvt:if expr="g.AmountType EQ 'partial'">
<input type="radio" name="AmountType" value="partial" onclick="AmountType_Changed( this.value );" checked>
Partial: <input type="text" id="payment-amount" name="Amount" value="&mvte:global:Amount;" size="10">
<mvt:else>
<input type="radio" name="AmountType" value="partial" onclick="AmountType_Changed( this.value );">
Partial: <input type="text" id="payment-amount" name="Amount" value="&mvte:global:Amount;" size="10" disabled>
</mvt:if>
</div>
</div>
<mvt:if expr="g.AmountType EQ 'total'">
<div id="payment-additional" style="display: none;">
<mvt:else>
<div id="payment-additional">
</mvt:if>
<div class="form_row">
<label class="bold">Pay Additional Balance With:</label>
<select name="AdditionalPaymentMethod">
<mvt:foreach array="paymentmethods" iterator="method">
<mvt:if expr="( l.settings:method:module NE 'customercredit' ) OR
( ( g.PaymentMethod NE 'customercredit:credit' ) AND
( NOT miva_array_search( l.settings:splitpayment:splits, 1, l.split, 'l.split:module:code EQ l.settings:method:module' ) ) )">
<mvt:if expr="l.settings:method:paymentcard:id">
<option value="paymentcard:&mvte:method:paymentcard:id;">&mvt:method:name;</option>
<mvt:elseif expr="l.settings:method:paymentcardtype:id">
<option value="paymentcardtype:&mvte:method:paymentcardtype:id;">&mvt:method:name;</option>
<mvt:else>
<option value="&mvte:method:module;:&mvte:method:code;">&mvt:method:name;</option>
</mvt:if>
</mvt:if>
</mvt:foreach>
</select>
</div>
</div>
</mvt:if>
...
<mvt:item name="html_profile" /> <head> <title>&mvt:store:name;: Checkout: Shipping/Payment Selection</title> <base href="&mvt:global:basehref;" /> <mvt:item name="head" param="css_list" /> <mvt:item name="head" param="head_tag" /> </head> <body class="OSEL one-column"> <div id="site-container"> <div id="global-header"><mvt:item name="hdft" param="global_header" /></div> <div id="navigation-bar"><mvt:item name="navbar" /></div> <table id="content-container"> <tr> <td id="left-navigation"><mvt:item name="category_tree" /></td> <td id="main-content"> <div id="page-header"><mvt:item name="hdft" param="header" /></div> <h1>Shipping/Payment Selection</h1> <div id="customer-fields" class="non-editable"><mvt:item name="customer" /></div> <div id="basket-contents" class="non-editable"><mvt:item name="basket" /></div> <form method="post" action="&mvt:global:secure_sessionurl;"> <mvt:item name="tax" /> <input type="hidden" name="Screen" value="OPAY" /> <input type="hidden" name="Action" value="SHIP,PSHP,CTAX" /> <input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;" /> <div id="shipping-payment"> <div class="form_row"> <label for="ShippingMethod" class="bold">Ship Via:</label> <select name="ShippingMethod" id="ShippingMethod"> <mvt:if expr="ISNULL l.settings:shippingmethods"> <mvt:if expr="ISNULL l.settings:fallbackshippingmethod"> <option value="">Unable to Calculate Shipping Costs</option> <mvt:else> <option value="">&mvt:fallbackshippingmethod:name; (&mvt:fallbackshippingmethod:formatted_price;)</option> </mvt:if> <mvt:else> <mvt:foreach array="shippingmethods" iterator="method"> <mvt:if expr="NOT ISNULL l.settings:method:price"> <option value="&mvte:method:module;:&mvte:method:code;">&mvt:method:name; (&mvt:method:formatted_price;)</option> <mvt:else> <option value="&mvte:method:module;:&mvte:method:code;">&mvt:method:name;</option> </mvt:if> </mvt:foreach> </mvt:if> </select> </div> <mvt:if expr="ISNULL l.settings:shippingmethods"> <span class="bold">No valid shipping methods are available for your order. You will be contacted regarding shipping when your order is processed.</span> </mvt:if> <div class="form_row"> <label for="PaymentMethod" class="bold">Pay With:</label> <select name="PaymentMethod" id="PaymentMethod"> <mvt:foreach array="paymentmethods" iterator="method"> <option value="&mvte:method:module;:&mvte:method:code;">&mvt:method:name;</option> </mvt:foreach> </select> </div> </div> <div class="continue-button"><mvt:item name="buttons" param="Continue" /></div> </form> <div id="page-footer"><mvt:item name="hdft" param="footer" /></div> </td> </tr> </table> <div id="bottom-wrap"></div> <div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div> </div> </body> </html>
<mvt:item name="html_profile" /> <head> <mvt:if expr="NOT ISNULL l.settings:page:title"> <title>&mvt:page:title;</title> <mvt:else> <title>&mvt:store:name;: Checkout: Shipping/Payment Selection</title> </mvt:if> <base href="&mvt:global:basehref;" /> <link rel="canonical" href="&mvte:urls:_self:auto;" /> <mvt:item name="head" param="css_list" /> <mvt:item name="head" param="head_tag" /> </head> <body class="OSEL one-column"> <div id="site-container"> <div id="global-header"><mvt:item name="hdft" param="global_header" /></div> <div id="navigation-bar"><mvt:item name="navbar" /></div> <table id="content-container"> <tr> <td id="left-navigation"><mvt:item name="category_tree" /></td> <td id="main-content"> <div id="page-header"><mvt:item name="hdft" param="header" /></div> <h1>Shipping/Payment Selection</h1> <div id="customer-fields" class="non-editable"><mvt:item name="customer" /></div> <div id="basket-contents" class="non-editable"><mvt:item name="basket" /></div> <mvt:if expr="l.settings:messages:error_message_count"> <div class="error-message"> <mvt:foreach iterator="error" array="messages:error_messages"> &mvt:error; </mvt:foreach> </div> </mvt:if> <mvt:if expr="l.settings:messages:information_message_count"> <div class="information-message"> <mvt:foreach iterator="message" array="messages:information_messages"> &mvt:message; </mvt:foreach> </div> </mvt:if> <form method="post" action="&mvte:urls:OPAY:secure;"> <mvt:item name="tax" /> <input type="hidden" name="Action" value="SHIP,PSHP,CTAX" /> <div id="shipping-payment"> <div class="form_row"> <label for="ShippingMethod" class="bold">Ship Via:</label> <select name="ShippingMethod" id="ShippingMethod"> <mvt:if expr="ISNULL l.settings:shippingmethods"> <mvt:if expr="ISNULL l.settings:fallbackshippingmethod"> <option value="">Unable to Calculate Shipping Costs</option> <mvt:else> <option value="">&mvt:fallbackshippingmethod:name; (&mvt:fallbackshippingmethod:formatted_price;)</option> </mvt:if> <mvt:else> <mvt:foreach array="shippingmethods" iterator="method"> <mvt:if expr="NOT ISNULL l.settings:method:price"> <option value="&mvte:method:module;:&mvte:method:code;">&mvt:method:name; (&mvt:method:formatted_price;)</option> <mvt:else> <option value="&mvte:method:module;:&mvte:method:code;">&mvt:method:name;</option> </mvt:if> </mvt:foreach> </mvt:if> </select> </div> <mvt:if expr="ISNULL l.settings:shippingmethods"> <span class="bold">No valid shipping methods are available for your order. You will be contacted regarding shipping when your order is processed.</span> </mvt:if> <div class="form_row"> <label for="PaymentMethod" class="bold">Pay With:</label> <select name="PaymentMethod" id="PaymentMethod"> <mvt:foreach array="paymentmethods" iterator="method"> <mvt:if expr="l.settings:method:paymentcard:id"> <option value="paymentcard:&mvte:method:paymentcard:id;">&mvt:method:name;</option> <mvt:elseif expr="l.settings:method:paymentcardtype:id"> <option value="paymentcardtype:&mvte:method:paymentcardtype:id;">&mvt:method:name;</option> <mvt:else> <option value="&mvte:method:module;:&mvte:method:code;">&mvt:method:name;</option> </mvt:if> </mvt:foreach> </select> </div> </div> <div class="continue-button"><mvt:item name="buttons" param="Continue" /></div> </form> <div id="page-footer"><mvt:item name="hdft" param="footer" /></div> </td> </tr> </table> <div id="bottom-wrap"></div> <div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div> </div> </body> </html>
Many changes
<mvt:item name="html_profile" /> <head> <mvt:if expr="NOT ISNULL l.settings:page:title"> <title>&mvt:page:title;</title> <mvt:else> <title>&mvt:store:name;: Checkout: Customer Login</title> </mvt:if> <base href="&mvt:global:basehref;" /> <link rel="canonical" href="&mvte:urls:_self:auto;" /> <mvt:item name="head" param="css_list" /> <mvt:item name="head" param="head_tag" /> </head> <mvt:if expr="g.Basket:sub_count GT 0"> <body class="ORDL one-column no-express-checkout"> <mvt:else> <body class="ORDL one-column"> </mvt:if> <div id="site-container"> <div id="global-header"><mvt:item name="hdft" param="global_header" /></div> <div id="navigation-bar"><mvt:item name="navbar" /></div> <table id="content-container"> <tr> <td id="left-navigation"><mvt:item name="category_tree" /></td> <td id="main-content"> <div id="page-header"><mvt:item name="hdft" param="header" /></div> <div class="checkout-margin-container"> <form name="logn" action="&mvte:urls:OCST:secure;" method="post" autocomplete="off"> <input type="hidden" name="Action" value="LOGN" /> <div class="section grey-border-right aligncenter"> <h3>Create New Account</h3> <input type="button" value="Create Account" class="button" onclick="window.location = '&mvtj:urls:ACAD:auto_sep;Order=1';" /> </div> <mvt:if expr="g.Basket:sub_count GT 0"> <div class="section"> <mvt:else> <div class="section grey-border-right"> </mvt:if> <h3>Sign In</h3> <mvt:if expr="l.settings:messages:error_message_count"> <div class="error-message"> <mvt:foreach iterator="error" array="messages:error_messages"> &mvt:error; </mvt:foreach> </div> <mvt:elseif expr="l.settings:messages:information_message_count"> <div class="information-message"> <mvt:foreach iterator="message" array="messages:information_messages"> &mvt:message; </mvt:foreach> </div> </mvt:if> <div class="form_row"> <label for="Customer_LoginEmail">Email Address:</label><input type="text" name="Customer_LoginEmail" id="Customer_LoginEmail" class="textfield logn-input" value="&mvte:global:Customer_LoginEmail;" autocomplete="off" /> </div> <div class="form_row"> <label for="Customer_Password">Password:</label><input type="password" name="Customer_Password" id="Customer_Password" class="textfield logn-input" autocomplete="off" /> </div> <div class="clear"></div> <div class="sign-in-buttons"><mvt:item name="buttons" param="login" /></div> <div class="forgot-password"><a href="&mvte:urls:FPWD:auto;">Forgot password?</a></div> </div> <mvt:if expr="g.Basket:sub_count EQ 0"> <div class="section aligncenter"> <h3>Express Checkout</h3> <input type="button" value="Proceed to Checkout" class="button" onclick="window.location = '&mvtj:urls:OCST:auto;';" /> </div> </mvt:if> </form> </div> <div id="page-footer"><mvt:item name="hdft" param="footer" /></div> </td> </tr> </table> <div id="bottom-wrap"></div> <div id="global-footer"><mvt:item name="hdft" param="global_footer" /></div> </div> </body> </html>
... <form method="post" action="&mvte:urls:_self:rr;"> <input type="hidden" name="Action" value="&mvte:global:Action;" /> <input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" /> <input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" /> <input type="hidden" name="Current_Product_Code" value="&mvte:global:Current_Product_Code;" /> <input type="hidden" name="WishList_ID" value="&mvte:global:WishList_ID;" /> <input type="hidden" name="Quantity" value="&mvte:global:Quantity;" /> <input type="hidden" name="Offset" value="&mvte:global:Offset;" /> <input type="hidden" name="Search" value="&mvte:global:Search;" /> <div class="product-attributes"><mvt:item name="product_attributes" /></div> <div class="continue-button"><mvt:item name="buttons" param="Continue" /></div> </form> ...
...
<form method="post" action="&mvte:urls:_self:rr;">
<input type="hidden" name="Action" value="&mvte:global:Action;" />
<input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
<input type="hidden" name="Product_Code" value="&mvte:global:Product_Code;" />
<input type="hidden" name="Current_Product_Code" value="&mvte:global:Current_Product_Code;" />
<input type="hidden" name="WishList_ID" value="&mvte:global:WishList_ID;" />
<input type="hidden" name="Wish_ID" value="&mvte:global:Wish_ID;" />
<input type="hidden" name="Quantity" value="&mvte:global:Quantity;" />
<input type="hidden" name="Offset" value="&mvte:global:Offset;" />
<input type="hidden" name="Search" value="&mvte:global:Search;" />
<div class="product-attributes"><mvt:item name="product_attributes" /></div>
<div class="continue-button"><mvt:item name="buttons" param="Continue" /></div>
</form>
...
... <h1>Wish Lists</h1> <mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified"> <div class="wishlists_search_container"> <span class="wishlists_actions_container"> <a href="&mvte:urls:WLAD:auto;">Create Wish List</a> <mvt:if expr="NOT ISNULL g.WishListSearch"> <span class="grey">|</span> <a href="&mvte:urls:WLST:auto;">My Wish Lists</a> </mvt:if> </span> <form id="wlst_search_form" method="post" action="&mvte:urls:WLST:rr;"> <input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" /> <input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" /> <label>Find: <input type="text" name="WishListSearch" value="&mvte:global:WishListSearch;" class="textfield" /></label> <mvt:item name="buttons" param="Search" /> </form> </div> <mvt:else> ...
...
<h1>Wish Lists</h1>
<mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified">
<mvt:if expr="l.settings:messages:error_message_count">
<div class="error-message">
<mvt:foreach iterator="error" array="messages:error_messages">
&mvt:error;
</mvt:foreach>
</div>
<mvt:elseif expr="l.settings:messages:information_message_count">
<div class="information-message">
<mvt:foreach iterator="message" array="messages:information_messages">
&mvt:message;
</mvt:foreach>
</div>
</mvt:if>
<div class="wishlists_search_container">
<span class="wishlists_actions_container">
<a href="&mvte:urls:WLAD:auto;">Create Wish List</a>
<mvt:if expr="NOT ISNULL g.WishListSearch">
<span class="grey">|</span>
<a href="&mvte:urls:WLST:auto;">My Wish Lists</a>
</mvt:if>
</span>
<form id="wlst_search_form" method="post" action="&mvte:urls:WLST:rr;">
<input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
<input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
<label>Find: <input type="text" name="WishListSearch" value="&mvte:global:WishListSearch;" class="textfield" /></label> <mvt:item name="buttons" param="Search" />
</form>
</div>
<mvt:else>
...
/*** $Id: cssui.css 38687 2013-08-21 19:42:04Z burch $ ***/
/*** Site ***/
body{
font:normal 1em Arial, Helvetica, Verdana, sans-serif;
margin:0;
padding:12px 0 0 0;
font-size:12px;
color:#000000;
text-align:center;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
td{ font-size:1em; }
form{
display:inline;
margin:0;
padding:0;
}
h1{ font:bold 1.5em Arial, Helvetica, Verdana, sans-serif; }
h2{ font:bold 1.3em Arial, Helvetica, Verdana, sans-serif; }
h3{ font:bold 1.1em Arial, Helvetica, Verdana, sans-serif; }
h2.header{
color:#333333;
padding:4px;
background-color:#cccccc;
color:#333333;
font-weight:bold;
}
a img{ border:0; }
a:link { color:#333333; }
a:visited { color:#000000; }
a:active { color:#999999 }
a:hover { color:#333333; }
.clear { clear:both; font-size:0em; height:0em; }
.floatright { float:right; }
.floatleft { float:left; }
.alignright { text-align:right; }
.alignleft { text-align:left; }
.aligncenter { text-align:center; }
.margincenter { margin:0 auto; }
.small { font-size:.9em; }
.smaller { font-size:.8em; }
.smallest { font-size:.7em; }
.large { font-size:1.1em; }
.larger { font-size:1.2em; }
.largest { font-size:1.3em; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.red { color:#dd0000; }
.blue { color:#0000ff; }
.grey { color:#999999; }
.nowrap { white-space:normal; }
.link-pipe { color:#999999; }
.input_error{ border-color:#cc0000 #ff0000 #ff0000 #ff0000; }
select{
border-width:1px;
border-color:#333333 #bbbbbb #bbbbbb #bbbbbb;
padding:1px 2px;
}
.error-message{
padding:4px;
text-align:center;
width:60%;
margin:0 auto;
color:#dd0000;
font-weight:bold;
}
.LOGN .error-message,
.AFCL .error-message,
.ORDL .error-message{
margin:12px 24px;
width:auto;
}
.information-message{
padding:4px;
text-align:center;
width:60%;
margin:0 auto;
color:#0000dd;
}
.LOGN .information-message{
margin:12px 24px;
width:auto;
}
.textfield, select, textarea,
#tax-fields .form_row input{
border-width:1px;
border-style:solid;
border-color:#333333 #bbbbbb #bbbbbb #bbbbbb;
padding:1px 2px;
font:normal 1em Arial, Helvetica, Verdana, sans-serif;
}
.textfield, textarea{
width:160px;
}
.button{
border-width:1px;
border-style:solid;
border-color:#999999 #000000 #000000 #999999;
background-color:#999999;
color:#ffffff;
font-size:.9em;
padding:1px 2px;
margin:0;
cursor:pointer;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
#site-container{
width:770px;
margin:0 auto;
text-align:left;
border-collapse:collapse;
}
#bottom-wrap { clear:both; font-size:0em; height:0em; }
/*** Breadcrumbs ***/
#breadcrumbs
{
display: block;
margin-left: -12px;
}
#breadcrumbs ul
{
list-style: none;
margin: 0;
padding: 0;
}
#breadcrumbs ul li
{
list-style: none;
display: block;
float: left;
height: 20px;
}
#breadcrumbs .cats-hidden
{
color: #434343;
font-weight: normal;
font-size: 12px;
line-height: 20px;
margin: 0 6px;
text-decoration: none;
padding-bottom: 2px;
border-bottom: 3px solid #FFF;
}
#breadcrumbs a
{
color: #434343;
font-weight: normal;
font-size: 12px;
line-height: 20px;
margin: 0 6px;
padding-bottom: 2px;
border-bottom: 3px solid #FFF;
}
#breadcrumbs .breadcrumb-border
{
color: #777;
font-weight: normal;
font-size: 16px;
line-height: 16px;
}
#breadcrumbs .current-item
{
color: #434343;
font-weight: bold;
font-size: 12px;
margin: 0 6px;
line-height: 20px;
}
#breadcrumbs .shortbreadcrumb
{
color: #434343;
font-weight: normal;
font-size: 12px;
padding: 0px 6px;
line-height: 20px;
}
/*** Top Navigation Bar ***/
#navigation-bar{
line-height:24px;
padding:4px 4px 0 0;
}
#navigation-bar ul{
margin:0;
padding:0;
float:right;
clear:both;
width:100%;
}
#navigation-bar li{
color:#ffffff;
list-style:none;
line-height:12px;
float:right;
text-align:center;
margin:0 2px;
font-weight:bold;
}
#navigation-bar li.navigation-item-on { background-color:#999999; }
#navigation-bar li.navigation-item-off { background-color:#666666; }
/* tab padding */
#navigation-bar li div div{ padding:5px 18px; }
/* tab off side images */
#navigation-bar li.navigation-item-off div.item-left-side { background:transparent url() no-repeat scroll left top; }
#navigation-bar li.navigation-item-off div.item-right-side { background:transparent url() no-repeat scroll right top; }
/* tab on side images */
#navigation-bar li.navigation-item-on div.item-left-side { background:transparent url() no-repeat scroll left top; }
#navigation-bar li.navigation-item-on div.item-right-side { background:transparent url() no-repeat scroll right top; }
/* navigation bar links */
#navigation-bar li a:link,
#navigation-bar li a:visited,
#navigation-bar li a:hover,
#navigation-bar li a:active{
color:#ffffff;
text-decoration:none;
}
#nav-checkout {}
#nav-search {}
#nav-basket {}
#nav-account {}
#nav-all-products {}
#nav-storefront {}
/*** Left Navigation ***/
#left-navigation{
width:20%;
border-right:1px solid #eeeeee;
padding:0 0 0 4px;
vertical-align:top;
}
/*** One Column Pages ***/
.one-column #left-navigation{ display:none; }
#category-tree{
padding:1px;
margin:0;
}
#category-tree-top-image{
/* ie6 min-height hack */
min-height:270px;
height:auto !important;
height:270px;
}
#category-tree-bottom-image{}
#category-tree a{
display:block;
text-decoration:none;
color:#ffffff;
font-weight:bold;
}
#category-tree div{
background-color:#666666;
border-bottom:1px solid #ffffff;
}
#category-tree .level-1 a{ padding:4px 6px 4px 12px; }
#category-tree .level-2 a{ padding:4px 6px 4px 24px; }
#category-tree .level-3 a{ padding:4px 6px 4px 36px; }
#category-tree .level-4 a{ padding:4px 6px 4px 48px; }
#category-tree .level-5 a{ padding:4px 6px 4px 60px; }
#category-tree .level-6 a{ padding:4px 6px 4px 72px; }
#category-tree div.active{ background-color:#999999; }
#category-tree-header{}
#category-tree-footer{
padding:4px;
margin:10px 0;
}
/*** Content ***/
#content-container{
clear:both;
width:100%;
border-style:solid;
border-color:#666666;
border-width:1px 0;
padding:0 0 12px 0;
margin:0;
}
#main-content{
padding:16px;
vertical-align:top;
}
/*** Global Header/Footer ***/
#global-header{}
#logo{
clear:both;
margin:0 0 0 5px;
}
#logo a{
width:759px;
height:85px;
display:block;
cursor:pointer;
}
#search{
float:right;
padding:4px 6px 4px 0;
}
#header-links{
float:right;
padding:4px 12px 0 0;
line-height:22px;
color:#000000;
text-align:right;
}
#global-footer{ margin:16px 0; }
#footer-links{ text-align:right; }
#footer-links ul{
font:normal .9em Arial, Helvetica, Verdana, sans-serif;
margin:8px 0;
padding:0;
}
#footer-links ul li{
list-style-type:none;
border-left:1px solid #999999;
padding:0 2px 0 6px;
margin:0;
text-align:center;
display:inline;
}
#footer-links ul li.first-child{ border:0; }
#miva-link{
color: #999999;
font-size:.8em;
text-align:right;
margin:16px 0;
}
#miva-link a{ color:#999999; }
#page-header{ clear:both; }
#page-footer{ clear:both; }
#maintenance{
color:#dd0000;
font-weight:bold;
}
/*** ACAD, ACED, AFAD, AFED, OCST ***/
.logout-link{
margin:12px 0;
float:right;
}
#customer-fields label,
#affiliate-fields label{
float:left;
width:150px;
white-space:nowrap;
text-align:right;
padding:2px 5px 3px 0;
clear:both;
}
#affiliate-commissions label,
.OSEL .non-editable label{
float:left;
width:120px;
font-weight:bold;
text-align:right;
padding:0 6px 0 0;
}
#customer-fields input.textfield,
#affiliate-fields input.textfield,
#tax-fields input,
#affiliate-commissions div.form_row div,
.non-editable div.form_row div{
width:170px;
margin:0 0 4px 0;
}
#affiliate-commissions div.form_row div{ float:left; }
#customer-fields select,
#affiliate-fields select{
width:176px;
margin:0 0 4px 0;
}
#login-details,
#affiliate-information{
margin:0 0 16px 0;
}
#affiliate-commissions .form_row{ margin:0 0 8px 0; }
.AFAD #affiliate-fields{
width:50%;
margin:0 auto;
}
.AFED #affiliate-fields #affiliate-contact,
.AFED #affiliate-fields #affiliate-commissions{
float:left;
width:50%;
}
#affiliate-commissions .affiliate-code{
width:230px !important;
}
#affiliate-commissions #affiliate-image{
width:236px !important;
overflow:auto;
}
#affiliate-terms{ margin-left:155px; }
#affiliate-fields .form_row div.non-editable{
margin:0 0 8px 0;
padding:2px 0 0 0;
}
.save-button,
.continue-button{
clear:both;
text-align:right;
padding:24px 0 0 0;
}
.required{ font-weight:bold; }
h2.fields-heading{
background-color:#cccccc;
color:#333333;
margin:0 0 12px 0;
padding:4px 4px 4px 12px;
}
.address2-label{ margin:0 0 14px 0; }
.controls{
font:normal .7em Arial, Helvetica, Verdana, sans-serif;
visibility:hidden;
}
#customer-fields .controls label{
float:none;
}
#ship-to,
#bill-to{
width:50%;
float:left;
}
#ship-to h2 input.checkbox,
#bill-to h2 input.checkbox{
margin:0 2px 0 12px;
padding:0;
width:13px;
height:13px;
overflow:hidden;
}
div.invalid input.textfield,
div.invalid select,
#tax-fields div.invalid input{
border-color:#cc0000 #ff0000 #ff0000 #ff0000;
}
div.invalid label{ color:#dd0000; }
.warning-message{
padding:4px;
text-align:center;
width:60%;
margin:0 auto;
color:#dd0000;
}
#customer-fields.editable .form_row,
#affiliate-fields.editable .form_row{
margin:0 0 6px 0;
text-align:left;
}
#customer-fields.non-editable .form_row{
margin:0 0 4px 0;
text-align:left;
}
#customer-fields.non-editable label,
#affiliate-fields.non-editable label{
margin:0 0 0 30px;
padding:0 4px 0 0;
font-weight:bold;
width:110px;
text-align:right;
float:left;
clear:both;
white-space:nowrap;
}
#customer-fields.non-editable .form_row div,
#affiliate-fields.non-editable .form_row div{
float:left;
}
#update-record{
clear:both;
margin:24px 0 0 24px;
}
.tax-fields label{ font-weight:bold; }
/*** LOGN, AFCL, ORDL, ORHL, FPWD, CPWD, CEML ***/
#main-content .margin-container
{
padding: 28px 126px;
}
.AFCL .section,
.LOGN .section{
float:left;
height:220px;
width:49%;
}
.ORDL .section{
float:left;
height:220px;
width:33%;
}
.ORHL .lookup-section{
float:left;
height:220px;
width:50%;
}
.ORHL .signin-section{
float:left;
height:220px;
width:48%;
}
.section h3,
.lookup-section h3,
.signin-section h3{
text-align:center;
}
.form_row{ margin:0 0 6px 0; }
.LOGN label,
.ORDL label,
.AFCL label,
.FPWD label{
float:left;
clear:both;
width:90px;
text-align:right;
padding:3px 5px;
}
.ORHL label{
white-space:nowrap;
float:left;
clear:both;
width:90px;
text-align:right;
padding:3px 5px;
}
.grey-border-right{ border-right:1px solid #cccccc; }
.logn-input{ width:120px; }
#invalid-key{
width:23px;
float:left;
margin:0 4px 0 0;
border-width:1px;
border-style:solid;
border-color:#cc0000 #ff0000 #ff0000 #ff0000;
}
.sign-in-buttons{
text-align:center;
margin:12px 0 0 0;
}
.forgot-password{
font-size:.9em;
text-align:center;
margin:12px 0 0 0;
}
.FPWD .forgot-password-section{
text-align:left;
width:320px;
padding:10px;
border:1px solid #CCC;
margin:15px auto;
}
.FPWD .fpwd-input,
.CPWD .cpwd-input{
width:150px;
margin:2px 3px;
}
.CEML .change-buttons,
.CPWD .change-buttons{
text-align:right;
}
.CPWD .change-password-section{
width:300px;
margin:15px auto 5px;
padding:10px;
border:1px solid #CCC;
}
.CPWD label{
width:110px;
float:left;
clear:both;
text-align:right;
padding:3px 5px;
}
.CEML .change-emailaddress-section{
width:350px;
margin:15px auto 5px;
padding:10px;
border:1px solid #CCC;
}
.CEML label{
width:140px;
float:left;
clear:both;
text-align:right;
padding:3px 5px;
}
.CEML .oldemailaddress{
line-height:22px;
}
/*** BASK, OCST, OPAY, OSEL ***/
#basket-contents.non-editable,
#basket-contents.editable,
#order-contents table{
width:100%;
border-left:1px solid #ffffff;
border-top:1px solid #ffffff;
}
#basket-contents.non-editable table,
#basket-contents.editable table,
#order-contents table{
border-collapse:collapse;
}
#basket-contents.non-editable td,
#basket-contents.editable td,
#order-contents td{
background-color:#eeeeee;
border-bottom:1px solid #ffffff;
border-right:1px solid #ffffff;
vertical-align:top;
padding:6px;
font:normal 1em Arial, Helvetica, Verdana, sans-serif;
}
#basket-contents table tr.basket-heading td,
#basket-contents table tr.basket-heading td,
#order-contents table tr.heading td{
background-color:#cccccc;
color:#333333;
font-weight:bold;
text-align:center;
font-size:1em;
white-space:nowrap;
}
#basket-contents .basket-qty-input{ width:34px; }
#basket-contents .item-remove{
width:8%;
vertical-align:middle;
}
#basket-contents .item-remove-link{
margin:auto;
margin-top:.5em;
vertical-align:middle;
}
#basket-contents table .basket-heading td.item-name{
text-align:left;
}
#basket-contents.editable .item-quantity{
width:13%;
text-align:center;
white-space:nowrap;
}
#basket-contents.non-editable .item-quantity{
width:6%;
text-align:center;
}
#basket-contents .item-options .item-name{ padding-left:16px; }
#basket-contents.non-editable .item-name{ width:59%; }
#basket-contents.editable .item-name{ width:66%; }
#basket-contents.editable .item-name div.item-name-div{ float:left; }
#basket-contents td.item-name{ text-align:left; }
#basket-contents .item-price{
width:10%;
text-align:right;
white-space:nowrap;
}
#basket-contents .item-total{
width:10%;
text-align:right;
}
#basket-contents .custom-field{
font-size:x-small;
}
#basket-contents .item-discount{
white-space:nowrap;
font-size:x-small;
font-style:italic;
}
#basket-contents .basket-charges .charge-description,
#basket-contents .basket-charges .formatted-charge{
font-style:italic;
text-align:right;
white-space:nowrap;
}
#basket-contents #basket-totals .formatted-total,
#basket-contents #basket-totals .total-prompt{
font-weight:bold;
text-align:right;
}
#basket-contents .item-options td{}
.checkout .item-quantity { width:8% !important; }
.checkout .item-name { width:64% !important; }
#fields-key{ margin:16px 0; }
.checkout-button{
margin:12px 0;
text-align:right;
}
#payment-fields input{
border-width:1px;
border-style:solid;
border-color:#333333 #bbbbbb #bbbbbb #bbbbbb;
padding:1px 2px;
font:normal 1em Arial, Helvetica, Verdana, sans-serif;
}
#payment-fields label{
white-space:nowrap;
text-align:left;
padding:3px 5px 3px 0;
clear:both;
margin:2px 0 0 0;
}
#payment-fields td{
padding:0 0 6px 0;
}
#shipping-payment .form_row{ margin:10px 0 0 0; }
#shipping-payment label{
float:left;
width:65px;
white-space:nowrap;
text-align:left;
padding:3px 5px 3px 0;
clear:both;
margin:2px 0 0 0;
}
.OSEL .continue-button,
.OPAY .continue-button{
margin:0 0 12px 0;
}
.OCST #basket-contents{ margin: 0 0 32px 0; }
.OPAY .fields-key{ margin:0 0 16px 0; }
#payment-fields .form_row{ margin:10px 0 0 0; }
#customer-fields.non-editable{ margin:0 0 32px 0; }
#basket-contents.non-editable{ margin:16px 0 32px 0; }
/*** CTGY, SRCH, PLST, OUS1, OUSM ***/
.category-listing,
.all-products,
.related-products,
.search-results{
clear:both;
}
.product-item{
width:50%;
float:left;
}
.product-item .padding{
padding:12px;
margin:12px;
height:300px;
border:1px solid #cccccc;
overflow:hidden;
}
.product-next-previous{
clear:both;
margin:12px 0;
}
.CTGY .product-details,
.PLST .product-details,
.SRCH .product-details{
height:245px;
overflow:hidden;
}
.product-item .product-thumbnail{
margin:0 0 12px 0;
text-align:center;
min-height:144px;
}
.product-item .product-image{
margin:0 0 12px 0;
text-align:center;
min-height:144px;
}
.product-item .product-thumbnail img{
vertical-align:middle;
}
.purchase-buttons, .PROD .related-products .purchase-buttons{
text-align:center;
margin:16px 0 0 0;
}
.product-descrip{
margin:6px 0 0 0;
}
.PROD .purchase-buttons{
text-align:right;
margin:16px 0 0 0;
}
.purchase-buttons input.button{
margin:0 2px;
}
.line-item td.item-buttons{
white-space:nowrap;
}
.line-item tr.header-row td{ font-weight:bold; }
.thumbnail-not-available{
display:block;
width:234px;
height:144px;
background:transparent url() no-repeat scroll left top;
margin:0 auto;
}
.image-not-available{
display:block;
width:234px;
height:144px;
background:transparent url() no-repeat scroll left top;
margin:0 auto;
}
.next-previous{ margin:12px 0 0 0; }
.next-button { float:right; }
.previous-button{ float:left; }
.search-again{ margin:0 0 16px 0; }
.OUS1 #main-content{
padding-left:225px;
padding-right:225px;
}
.upsale-heading{ text-align:center; }
.OUS1 .product-thumbnail{
margin:12px 0;
text-align:left;
height:116px;
min-height:116px;
}
.OUS1 .product-description { margin:16px 0 0 0; }
.OUS1 .thumbnail-not-available { margin:16px auto; }
.OUSM #main-content{
padding-left:160px;
padding-right:160px;
}
.upsale-batch{
width:100%;
padding:2px;
}
.upsale-batch .heading td { font-weight:bold; }
.upsale-checkbox{ width:32px; }
.upsale-name{ width:175px; }
.OUS1 .purchase-buttons textarea{
text-align:center;
width:390px;
height:100px;
}
.OUSM .continue-button{ text-align:center; }
.line-item table{ width:100%; }
.line-item table tr.heading td{ font-weight:bold; }
.line-item table td{
padding:2px;
vertical-align:top;
}
.line-item .item-code{
padding-left:2px;
padding-right:2px;
}
.line-item .item-price{
padding-left:2px;
padding-right:2px;
}
.line-item .item-name{ width:80%; }
.line-item tr.alt_row{ background-color:#f4f4f4; }
#filter-items-container
{
color: #434343;
font-size: 11px;
font-family: Arial, Helvetica, Verdana, sans-serif;
}
#filter-items-container .per-page
{
position: relative;
float:left;
padding: 0 5px;
margin-right: 5px;
height: 22px;
line-height: 20px;
}
#filter-items-container .per-page label
{
margin-right: 3px;
}
#filter-items-container .per-page select
{
padding: 0;
}
#filter-items-container .sorting
{
position: relative;
float:left;
padding: 0 5px;
height: 22px;
line-height: 20px;
}
#filter-items-container .sorting label
{
margin-right: 3px;
}
#filter-items-container .sorting select
{
padding: 0;
font-size: 11px;
}
.page-links-previous, .page-links-next
{
text-decoration: none;
line-height: 20px;
padding: 0 8px;
white-space: nowrap;
font-weight: bold;
}
.page-links-previous
{
float: left;
text-align: right;
}
.page-links-next
{
float: right;
text-align: left;
}
.page-links-inactive
{
text-decoration: none;
padding: 2px 3px;
}
.page-links-active
{
color: #434343;
border-bottom: 2px solid #434343;
font-weight: bold;
text-decoration: none;
padding: 1px 3px;
}
.page-links-deactivated
{
color: #999;
text-decoration: none;
}
.page-links-deactivated:hover
{
color: #999;
text-decoration: none;
background: none;
}
.page-disp {
display: block;
line-height: 20px;
float: left;
text-align: center;
}
.page-links, .page-links a
{
color: #434343;
font-size: 11px;
font-family: Arial, Helvetica, Verdana, sans-serif;
}
.page-links
{
margin: 0px;
text-align: right;
float: right;
}
.page-links-container
{
text-decoration: none;
display:block;
float: right;
}
.page-links-title
{
margin-top: 3px;
position: relative;
display:block;
float:left;
}
/*** PRODUCT DISPLAY ***/
.product-details-1,
.product-details-2{
width:50%;
float:left;
}
.PROD .product-details-1 .product-image{
border:1px solid #eeeeee;
width:274px;
height:274px;
}
.product-image{
text-align:center;
}
.product-image span{
}
.product-image img{
vertical-align:middle;
}
.product-quantity-input{
width:34px;
margin:0 4px;
}
.related-products{
clear:both;
margin:32px 0 16px 0;
}
.product-attributes{
margin:16px 0;
text-align:left;
}
.product-attributes td{
padding:4px 0;
}
.product-attributes td.prompt{
vertical-align:top;
text-align:right;
padding-right:4px;
}
.product-attributes td.field{
text-align:left;
}
.thumbnails{
display:block;
margin:0;
padding:0;
width:274px;
}
.thumbnails li{
display:block;
float:left;
margin:4px 4px 0 0;
padding:0;
width:42px;
height:42px;
text-align:center;
border:1px solid #eeeeee;
cursor:pointer;
}
.thumbnails li span{
display:inline-block;
height:100%;
text-align:center;
vertical-align:middle;
}
.thumbnails li img{
vertical-align:middle;
}
.swatches{
display:inline;
margin:0;
padding:0;
}
.swatches li{
display:block;
float:left;
margin:4px 4px 0 0;
padding:0;
width:50px;
height:50px;
text-align:center;
border:1px solid #eeeeee;
cursor:pointer;
}
.swatches li span{
display:inline-block;
height:100%;
text-align:center;
vertical-align:middle;
}
.swatches li img{
vertical-align:middle;
}
.product-image-margin{
height:8px;
}
.closeup{
position:absolute;
top:75px;
padding:10px 10px 5px 10px;
background-color:#ffffff;
border:1px solid #333333;
text-align:center;
display:none;
z-index:2;
min-width:274px;
min-height:274px;
}
.closeup a{
cursor:pointer;
margin:5px 0 0 0;
z-index:2;
}
.closeup_backing{
display:none;
position:absolute;
left:0px;
top:0px;
background-color:#333333;
opacity:0.75;
filter:alpha(opacity=75);
width:100%;
}
/*** INVC ***/
.INVC .order-id,
.ORDS .order-id{
float:left;
font-weight:bold;
}
.INVC .order-date,
.ORDS .order-date{
float:right;
text-align:right;
}
.INVC .order-date span,
.ORDS .order-date span{
font-weight:bold;
}
.INVC h3,
.ORDS h3{
clear:both;
margin:16px 0 24px 0;
}
/*** PATR ***/
.PATR .continue-button{
text-align:right;
margin:12px 0;
}
/*** SMAP ***/
.SMAP h3{
}
.SMAP .category{
width:33%;
text-align:left;
float:left;
}
.SMAP .category .padding{
padding:2px;
}
.SMAP .product{
width:33%;
text-align:left;
float:left;
}
.SMAP .product .padding{ padding:2px; }
/*** ORDH, ORDS ***/
#orderhistory-list table{
border-collapse:collapse;
margin:0 0 10px 0;
}
#order-contents table{
width:100%;
}
#order-contents table td,
#orderhistory-list table td{
vertical-align:top;
}
#orderhistory-list .order-reorder { text-align:center; }
#orderhistory-list .order-invoice { }
#orderhistory-list .order-description { text-align:left; }
#orderhistory-list .order-date { }
#orderhistory-list .order-purchased { text-align:center; }
#orderhistory-list .order-quantity { text-align:center; }
#orderhistory-list .order-status { text-align:center; }
#orderhistory-list .order-tracking { text-align:left; }
#orderhistory-list .order-total { text-align:right; }
#orderhistory-list .order-price { text-align:right; }
#orderhistory-list .order-view
{
vertical-align:middle;
padding:0 8px;
}
#orderhistory-list tr.heading td {
font-weight:bold;
white-space:nowrap;
}
#orderhistory-list .previous-button{
width:50%;
text-align:left;
float:none;
}
#orderhistory-list .next-button{
width:50%;
text-align:right;
float:none;
}
#order-contents table tr td.order-reorder { text-align:center; }
#order-contents table tr td.order-invoice { }
#order-contents table tr td.order-description { text-align:left; }
#order-contents table tr td.order-date { text-align:left }
#order-contents table tr td.order-purchased { text-align:center; }
#order-contents table tr td.order-quantity { text-align:center; }
#order-contents table tr td.order-status { text-align:left; }
#order-contents table tr td.order-tracking { text-align:left; }
#order-contents table tr td.order-total { text-align:right; }
#order-contents table tr td.order-price { text-align:right; }
#order-contents table tr td.charge-description,
#order-contents table tr td.charge-fee{
font-style:italic;
text-align:right;
}
#order-contents table tr td.charge-fee{ text-align:right; }
#order-contents table tr td.formatted-total,
#order-contents table tr td.total-prompt{
text-align:right;
font-weight:bold;
}
#customer-fields{
margin:16px 0;
}
#Order_BillZip{ width:44px; }
.widest{ width:100%; }
/*** $Id:cssui.css 57653 2016-04-06 23:23:03Z rguisewite $ ***/
/*** Site ***/
body{
font:normal 1em Arial, Helvetica, Verdana, sans-serif;
margin:0;
padding:12px 0 0 0;
font-size:12px;
color:#000000;
text-align:center;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
td{ font-size:1em; }
form{
display:inline;
margin:0;
padding:0;
}
h1{ font:bold 1.5em Arial, Helvetica, Verdana, sans-serif; }
h2{ font:bold 1.3em Arial, Helvetica, Verdana, sans-serif; }
h3{ font:bold 1.1em Arial, Helvetica, Verdana, sans-serif; }
h2.header{
color:#333333;
padding:4px;
background-color:#cccccc;
color:#333333;
font-weight:bold;
}
a img{ border:0; }
a:link { color:#333333; }
a:visited { color:#000000; }
a:active { color:#999999 }
a:hover { color:#333333; }
.clear { clear:both; font-size:0em; height:0em; }
.floatright { float:right; }
.floatleft { float:left; }
.alignright { text-align:right; }
.alignleft { text-align:left; }
.aligncenter { text-align:center; }
.margincenter { margin:0 auto; }
.small { font-size:.9em; }
.smaller { font-size:.8em; }
.smallest { font-size:.7em; }
.large { font-size:1.1em; }
.larger { font-size:1.2em; }
.largest { font-size:1.3em; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.red { color:#dd0000; }
.blue { color:#0000ff; }
.grey { color:#999999; }
.darkgrey { color:#555555; }
.nowrap { white-space:normal; }
.inlineblock { display:inline-block; }
.link-pipe { color:#999999; }
.input_error{ border-color:#cc0000 #ff0000 #ff0000 #ff0000; }
.input_width_small { width:75px; }
.input_width_medium { width:125px; }
select{
border-width:1px;
border-color:#333333 #bbbbbb #bbbbbb #bbbbbb;
padding:1px 2px;
}
.error-message{
padding:4px;
text-align:center;
width:60%;
margin:0 auto;
color:#dd0000;
font-weight:bold;
}
.GFTL .header-message,
.WLGN .header-message{
position:relative;
display:block;
margin-bottom:25px;
text-align:center;
font-size:14px;
font-weight:bold;
}
.GFTL .error-message,
.WLGN .error-message,
.WLST .error-message,
.LOGN .error-message,
.AFCL .error-message,
.ORDL .error-message{
margin:12px 24px;
width:auto;
}
.information-message{
padding:4px;
text-align:center;
width:60%;
margin:0 auto;
color:#0000dd;
}
.GFTL .information-message,
.WLGN .information-message,
.WLST .information-message,
.LOGN .information-message{
margin:12px 24px;
width:auto;
}
.textfield, select, textarea,
#tax-fields .form_row input{
border-width:1px;
border-style:solid;
border-color:#333333 #bbbbbb #bbbbbb #bbbbbb;
padding:1px 2px;
font:normal 1em Arial, Helvetica, Verdana, sans-serif;
}
.textfield, textarea{
width:160px;
}
.button{
border-width:1px;
border-style:solid;
border-color:#999999 #000000 #000000 #999999;
background-color:#999999;
color:#ffffff;
font-size:.9em;
padding:1px 2px;
margin:0;
cursor:pointer;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
#site-container{
width:770px;
margin:0 auto;
text-align:left;
border-collapse:collapse;
}
#bottom-wrap { clear:both; font-size:0em; height:0em; }
/*** Breadcrumbs ***/
#breadcrumbs
{
display:block;
margin-left:-12px;
}
#breadcrumbs ul
{
list-style:none;
margin:0;
padding:0;
}
#breadcrumbs ul li
{
list-style:none;
display:block;
float:left;
height:20px;
}
#breadcrumbs .cats-hidden
{
color:#434343;
font-weight:normal;
font-size:12px;
line-height:20px;
margin:0 6px;
text-decoration:none;
padding-bottom:2px;
border-bottom:3px solid #FFF;
}
#breadcrumbs a
{
color:#434343;
font-weight:normal;
font-size:12px;
line-height:20px;
margin:0 6px;
padding-bottom:2px;
border-bottom:3px solid #FFF;
}
#breadcrumbs .breadcrumb-border
{
color:#777;
font-weight:normal;
font-size:16px;
line-height:16px;
}
#breadcrumbs .current-item
{
color:#434343;
font-weight:bold;
font-size:12px;
margin:0 6px;
line-height:20px;
}
#breadcrumbs .shortbreadcrumb
{
color:#434343;
font-weight:normal;
font-size:12px;
padding:0px 6px;
line-height:20px;
}
/*** Top Navigation Bar ***/
#navigation-bar{
line-height:24px;
padding:4px 4px 0 0;
}
#navigation-bar ul{
margin:0;
padding:0;
float:right;
clear:both;
width:100%;
}
#navigation-bar li{
color:#ffffff;
list-style:none;
line-height:12px;
float:right;
text-align:center;
margin:0 2px;
font-weight:bold;
}
#navigation-bar li.navigation-item-on { background-color:#999999; }
#navigation-bar li.navigation-item-off { background-color:#666666; }
/* tab padding */
#navigation-bar li div div{ padding:5px 18px; }
/* tab off side images */
#navigation-bar li.navigation-item-off div.item-left-side { background:transparent url() no-repeat scroll left top; }
#navigation-bar li.navigation-item-off div.item-right-side { background:transparent url() no-repeat scroll right top; }
/* tab on side images */
#navigation-bar li.navigation-item-on div.item-left-side { background:transparent url() no-repeat scroll left top; }
#navigation-bar li.navigation-item-on div.item-right-side { background:transparent url() no-repeat scroll right top; }
/* navigation bar links */
#navigation-bar li a:link,
#navigation-bar li a:visited,
#navigation-bar li a:hover,
#navigation-bar li a:active{
color:#ffffff;
text-decoration:none;
}
#nav-checkout {}
#nav-search {}
#nav-basket {}
#nav-account {}
#nav-all-products {}
#nav-storefront {}
/*** Left Navigation ***/
#left-navigation{
width:20%;
border-right:1px solid #eeeeee;
padding:0 0 0 4px;
vertical-align:top;
}
/*** One Column Pages ***/
.one-column #left-navigation{ display:none; }
#category-tree{
padding:1px;
margin:0;
}
#category-tree-top-image{
/* ie6 min-height hack */
min-height:270px;
height:auto !important;
height:270px;
}
#category-tree-bottom-image{}
#category-tree a{
display:block;
text-decoration:none;
color:#ffffff;
font-weight:bold;
}
#category-tree div{
background-color:#666666;
border-bottom:1px solid #ffffff;
}
#category-tree .level-1 a{ padding:4px 6px 4px 12px; }
#category-tree .level-2 a{ padding:4px 6px 4px 24px; }
#category-tree .level-3 a{ padding:4px 6px 4px 36px; }
#category-tree .level-4 a{ padding:4px 6px 4px 48px; }
#category-tree .level-5 a{ padding:4px 6px 4px 60px; }
#category-tree .level-6 a{ padding:4px 6px 4px 72px; }
#category-tree div.active{ background-color:#999999; }
#category-tree-header{}
#category-tree-footer{
padding:4px;
margin:10px 0;
}
/*** Content ***/
#content-container{
clear:both;
width:100%;
border-style:solid;
border-color:#666666;
border-width:1px 0;
padding:0 0 12px 0;
margin:0;
}
#main-content{
padding:16px;
vertical-align:top;
}
/*** Global Header/Footer ***/
#global-header{}
#logo{
clear:both;
margin:0 0 0 5px;
}
#logo a{
width:759px;
height:85px;
display:block;
cursor:pointer;
}
#search{
float:right;
padding:4px 6px 4px 0;
}
#header-links{
float:right;
padding:4px 12px 0 0;
line-height:22px;
color:#000000;
text-align:right;
}
#global-footer{ margin:16px 0; }
#footer-links{ text-align:right; }
#footer-links ul{
font:normal .9em Arial, Helvetica, Verdana, sans-serif;
margin:8px 0;
padding:0;
}
#footer-links ul li{
list-style-type:none;
border-left:1px solid #999999;
padding:0 2px 0 6px;
margin:0;
text-align:center;
display:inline;
}
#footer-links ul li.first-child{ border:0; }
#miva-link{
color:#999999;
font-size:.8em;
text-align:right;
margin:16px 0;
}
#miva-link a{ color:#999999; }
#page-header{ clear:both; }
#page-footer{ clear:both; }
#maintenance{
color:#dd0000;
font-weight:bold;
}
.WLST .wishlists_search_container
{
text-align:right;
}
/*** ACAD, ACED, AFAD, AFED, OCST ***/
.logout-link{
margin:12px 0;
float:right;
}
#customer-fields label,
#affiliate-fields label{
float:left;
width:150px;
white-space:nowrap;
text-align:right;
padding:2px 5px 3px 0;
clear:both;
}
#affiliate-commissions label,
.OSEL .non-editable label{
float:left;
width:120px;
font-weight:bold;
text-align:right;
padding:0 6px 0 0;
}
#customer-fields input.textfield,
#affiliate-fields input.textfield,
#tax-fields input,
#affiliate-commissions div.form_row div,
.non-editable div.form_row div{
width:170px;
margin:0 0 4px 0;
}
#affiliate-commissions div.form_row div{ float:left; }
#customer-fields select,
#affiliate-fields select{
width:176px;
margin:0 0 4px 0;
}
#login-details,
#affiliate-information{
margin:0 0 16px 0;
}
#affiliate-commissions .form_row{ margin:0 0 8px 0; }
.AFAD #affiliate-fields{
width:50%;
margin:0 auto;
}
.AFED #affiliate-fields #affiliate-contact,
.AFED #affiliate-fields #affiliate-commissions{
float:left;
width:50%;
}
#affiliate-commissions .affiliate-code{
width:230px !important;
}
#affiliate-commissions #affiliate-image{
width:236px !important;
overflow:auto;
}
#affiliate-terms{ margin-left:155px; }
#affiliate-fields .form_row div.non-editable{
margin:0 0 8px 0;
padding:2px 0 0 0;
}
.save-button,
.continue-button{
clear:both;
text-align:right;
padding:24px 0 0 0;
}
.required{ font-weight:bold; }
h2.fields-heading{
background-color:#cccccc;
color:#333333;
margin:0 0 12px 0;
padding:4px 4px 4px 12px;
}
.address2-label{ margin:0 0 14px 0; }
.controls{
font:normal .7em Arial, Helvetica, Verdana, sans-serif;
visibility:hidden;
}
#customer-fields .controls label{
float:none;
}
#ship-to,
#bill-to{
width:50%;
float:left;
}
#ship-to h2 input.checkbox,
#bill-to h2 input.checkbox{
margin:0 2px 0 12px;
padding:0;
width:13px;
height:13px;
overflow:hidden;
}
div.invalid input.textfield,
div.invalid select,
#tax-fields div.invalid input{
border-color:#cc0000 #ff0000 #ff0000 #ff0000;
}
div.invalid label{ color:#dd0000; }
.warning-message{
padding:4px;
text-align:center;
width:60%;
margin:0 auto;
color:#dd0000;
}
#customer-fields.editable .form_row,
#affiliate-fields.editable .form_row{
margin:0 0 6px 0;
text-align:left;
}
#customer-fields.non-editable .form_row{
margin:0 0 4px 0;
text-align:left;
}
#customer-fields.non-editable label,
#affiliate-fields.non-editable label{
margin:0 0 0 30px;
padding:0 4px 0 0;
font-weight:bold;
width:110px;
text-align:right;
float:left;
clear:both;
white-space:nowrap;
}
#customer-fields.non-editable .form_row div,
#affiliate-fields.non-editable .form_row div{
float:left;
}
#update-record{
clear:both;
margin:24px 0 0 24px;
}
.tax-fields label{ font-weight:bold; }
/*** LOGN, GFTL, AFCL, ORDL, ORHL, FPWD, CPWD, CEML ***/
#main-content .margin-container
{
padding:28px 126px;
}
.AFCL .section,
.GFTL .section,
.WLGN .section,
.LOGN .section{
float:left;
height:220px;
width:49%;
}
.WLST .section_container{
text-align:center;
}
.WLST .section{
position:relative;
display:inline-block;
vertical-align:top;
padding:10px 0;
margin-bottom:20px;
width:240px;
}
.ORDL .section{
float:left;
height:220px;
width:33%;
}
.ORDL.no-express-checkout .section{
float:left;
height:220px;
width:49%;
}
.ORDL.no-express-checkout .checkout-margin-container{
padding:28px 126px;
}
.ORHL .lookup-section{
float:left;
height:220px;
width:50%;
}
.ORHL .signin-section{
float:left;
height:220px;
width:48%;
}
.section h3,
.lookup-section h3,
.signin-section h3{
text-align:center;
}
.form_row{ margin:0 0 6px 0; }
.GFTL label,
.WLGN label,
.WLST .signin label,
.LOGN label,
.ORDL label,
.AFCL label,
.FPWD label{
float:left;
clear:both;
width:90px;
text-align:right;
padding:3px 5px;
}
.ORHL label{
white-space:nowrap;
float:left;
clear:both;
width:90px;
text-align:right;
padding:3px 5px;
}
.grey-border-right{ border-right:1px solid #cccccc; }
.logn-input{ width:120px; }
#invalid-key{
width:23px;
float:left;
margin:0 4px 0 0;
border-width:1px;
border-style:solid;
border-color:#cc0000 #ff0000 #ff0000 #ff0000;
}
.sign-in-buttons{
text-align:center;
margin:12px 0 0 0;
}
.forgot-password{
font-size:.9em;
text-align:center;
margin:12px 0 0 0;
}
.FPWD .forgot-password-section{
text-align:left;
width:320px;
padding:10px;
border:1px solid #CCC;
margin:15px auto;
}
.FPWD .fpwd-input,
.CPWD .cpwd-input{
width:150px;
margin:2px 3px;
}
.CEML .change-buttons,
.CPWD .change-buttons{
text-align:right;
}
.CPWD .change-password-section{
width:300px;
margin:15px auto 5px;
padding:10px;
border:1px solid #CCC;
}
.CPWD label{
width:110px;
float:left;
clear:both;
text-align:right;
padding:3px 5px;
}
.CEML .change-emailaddress-section{
width:350px;
margin:15px auto 5px;
padding:10px;
border:1px solid #CCC;
}
.CEML label{
width:140px;
float:left;
clear:both;
text-align:right;
padding:3px 5px;
}
.CEML .oldemailaddress{
line-height:22px;
}
/*** BASK, OCST, OPAY, OSEL ***/
#basket-contents.non-editable,
#basket-contents.editable,
#order-contents table{
width:100%;
border-left:1px solid #ffffff;
border-top:1px solid #ffffff;
}
#basket-contents.non-editable table,
#basket-contents.editable table,
#order-contents table{
border-collapse:collapse;
}
#basket-contents.non-editable td,
#basket-contents.editable td,
#order-contents td{
background-color:#eeeeee;
border-bottom:1px solid #ffffff;
border-right:1px solid #ffffff;
vertical-align:top;
padding:6px;
font:normal 1em Arial, Helvetica, Verdana, sans-serif;
}
#basket-contents table tr.basket-heading td,
#basket-contents table tr.basket-heading td,
#order-contents table tr.heading td{
background-color:#cccccc;
color:#333333;
font-weight:bold;
text-align:center;
font-size:1em;
white-space:nowrap;
}
#basket-contents .basket-qty-input{ width:34px; }
#basket-contents .item-image{
vertical-align:middle;
}
#basket-contents .item-remove{
width:8%;
vertical-align:middle;
}
#basket-contents .item-remove-link{
margin:auto;
margin-top:.5em;
vertical-align:middle;
}
#basket-contents table .basket-heading td.item-name{
text-align:left;
}
#basket-contents.editable .item-quantity{
width:13%;
text-align:center;
white-space:nowrap;
}
#basket-contents.non-editable .item-quantity{
width:6%;
text-align:center;
}
#basket-contents .item-options .item-name{ padding-left:16px; }
#basket-contents.non-editable .item-name{ width:59%; }
#basket-contents.editable .item-name{ width:66%; }
#basket-contents.editable .item-name div.item-name-div{ float:left; }
#basket-contents td.item-name{ text-align:left; }
#basket-contents .item-price{
width:10%;
text-align:right;
white-space:nowrap;
}
#basket-contents .item-total{
width:10%;
text-align:right;
}
#basket-contents .custom-field{
font-size:x-small;
}
#basket-contents .item-discount{
white-space:nowrap;
font-size:x-small;
font-style:italic;
}
#basket-contents .basket-charges .charge-description,
#basket-contents .basket-charges .formatted-charge{
font-style:italic;
text-align:right;
white-space:nowrap;
}
#basket-contents #basket-totals .formatted-total,
#basket-contents #basket-totals .total-prompt,
#basket-contents #basket-remaining .formatted-total,
#basket-contents #basket-remaining .total-prompt{
font-weight:bold;
text-align:right;
}
#basket-contents .basket-payments .charge-description,
#basket-contents .basket-payments .formatted-charge{
font-style:normal;
text-align:right;
white-space:nowrap;
}
#basket-contents .item-options td{}
.checkout .item-quantity { width:8% !important; }
.checkout .item-name { width:64% !important; }
#fields-key{ margin:16px 0; }
.checkout-button{
margin:12px 0;
text-align:right;
}
#payment-fields input{
border-width:1px;
border-style:solid;
border-color:#333333 #bbbbbb #bbbbbb #bbbbbb;
padding:1px 2px;
font:normal 1em Arial, Helvetica, Verdana, sans-serif;
}
#payment-fields label{
white-space:nowrap;
text-align:left;
padding:3px 5px 3px 0;
clear:both;
margin:2px 0 0 0;
}
#payment-fields td{
padding:0 0 6px 0;
}
#payment-amount-fields {
display:inline-block;
vertical-align:top;
}
#shipping-payment .form_row{ margin:10px 0 0 0; }
#shipping-payment label{
float:left;
width:65px;
white-space:nowrap;
text-align:left;
padding:3px 5px 3px 0;
clear:both;
margin:2px 0 0 0;
}
.OSEL .continue-button,
.OPAY .continue-button{
margin:0 0 12px 0;
}
.OCST #basket-contents{ margin:0 0 32px 0; }
.OPAY .fields-key{ margin:0 0 16px 0; }
#payment-fields .form_row{ margin:10px 0 0 0; }
#customer-fields.non-editable{ margin:0 0 32px 0; }
#basket-contents.non-editable{ margin:16px 0 32px 0; }
/*** CTGY, SRCH, PLST, OUS1, OUSM ***/
.category-listing,
.all-products,
.related-products,
.search-results{
clear:both;
}
.product-item{
width:50%;
float:left;
}
.product-item .padding{
padding:12px;
margin:12px;
height:300px;
border:1px solid #cccccc;
overflow:hidden;
}
.product-next-previous{
clear:both;
margin:12px 0;
}
.CTGY .product-details,
.PLST .product-details,
.SRCH .product-details{
height:245px;
overflow:hidden;
}
.product-item .product-thumbnail{
margin:0 0 12px 0;
text-align:center;
min-height:144px;
}
.product-item .product-image{
margin:0 0 12px 0;
text-align:center;
min-height:144px;
}
.product-item .product-thumbnail img{
vertical-align:middle;
}
.purchase-buttons, .PROD .related-products .purchase-buttons{
text-align:center;
margin:16px 0 0 0;
}
.product-descrip{
margin:6px 0 0 0;
}
.product-discount{
white-space:nowrap;
font-size:x-small;
font-style:italic;
}
.PROD .purchase-buttons{
text-align:right;
margin:16px 0 0 0;
}
.PROD .purchase-buttons-spacer{
margin:5px 0 0 0;
}
.purchase-buttons input.button{
margin:5px 2px 0;
}
.line-item td.item-buttons{
white-space:nowrap;
}
.line-item tr.header-row td{ font-weight:bold; }
.thumbnail-not-available{
display:block;
width:234px;
height:144px;
background:transparent url() no-repeat scroll left top;
margin:0 auto;
}
.image-not-available{
display:block;
width:234px;
height:144px;
background:transparent url() no-repeat scroll left top;
margin:0 auto;
}
.next-previous{ margin:12px 0 0 0; }
.next-button { float:right; }
.previous-button{ float:left; }
.search-again{ margin:0 0 16px 0; }
.OUS1 #main-content{
padding-left:225px;
padding-right:225px;
}
.upsale-heading{ text-align:center; }
.OUS1 .product-thumbnail{
margin:12px 0;
text-align:left;
height:116px;
min-height:116px;
}
.OUS1 .product-description { margin:16px 0 0 0; }
.OUS1 .thumbnail-not-available { margin:16px auto; }
.OUSM #main-content{
padding-left:160px;
padding-right:160px;
}
.upsale-batch{
width:100%;
padding:2px;
}
.upsale-batch .heading td { font-weight:bold; }
.upsale-checkbox{ width:32px; }
.upsale-name{ width:175px; }
.OUS1 .purchase-buttons textarea{
text-align:center;
width:390px;
height:100px;
}
.OUSM .continue-button{ text-align:center; }
.line-item table{ width:100%; }
.line-item table tr.heading td{ font-weight:bold; }
.line-item table td{
padding:2px;
vertical-align:top;
}
.line-item .item-code{
padding-left:2px;
padding-right:2px;
}
.line-item .item-price{
padding-left:2px;
padding-right:2px;
}
.line-item .item-name{ width:80%; }
.line-item tr.alt_row{ background-color:#f4f4f4; }
#filter-items-container
{
color:#434343;
font-size:11px;
font-family:Arial, Helvetica, Verdana, sans-serif;
}
#filter-items-container .per-page
{
position:relative;
float:left;
padding:0 5px;
margin-right:5px;
height:22px;
line-height:20px;
}
#filter-items-container .per-page label
{
margin-right:3px;
}
#filter-items-container .per-page select
{
padding:0;
}
#filter-items-container .sorting
{
position:relative;
float:left;
padding:0 5px;
height:22px;
line-height:20px;
}
#filter-items-container .sorting label
{
margin-right:3px;
}
#filter-items-container .sorting select
{
padding:0;
font-size:11px;
}
.page-links-previous, .page-links-next
{
text-decoration:none;
line-height:20px;
padding:0 8px;
white-space:nowrap;
font-weight:bold;
}
.page-links-previous
{
float:left;
text-align:right;
}
.page-links-next
{
float:right;
text-align:left;
}
.page-links-inactive
{
text-decoration:none;
padding:2px 3px;
}
.page-links-active
{
color:#434343;
border-bottom:2px solid #434343;
font-weight:bold;
text-decoration:none;
padding:1px 3px;
}
.page-links-deactivated
{
color:#999;
text-decoration:none;
}
.page-links-deactivated:hover
{
color:#999;
text-decoration:none;
background:none;
}
.page-disp {
display:block;
line-height:20px;
float:left;
text-align:center;
}
.page-links, .page-links a
{
color:#434343;
font-size:11px;
font-family:Arial, Helvetica, Verdana, sans-serif;
}
.page-links
{
margin:0px;
text-align:right;
float:right;
}
.page-links-container
{
text-decoration:none;
display:block;
float:right;
}
.page-links-title
{
margin-top:3px;
position:relative;
display:block;
float:left;
}
/*** PRODUCT DISPLAY ***/
.product-details-1,
.product-details-2{
width:50%;
float:left;
}
.PROD .product-details-1 .product-image{
border:1px solid #eeeeee;
width:274px;
height:274px;
}
.product-image{
text-align:center;
}
.product-image span{
}
.product-image img{
vertical-align:middle;
}
.product-quantity-input{
width:34px;
margin:0 4px;
}
.related-products{
clear:both;
margin:32px 0 16px 0;
}
.product-attributes{
margin:16px 0;
text-align:left;
}
.product-attributes td{
padding:4px 0;
}
.product-attributes td.prompt{
vertical-align:top;
text-align:right;
padding-right:4px;
}
.product-attributes td.field{
text-align:left;
}
.product-attributes td.field select{
max-width:200px;
}
.thumbnails{
display:block;
margin:0;
padding:0;
width:274px;
}
.thumbnails li{
display:block;
float:left;
margin:4px 4px 0 0;
padding:0;
width:42px;
height:42px;
text-align:center;
border:1px solid #eeeeee;
cursor:pointer;
}
.thumbnails li span{
display:inline-block;
height:100%;
text-align:center;
vertical-align:middle;
}
.thumbnails li img{
vertical-align:middle;
}
.swatches{
display:inline;
margin:0;
padding:0;
}
.swatches li{
display:block;
float:left;
margin:4px 4px 0 0;
padding:0;
width:50px;
height:50px;
text-align:center;
border:1px solid #eeeeee;
cursor:pointer;
}
.swatches li span{
display:inline-block;
height:100%;
text-align:center;
vertical-align:middle;
}
.swatches li img{
vertical-align:middle;
}
.product-image-margin{
height:8px;
}
.closeup{
position:absolute;
top:75px;
padding:10px 10px 5px 10px;
background-color:#ffffff;
border:1px solid #333333;
text-align:center;
display:none;
z-index:2;
min-width:274px;
min-height:274px;
}
.closeup a{
cursor:pointer;
margin:5px 0 0 0;
z-index:2;
}
.closeup_backing{
display:none;
position:absolute;
left:0px;
top:0px;
background-color:#333333;
opacity:0.75;
filter:alpha(opacity=75);
width:100%;
}
/*** INVC ***/
.INVC .order-id,
.ORDS .order-id{
float:left;
font-weight:bold;
}
.INVC .order-date,
.ORDS .order-date{
float:right;
text-align:right;
}
.INVC .order-date span,
.ORDS .order-date span{
font-weight:bold;
}
.INVC h3,
.ORDS h3{
clear:both;
margin:16px 0 24px 0;
}
/*** PATR ***/
.PATR .continue-button{
text-align:right;
margin:12px 0;
}
/*** SMAP ***/
.SMAP h3{
}
.SMAP .category{
width:33%;
text-align:left;
float:left;
}
.SMAP .category .padding{
padding:2px;
}
.SMAP .product{
width:33%;
text-align:left;
float:left;
}
.SMAP .product .padding{ padding:2px; }
/*** ORDH, ORDS ***/
#orderhistory-list table{
border-collapse:collapse;
margin:0 0 10px 0;
}
#order-contents table{
width:100%;
}
#order-contents table td,
#orderhistory-list table td{
vertical-align:top;
}
#orderhistory-list .order-reorder { text-align:center; }
#orderhistory-list .order-invoice { }
#orderhistory-list .order-description { text-align:left; }
#orderhistory-list .order-date { }
#orderhistory-list .order-purchased { text-align:center; }
#orderhistory-list .order-quantity { text-align:center; }
#orderhistory-list .order-status { text-align:center; }
#orderhistory-list .order-tracking { text-align:left; }
#orderhistory-list .order-total { text-align:right; }
#orderhistory-list .order-price { text-align:right; }
#orderhistory-list .order-view
{
vertical-align:middle;
padding:0 8px;
}
#orderhistory-list tr.heading td {
font-weight:bold;
white-space:nowrap;
}
#orderhistory-list .previous-button{
width:50%;
text-align:left;
float:none;
}
#orderhistory-list .next-button{
width:50%;
text-align:right;
float:none;
}
#order-contents table tr td.order-reorder { text-align:center; }
#order-contents table tr td.order-image { vertical-align:middle; }
#order-contents table tr td.order-invoice { }
#order-contents table tr td.order-description { text-align:left; }
#order-contents table tr td.order-date { text-align:left }
#order-contents table tr td.order-purchased { text-align:center; }
#order-contents table tr td.order-quantity { text-align:center; }
#order-contents table tr td.order-status { text-align:left; }
#order-contents table tr td.order-tracking { text-align:left; }
#order-contents table tr td.order-total { text-align:right; }
#order-contents table tr td.order-price { text-align:right; }
#order-contents .custom-field{
font-size:x-small;
}
#order-contents .order-discount{
white-space:nowrap;
font-size:x-small;
font-style:italic;
}
#order-contents table tr td.charge-description,
#order-contents table tr td.charge-fee{
font-style:italic;
text-align:right;
}
#order-contents .order-payments .charge-description,
#order-contents .order-payments .charge-fee{
font-style:normal;
text-align:right;
white-space:nowrap;
}
#order-contents table tr td.charge-fee{ text-align:right; }
#order-contents table tr td.formatted-total,
#order-contents table tr td.total-prompt{
text-align:right;
font-weight:bold;
}
#customer-fields{
margin:16px 0;
}
#Order_BillZip{ width:44px; }
.widest{ width:100%; }
.customercredithistory_container table tr td.orderid { white-space:nowrap; }
.customercredithistory_container table tr td.amount { white-space:nowrap; text-align:right; }
.customercredithistory_container table tr td.dtstamp { white-space:nowrap; }
.customer_account_box{
position:relative;
padding:20px 8px;
border:1px solid #ccc;
margin:20px 0;
}
.customer_account_box_title{
position:relative;
display:inline-block;
vertical-align:top;
width:20%;
font-size:18px;
color:#777;
}
.customer_account_box_content{
position:relative;
display:inline-block;
vertical-align:top;
width:80%;
font-size:12px;
}
.customer_account_box_content a{
display:inline-block;
margin-bottom:3px;
}
.customer_account_balance_container{
position:relative;
text-align:center;
font-size:18px;
padding:20px 8px;
border:1px solid #ccc;
margin:20px 0;
}
.customer_account_balance{
color:#199e3d;
}
.customer_account_balance_button_redeem{
font-size:14px;
}
.giftcertificate_redeem_content{
position:relative;
display:block;
margin-top:10px;
}
.giftcertificate_redeem_giftcertificate_container{
position:relative;
display:inline-block;
}
.giftcertificate_redeem_giftcertificate_title{
position:relative;
display:block;
margin-bottom:5px;
font-weight:bold;
}
.giftcertificate_redeem_giftcertificate_content{
position:relative;
display:block;
}
.giftcertificate_redeem_giftcertificate_code{
width:200px;
}
.giftcertificate_redeem_currentbalance_container{
position:relative;
float:right;
}
.wishlists_search_container{
margin:5px 0;
text-align:right;
}
.wishlists_actions_container{
margin-right:8px;
}
.wishlists_container{
margin:15px 0 0;
text-align:center;
}
.wishlists_empty{
font-size:16px;
color:#666;
}
.wishlists_container table{
text-align:left;
}
.wishlists_container table tr td.title { white-space:nowrap; }
.wishlists_container table tr td.name { white-space:nowrap; }
.wishlistitems_empty{
text-align:center;
font-size:16px;
color:#666;
}
.wishlistitems_container table{
width:100%;
border-left:1px solid #ffffff;
border-top:1px solid #ffffff;
border-collapse:collapse;
}
.wishlistitems_container table tr td{
background-color:#eeeeee;
border-right:1px solid #ffffff;
vertical-align:top;
padding:6px 6px 2px;
font:normal 1em Arial, Helvetica, Verdana, sans-serif;
}
.wishlistitems_container table tr.row_start td{
border-top:1px solid #fff;
}
.wishlistitems_container table tr.option_row td{
padding:2px 6px;
}
.wishlistitems_container table tr.controls_row td{
padding:6px;
}
.wishlistitems_container table tr.heading td{
background-color:#cccccc;
color:#333333;
font-weight:bold;
text-align:center;
font-size:1em;
white-space:nowrap;
}
.wishlistitems_container .item-preview{
width:8%;
vertical-align:top;
}
.wishlistitems_container .note{
display:block;
color:#666;
font-style:italic;
margin-top:4px;
}
.wishlistitems_container .edit{
display:inline-block;
margin-top:12px;
}
.wishlistitems_container .qty-input{
width:34px;
}
.wishlistitems_container .editable_note_container{
padding-right:10px;
}
.wishlistitems_container .editable_note{
margin:0;
width:100%;
height:75px;
padding:4px;
}
.wishlistitems_container select.wishlist_move{
max-width:120px;
}
.wishlistitems_container table tr.alt_row td{
background:#e3e3e3;
}
.wishlistitems_container table tr.heading td.item-name { text-align:left; }
.wishlistitems_container table tr td.item-move { white-space:nowrap; text-align:center; }
.wishlistitems_container table tr td.item-quantity { white-space:nowrap; text-align:center; }
.wishlistitems_container table tr td.item-action { text-align:center; }
.wishlistitems_container table tr td.item-price { width:10%; text-align:right; }
.wishlistitems_container table tr td.item-name table{
border-collapse:collapse;
border:none;
}
.wishlistitems_container table tr td.item-name table tr td{
border:none;
padding:0;
}
.wishlistitems_container .item-discount{
white-space:nowrap;
font-size:x-small;
font-style:italic;
}
.wishlistitems_container .item-option{
padding-left:16px;
}
#wishlist-fields .prompt{
display:inline-block;
vertical-align:top;
padding:2px 5px 3px 0;
text-align:right;
width:75px;
}
#wishlist-fields .field{
display:inline-block;
vertical-align:top;
width:256px;
text-align:left;
}
#wishlist-fields .form_row .textfield,
#wishlist-fields .form_row .textarea{
width:250px;
padding:1px 2px;
}
#wishlist-fields .form_row .textarea{
height:50px;
}
.action_all_container{
margin-top:10px;
text-align:right;
}
.customer_add_address_link,
.customer_add_card_link{
margin:12px 0;
float:right;
}
.customer_account_address_default_container{
position:relative;
display:inline-block;
vertical-align:top;
width:50%;
}
.customer_account_address,
.customer_account_payment_card{
position:relative;
display:block;
padding:15px 8px;
border:1px solid #ccc;
margin:20px 0;
}
.customer_account_address_shipping{
margin-right:10px;
}
.customer_account_address_billing{
margin-left:10px;
}
.customer_account_address_title{
position:relative;
display:block;
font-size:18px;
color:#777;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}
.customer_account_address_content{
position:relative;
display:block;
}
.customer_account_address_details_container{
position:relative;
display:inline-block;
vertical-align:top;
width:60%;
}
.customer_account_address_details{
position:relative;
display:block;
font-size:14px;
}
.customer_account_address_actions_container{
position:relative;
display:inline-block;
vertical-align:top;
width:40%;
}
.customer_account_address_actions{
position:relative;
display:block;
margin-top:14px;
font-size:12px;
text-align:right;
}
.customer_account_address_actions_default{
position:relative;
display:inline-block;
margin-bottom:5px;
font-style:italic;
color:#777;
}
.customer_account_address_actions_link{
position:relative;
display:inline-block;
margin-bottom:5px;
}
.customer_account_payment_cards_empty_container{
margin:15px 0 0;
text-align:center;
font-size:16px;
color:#666;
}
.customer_account_payment_card_title{
position:relative;
display:block;
padding:3px 8px;
font-size:18px;
color:#777;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}
.customer_account_payment_card_name{
position:relative;
display:inline-block;
font-weight:bold;
font-size:14px;
vertical-align:middle;
}
.customer_account_payment_card_actions{
position:relative;
display:inline-block;
vertical-align:middle;
float:right;
}
.customer_account_payment_card_row{
position:relative;
display:block;
padding:3px 8px;
}
.customer_account_payment_card_type{
position:relative;
display:inline-block;
}
.customer_account_payment_card_expiration{
position:relative;
display:inline-block;
float:right;
font-weight:bold;
}
.customer_account_payment_card_expired{
color:#dd0000;
}
.subscriptions_empty{
text-align:center;
font-size:16px;
color:#666;
}
.subscription_entry_content_items table{
width:100%;
border-left:1px solid #ffffff;
border-top:1px solid #ffffff;
border-collapse:collapse;
}
.subscription_entry_content_items table tr td{
background-color:#eeeeee;
border-right:1px solid #ffffff;
vertical-align:top;
padding:6px;
font:normal 1em Arial, Helvetica, Verdana, sans-serif;
}
.subscription_entry_content_items table tr.row_start td{
border-top:1px solid #fff;
}
.subscription_entry_content_items table tr.option_row td{
padding:0 6px 6px;
}
.subscription_entry_content_items table tr.controls_row td{
padding:6px;
}
.subscription_entry_content_items table tr.heading td{
background-color:#cccccc;
color:#333333;
font-weight:bold;
text-align:center;
font-size:1em;
white-space:nowrap;
}
.subscription_entry_content_items table tr td.item-preview{
width:8%;
vertical-align:top;
}
.subscription_entry_content_items table tr td.item-quantity .qty-input{
width:34px;
}
.subscription_entry_content_items table tr.alt_row td{
background:#e3e3e3;
}
.subscription_entry_content_items table tr.heading td.item-name { text-align:left; }
.subscription_entry_content_items table tr td.item-move { white-space:nowrap; text-align:center; }
.subscription_entry_content_items table tr td.item-quantity { width:13%; white-space:nowrap; text-align:center; }
.subscription_entry_content_items table tr td.item-price { width:10%; text-align:right; }
.subscription_entry_content_items table tr td.item-total { width:10%; text-align:right; }
.subscription_entry_content_items table tr td.total-prompt { font-weight:bold; text-align:right; }
.subscription_entry_content_items table tr td.formatted-total { font-weight:bold; text-align:right; }
.subscription_entry_content_items table tr td.charge-description { font-style:italic; text-align:right; white-space:nowrap; }
.subscription_entry_content_items table tr td.formatted-charge { font-style:italic; text-align:right; white-space:nowrap; }
.subscription_entry_content_items table tr td.item-name .item-discount { white-space:nowrap; font-size:x-small; font-style:italic; }
.subscription_entry_content_items table tr td.item-name .item-option { padding-left:16px; }
.subscription_entry_content_items table tr td.item-name .option-discount { padding-left:16px; white-space:nowrap; font-size:x-small; font-style:italic; }
.subscription_entry_content_items table tr td.item-quantity.invalid input { border-color:#dd0000; }
.subscription_entry{
position:relative;
display:block;
padding:15px 8px;
border:1px solid #ccc;
margin:10px 0 20px;
}
.subscription_entry_title{
position:relative;
display:block;
padding:3px 8px;
font-size:16px;
color:#777;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}
.subscription_entry .subscription_entry_content{
position:relative;
display:block;
padding:3px 8px;
}
.subscription_entry_content_details{
position:relative;
display:block;
}
.subscription_entry_content_details select{
max-width:250px;
}
.subscription_entry_content_section_left{
position:relative;
display:inline-block;
vertical-align:top;
width:49%;
white-space:normal;
word-break:break-all;
text-align:left;
float:left;
padding-left:4px;
}
.subscription_entry_content_section_right{
position:relative;
display:inline-block;
vertical-align:top;
width:49%;
white-space:normal;
word-break:break-all;
text-align:right;
float:right;
padding-right:4px;
}
.subscription_entry_content_details_block{
position:relative;
display:block;
margin-bottom:10px;
}
.subscription_entry_content_details_editablefields label{
position: relative;
display: inline-block;
width: 125px;
}
.subscription_entry_content_details_line_title{
position:relative;
display:block;
font-weight:bold;
}
.subscription_entry_content_details_line{
position:relative;
display:block;
}
.subscription_entry_content_items{
position:relative;
display:block;
margin-bottom:10px;
}
.subscription_entry_content_actions{
position:relative;
display:block;
}
#subscriptionfields_nextorderdate_display{
position:relative;
display:inline-block;
padding:2px 3px;
border:1px solid #ccc;
min-width:100px;
cursor:pointer;
}
div.invalid #subscriptionfields_nextorderdate_display{
border-color:#dd0000;
}
.miva_datepicker{
position:absolute;
display:none;
z-index:1000;
background:#fff;
padding:20px;
border:1px solid #ccc;
}
.miva_datepicker_calendar_container{
position:relative;
display:inline-block;
vertical-align:top;
width:214px;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.miva_datepicker_calendar_month_selector{
position:relative;
height:35px;
margin:2px;
background:#666;
}
.miva_datepicker_calendar_month_selector_prev{
position:absolute;
top:0;
left:0;
width:35px;
height:35px;
background-image:url();
background-position:0 -35px;
background-repeat:no-repeat;
cursor:pointer;
}
.miva_datepicker_calendar_month_selector_prev:hover{
background-color:#555;
}
.miva_datepicker_calendar_month_selector_title{
position:absolute;
top:0;
right:35px;
bottom:0;
left:35px;
text-align:center;
padding:9px;
font-size:14px;
color:#fff;
}
.miva_datepicker_calendar_month_selector_title_month{
position:relative;
display:inline-block;
color:#fff;
}
.miva_datepicker_calendar_month_selector_title_year{
position:relative;
display:inline-block;
margin-left:3px;
color:#fff;
}
.miva_datepicker_calendar_month_selector_next{
position:absolute;
top:0;
right:0;
width:35px;
height:35px;
background-image:url();
background-position:0 -35px;
background-repeat:no-repeat;
cursor:pointer;
}
.miva_datepicker_calendar_month_selector_next:hover{
background-color:#555;
}
.miva_datepicker_cancel{
position:relative;
display:inline-block;
margin-top:10px;
}
.miva_datepicker_calendar_weekday_container{
position:relative;
height:20px;
margin:2px;
}
.miva_datepicker_calendar_weekday_title{
position:absolute;
display:inline-block;
width:28px;
height:14px;
padding:3px 0;
font-weight:bold;
text-align:center;
}
#miva_datepicker_calendar_week_container{
position:relative;
margin:2px;
}
.miva_datepicker_calendar_week{
position:relative;
display:block;
height:30px;
}
.miva_datepicker_calendar_day{
position:absolute;
display:inline-block;
top:1px;
bottom:1px;
width:26px;
height:11px;
padding:7px 0 8px;
text-align:center;
font-size:11px;
border:1px solid #ccc;
cursor:pointer;
}
.miva_datepicker_calendar_day:hover{
background:#666;
border-color:#555;
color:#fff;
}
.miva_datepicker_calendar_day_noselect,
.miva_datepicker_calendar_day_noselect:hover{
background:#e3e3e3;
border-color:#ccc;
color:#777;
}
.miva_datepicker_calendar_day_current{
border-color:#666;
color:#666;
font-weight:bold;
}
.miva_datepicker_calendar_day_current:hover{
border-color:#666;
background:#666;
color:#fff;
font-weight:bold;
}
.miva_datepicker_calendar_day_active{
background:#666;
border-color:#555;
color:#fff;
font-weight:bold;
}
.miva_datepicker_calendar_day_0{
left:1px;
}
.miva_datepicker_calendar_day_1{
left:31px;
}
.miva_datepicker_calendar_day_2{
left:61px;
}
.miva_datepicker_calendar_day_3{
left:91px;
}
.miva_datepicker_calendar_day_4{
left:121px;
}
.miva_datepicker_calendar_day_5{
left:151px;
}
.miva_datepicker_calendar_day_6{
left:181px;
}
#miva_datepicker_cancel{
position:relative;
display:inline-block;
margin-top:10px;
}
<html> <body> <div style="font: 12px/1.46 Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #676767; background: #ffffff;"> <div style="text-align: left; width: 690px; padding: 20px; page-break-after: always;"> <div style="width: 300px; float: left;"> <!-- Uncomment to add a logo to this email <img src="images/logo.jpg" height="34px" width="60px" /> --> <h3 style="font-size: 1.1em; font-weight: bold; margin: 0;">&mvte:store:name;</h3> &mvte:store:address;<br /> &mvte:store:city;, &mvte:store:state &mvte:store:zip;<br /> &mvte:store:country;<br /> </div> <div style="width: 300px; float: right; text-align: right;"> <h2 style="font-size: 16px; color: #5b639c; margin: 0;">Backorder Notice</h2> Order #&mvt:order:id;<br /> Placed: &mvt:order:date; &mvt:order:time;<br /> Status: &mvt:order:formatted_status;<br /> </div> <div style="clear: both;"></div> <hr style="color: #c7c8d7; background-color: #c7c8d7; height: 1px; border: 0px;" /> <p style="font-weight: bold; padding-bottom: 20px"> Unfortunately, one or more items in your order have been backordered. The backordered items and their expected in stock date (if available) are listed below. You may check the status of your order <mvt:if expr="ISNULL g.Domain:mm_surl"> <a href="&mvte:global:Domain:mm_url;Store_Code=&mvta:global:Store:code;&Screen=ORHL">here</a>. <mvt:else> <a href="&mvte:global:Domain:mm_surl;Store_Code=&mvta:global:Store:code;&Screen=ORHL">here</a>. </mvt:if> Feel free to <a href="mailto:&mvte:Store:email;">contact us via email</a> or at &mvte:store:phone; for assistance with this order. </p> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767; border: 1px solid #c7c8d7; width: 690px;"> <tr> <th style="font-size: 16px; color: #5b639c; padding: 5px 20px 5px 20px; vertical-align: top; width: 60px; text-align: left;">Code</th> <th style="font-size: 16px; color: #5b639c; padding: 5px 20px 5px 20px; vertical-align: top; text-align: left;">Product</th> <th style="font-size: 16px; color: #5b639c; padding: 5px 20px 5px 20px; vertical-align: top; width: 60px; text-align: right;">Quantity</th> <th style="font-size: 16px; color: #5b639c; padding: 5px 20px 5px 20px; vertical-align: top; text-align: center;">Expected In-Stock Date</th> </tr> <mvt:foreach iterator="group" array="backorder:groups"> <tr style="background-color: #f7f7f7; font-weight: bold;"> <td style="padding: 5px 20px 5px 20px; vertical-align: top; width: 60px; text-align: left;">&mvt:group:code;</td> <td style="padding: 5px 20px 5px 20px; vertical-align: top; text-align: left;">&mvt:group:name;</td> <td style="padding: 5px 20px 5px 20px; vertical-align: top; width: 60px; text-align: right;">&mvt:group:quantity;</td> <td style="padding: 5px 20px 5px 20px; vertical-align: top; text-align: center;"> <mvt:if expr="ISNULL l.settings:group:dt_instock"> Not Specified <mvt:else> &mvt:group:formatted_dt_instock; </mvt:if> </td> </tr> <mvt:foreach iterator="option" array="group:options"> <tr> <td></td> <td style="padding: 5px 20px 5px 20px; vertical-align: top; text-align: left;"> <mvt:if expr="l.settings:option:option_id"> &mvt:option:attr_code;: &mvt:option:opt_code; <mvt:elseif expr="NOT ISNULL l.settings:option:data"> &mvt:option:attr_code;: &mvt:option:data; <mvt:elseif expr="NOT ISNULL l.settings:option:data_long"> &mvt:option:attr_code;: &mvt:option:data_long; <mvt:else> &mvt:option:attr_code; </mvt:if> </td> <td colspan="2"></td> </tr> </mvt:foreach> </mvt:foreach> </table> </div> </div> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<title>Email Template</title>
<style type="text/css" media="screen">
/* Linked Styles */
body { padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none }
a { color:#2a68ce; text-decoration:none }
p { padding:0 !important; margin:0 !important }
/* Mobile styles */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
div[class='mobile-br-5'] { height: 5px !important; }
div[class='mobile-br-10'] { height: 10px !important; }
div[class='mobile-br-15'] { height: 15px !important; }
div[class='mobile-br-20'] { height: 20px !important; }
div[class='mobile-br-25'] { height: 25px !important; }
div[class='mobile-br-30'] { height: 30px !important; }
th[class='m-td'],
td[class='m-td'],
div[class='hide-for-mobile'],
span[class='hide-for-mobile'] { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; }
span[class='mobile-block'] { display: block !important; }
div[class='wgmail'] img { min-width: 320px !important; width: 320px !important; }
div[class='img-m-center'] { text-align: center !important; }
div[class='fluid-img'] img,
td[class='fluid-img'] img { width: 100% !important; max-width: 480px !important; height: auto !important; }
table[class='mobile-shell'] { width: 100% !important; min-width: 100% !important; }
td[class='td'] { width: 100% !important; min-width: 100% !important; }
table[class='center'] { margin: 0 auto; }
td[class='column-top'],
th[class='column-top'],
td[class='column'],
th[class='column'] { float: left !important; width: 100% !important; display: block !important; }
td[class='content-spacing'] { width: 15px !important; }
div[class='text-header'],
div[class='text-footer-1'],
div[class='text-footer'] { text-align: center !important; }
}
</style>
</head>
<body class="body" style="padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tr>
<td align="center" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
<tr>
<td class="td" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; width:600px; min-width:600px; Margin:0" width="600">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td>
<!-- Header -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="130">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><!-- Uncomment to add a logo to this email <a href="&mvte:urls:SFNT:auto;" target="_blank"><img src="images/logo.png" border="0" width="130" height="35" alt="" /></a> --></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-15"></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-header" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:14px; line-height:21px; text-align:right">
<strong>&mvt:store:name;</strong>
<br />
<a href="&mvte:urls:ABUS:auto;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none">
&mvte:store:address;<br />
&mvte:store:city;, &mvte:store:state &mvte:store:zip;<br />
&mvte:store:country;
</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Header -->
<!-- Main -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<!-- Intro -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f2f3f4">
<tr>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h2-center" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:24px; line-height:28px; text-align:center">
<img src="&mvte:global:basehref;graphics/en-US/email/ico_exclamation.png" border="0" width="30" height="30" alt="" style="vertical-align: middle;" /> <strong>Your Item Is Backordered.</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-center" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center"><strong>Your Order #</strong> <a href="&mvte:urls:ORDS:secure_sep;Order_ID=&mvta:order:id;&Order_BillEmail=&mvta:order:bill_email;&Order_BillZip=&mvta:order:bill_zip;" target="_blank" class="link" style="color:#2a68ce; text-decoration:none"><span class="link" style="color:#2a68ce; text-decoration:none">&mvte:order:id;</span></a></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-center" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center"><strong>Order Date:</strong> &mvt:order:date; &mvt:order:time;</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
</tr>
</table>
<!-- END Intro -->
<!-- Message -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
<strong>Hello &mvte:backorder:order:ship_fname;,</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
Thank you for your order! Unfortunately, one or more items in your order have been backordered. The backordered items and their expected stock date are listed below.
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Message -->
<!-- Table -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
<strong>Order Details</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" style="border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;" width="285">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Backordered Item</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td valign="top" style="border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;" class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td valign="top" style="border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;" width="90">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Qty</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td valign="top" style="border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;" class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td valign="top" style="border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Expected In-Stock Date</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
<mvt:foreach iterator="group" array="backorder:groups">
<tr>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="63">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="img" style="font-size:0pt; line-height:0pt; text-align:left">
<mvt:if expr="ISNULL l.settings:group:imagetypes:Main">
<mvt:else>
<img src="&mvte:global:basehref;&mvte:group:imagetypes:Main;" border="0" alt="&mvte:group:name;" />
</mvt:if>
</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="10">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-10"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">&mvt:group:name;</div>
<div class="text-3" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:14px; line-height:22px; text-align:left">&mvt:group:code;</div>
<mvt:foreach iterator="option" array="group:options">
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
<mvt:if expr="l.settings:option:option_id">
&mvt:option:attr_code;: &mvt:option:opt_code;
<mvt:elseif expr="NOT ISNULL l.settings:option:data">
&mvt:option:attr_code;: &mvt:option:data;
<mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
&mvt:option:attr_code;: &mvt:option:data_long;
<mvt:else>
&mvt:option:attr_code;
</mvt:if>
</div>
</mvt:foreach>
</td>
</tr>
</table>
</th>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td valign="top" class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">&mvte:group:quantity;</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td valign="top" class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
<mvt:if expr="ISNULL l.settings:group:dt_instock">
Not Specified
<mvt:else>
&mvt:group:formatted_dt_instock;
</mvt:if>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</mvt:foreach>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Table -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- Button -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" bgcolor="#2a68ce">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="65"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td bgcolor="#2a68ce">
<div class="text-btn-1" style="color:#ffffff; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:20px; text-align:center">
<a href="&mvte:urls:ORDS:secure_sep;Order_ID=&mvta:order:id;&Order_BillEmail=&mvta:order:bill_email;&Order_BillZip=&mvta:order:bill_zip;" target="_blank" class="link-white" style="color:#ffffff; text-decoration:none"><strong class="link-white" style="color:#ffffff; text-decoration:none">Check Order Status</strong></a>
</div>
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="65"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END Button -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Main -->
<!-- Footer -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer-1" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">Please contact us with any questions.</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="5" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
<a href="&mvte:urls:SFNT:auto;" target="_blank" class="link-2" style="color:#303748; text-decoration:none"><strong class="link-2" style="color:#303748; text-decoration:none">&mvt:store:name;</strong></a>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- Contacts -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">Do you have questions?</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="30">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="mailto:&mvte:Store:email;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_envelope.png" border="0" width="20" height="13" alt="" style="vertical-align: middle;" /> Email Us</span></a>
</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="tel:+&mvte:store:phone;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_earphone.png" border="0" width="13" height="13" alt="" style="vertical-align: middle;" /> Call &mvte:store:phone;</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Contacts -->
<!-- Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- Uncomment to add facebook to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_facebook.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add twitter to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_twitter.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add pinterest to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_pinterest.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add instagram to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_instagram.png" border="0" width="38" height="38" alt="" /></a></td> -->
</tr>
</table>
</td>
</tr>
</table>
<!-- END Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Footer -->
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
</tr>
</table>
<div class="wgmail" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/gmail_fix.gif" width="600" height="1" style="min-width:600px" alt="" border="0" /></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
<html> <body> <div style="font: 12px/1.46 Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #676767; background: #ffffff;"> <div style="text-align: left; width: 690px; padding: 20px; page-break-after: always;"> <div style="width: 300px; float: left;"> <!-- Uncomment to add a logo to this email <img src="images/logo.jpg" height="34px" width="60px" /> --> <h3 style="font-size: 1.1em; font-weight: bold; margin: 0;">&mvte:store:name;</h3> &mvte:store:address;<br /> &mvte:store:city;, &mvte:store:state &mvte:store:zip;<br /> &mvte:store:country;<br /> </div> <div style="clear: both;"></div> <hr style="color: #c7c8d7; background-color: #c7c8d7; height: 1px; border: 0px;" /> <p style="font-weight: bold;"> <mvt:if expr="ISNULL g.Customer:ship_fname"> Hi,<br /><br /> <mvt:else> Hi &mvte:global:customer:ship_fname;,<br /><br /> </mvt:if> Thank you for registering. You may view your account <mvt:if expr="ISNULL g.Domain:mm_surl"> <a href="&mvte:global:Domain:mm_url;Store_Code=&mvta:global:Store:code;&Screen=ACLN">here</a>. <mvt:else> <a href="&mvte:global:Domain:mm_surl;Store_Code=&mvta:global:Store:code;&Screen=ACLN">here</a>. </mvt:if> <br /> <br /> Feel free to <a href="mailto:&mvte:Store:email;">contact us via email</a> or at &mvte:store:phone; for assistance with your account. </p> </div> </div> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<title>Email Template</title>
<style type="text/css" media="screen">
/* Linked Styles */
body { padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none }
a { color:#2a68ce; text-decoration:none }
p { padding:0 !important; margin:0 !important }
/* Mobile styles */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
div[class='mobile-br-5'] { height: 5px !important; }
div[class='mobile-br-10'] { height: 10px !important; }
div[class='mobile-br-15'] { height: 15px !important; }
div[class='mobile-br-20'] { height: 20px !important; }
div[class='mobile-br-25'] { height: 25px !important; }
div[class='mobile-br-30'] { height: 30px !important; }
th[class='m-td'],
td[class='m-td'],
div[class='hide-for-mobile'],
span[class='hide-for-mobile'] { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; }
span[class='mobile-block'] { display: block !important; }
div[class='wgmail'] img { min-width: 320px !important; width: 320px !important; }
div[class='img-m-center'] { text-align: center !important; }
div[class='fluid-img'] img,
td[class='fluid-img'] img { width: 100% !important; max-width: 480px !important; height: auto !important; }
table[class='mobile-shell'] { width: 100% !important; min-width: 100% !important; }
td[class='td'] { width: 100% !important; min-width: 100% !important; }
table[class='center'] { margin: 0 auto; }
td[class='column-top'],
th[class='column-top'],
td[class='column'],
th[class='column'] { float: left !important; width: 100% !important; display: block !important; }
td[class='content-spacing'] { width: 15px !important; }
div[class='text-header'],
div[class='text-footer-1'],
div[class='text-footer'] { text-align: center !important; }
}
</style>
</head>
<body class="body" style="padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tr>
<td align="center" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
<tr>
<td class="td" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; width:600px; min-width:600px; Margin:0" width="600">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td>
<!-- Header -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="130">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><!-- Uncomment to add a logo to this email <a href="&mvte:urls:SFNT:auto;" target="_blank"><img src="images/logo.png" border="0" width="130" height="35" alt="" /></a> --></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-15"></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-header" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:14px; line-height:21px; text-align:right">
<strong>&mvt:store:name;</strong>
<br />
<a href="&mvte:urls:ABUS:auto;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none">
&mvte:store:address;<br />
&mvte:store:city;, &mvte:store:state &mvte:store:zip;<br />
&mvte:store:country;
</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Header -->
<!-- Main -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<!-- Intro -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f2f3f4">
<tr>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h2-center" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:24px; line-height:28px; text-align:center">
<img src="&mvte:global:basehref;graphics/en-US/email/ico_check_green.png" border="0" width="30" height="30" alt="" style="vertical-align: middle;" /> <strong>Your Account Has Been Created.</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
</tr>
</table>
<!-- END Intro -->
<!-- Message -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
<strong>Hello<mvt:if expr="NOT ISNULL g.Customer:ship_fname"> &mvte:global:customer:ship_fname</mvt:if>,</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
Thank you for registering. Below is a link to view and manage your account.
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Message -->
<!-- Button -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" bgcolor="#2a68ce">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="40"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td bgcolor="#2a68ce">
<div class="text-btn" style="color:#ffffff; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:center">
<a href="&mvte:urls:ACLN:secure;" target="_blank" class="link-white" style="color:#ffffff; text-decoration:none"><span class="link-white" style="color:#ffffff; text-decoration:none">Manage Your Account</span></a>
</div>
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="40"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Button -->
</td>
</tr>
</table>
<!-- END Main -->
<!-- Footer -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer-1" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">We hope to see you again soon.</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="5" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
<a href="&mvte:urls:SFNT:auto;" target="_blank" class="link-2" style="color:#303748; text-decoration:none"><strong class="link-2" style="color:#303748; text-decoration:none">&mvt:store:name;</strong></a>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- Contacts -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">Do you have questions?</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="30">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="mailto:&mvte:Store:email;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_envelope.png" border="0" width="20" height="13" alt="" style="vertical-align: middle;" /> Email Us</span></a>
</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="tel:+&mvte:store:phone;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_earphone.png" border="0" width="13" height="13" alt="" style="vertical-align: middle;" /> Call &mvte:store:phone;</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Contacts -->
<!-- Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- Uncomment to add facebook to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_facebook.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add twitter to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_twitter.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add pinterest to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_pinterest.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add instagram to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_instagram.png" border="0" width="38" height="38" alt="" /></a></td> -->
</tr>
</table>
</td>
</tr>
</table>
<!-- END Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Footer -->
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
</tr>
</table>
<div class="wgmail" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/gmail_fix.gif" width="600" height="1" style="min-width:600px" alt="" border="0" /></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
<html> <body> <div style="font: 12px/1.46 Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #676767; background: #ffffff;"> <div style="text-align: left; width: 690px; padding: 20px; page-break-after: always;"> <div style="width: 300px; float: left;"> <!-- Uncomment to add a logo to this email <img src="images/logo.jpg" height="34px" width="60px" /> --> <h3 style="font-size: 1.1em; font-weight: bold; margin: 0;">&mvte:store:name;</h3> &mvte:store:address;<br /> &mvte:store:city;, &mvte:store:state &mvte:store:zip;<br /> &mvte:store:country;<br /> </div> <div style="clear: both;"></div> <hr style="color: #c7c8d7; background-color: #c7c8d7; height: 1px; border: 0px;" /> <div style="position: relative; text-align: center;"> <span style="position: relative; display: inline-block; padding: 25px; text-align: center; border: 1px solid #ccc; background: #f7f7f7;"> <div style="position: relative; padding: 5px; font-size: 14px;"> Max Downloads: &mvte:digitaldownload:formatted_max_downloads;<br /> Link Expiration: &mvte:digitaldownload:formatted_expiration;<br /> To download your digital file, <a href="&mvte:digitaldownload:url;" style="color: #5b639c;">click here</a> </div> </span> </div> <div style="clear: both;"></div> <p style="font-weight: bold;"> Feel free to <a href="mailto:&mvte:store:email;">contact us via email</a> or at &mvte:store:phone; for assistance downloading your digital file. </p> </div> </div> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<title>Email Template</title>
<style type="text/css" media="screen">
/* Linked Styles */
body { padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none }
a { color:#2a68ce; text-decoration:none }
p { padding:0 !important; margin:0 !important }
/* Mobile styles */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
div[class='mobile-br-5'] { height: 5px !important; }
div[class='mobile-br-10'] { height: 10px !important; }
div[class='mobile-br-15'] { height: 15px !important; }
div[class='mobile-br-20'] { height: 20px !important; }
div[class='mobile-br-25'] { height: 25px !important; }
div[class='mobile-br-30'] { height: 30px !important; }
th[class='m-td'],
td[class='m-td'],
div[class='hide-for-mobile'],
span[class='hide-for-mobile'] { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; }
span[class='mobile-block'] { display: block !important; }
div[class='wgmail'] img { min-width: 320px !important; width: 320px !important; }
div[class='img-m-center'] { text-align: center !important; }
div[class='fluid-img'] img,
td[class='fluid-img'] img { width: 100% !important; max-width: 480px !important; height: auto !important; }
table[class='mobile-shell'] { width: 100% !important; min-width: 100% !important; }
td[class='td'] { width: 100% !important; min-width: 100% !important; }
table[class='center'] { margin: 0 auto; }
td[class='column-top'],
th[class='column-top'],
td[class='column'],
th[class='column'] { float: left !important; width: 100% !important; display: block !important; }
td[class='content-spacing'] { width: 15px !important; }
div[class='text-header'],
div[class='text-footer-1'],
div[class='text-footer'] { text-align: center !important; }
}
</style>
</head>
<body class="body" style="padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tr>
<td align="center" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
<tr>
<td class="td" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; width:600px; min-width:600px; Margin:0" width="600">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td>
<!-- Header -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="130">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><!-- Uncomment to add a logo to this email <a href="&mvte:urls:SFNT:auto;" target="_blank"><img src="images/logo.png" border="0" width="130" height="35" alt="" /></a> --></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-15"></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-header" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:14px; line-height:21px; text-align:right">
<strong>&mvt:store:name;</strong>
<br />
<a href="&mvte:urls:ABUS:auto;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none">
&mvte:store:address;<br />
&mvte:store:city;, &mvte:store:state &mvte:store:zip;<br />
&mvte:store:country;
</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Header -->
<!-- Main -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<!-- Message -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
<strong>Hello &mvte:order:bill_fname;,</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
Thank you for shopping with us. Below you will find a link to download your digital file. This link is available for immediate download.
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Message -->
<!-- Table -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" style="border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;" width="210">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Product</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td valign="top" style="border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;" class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td valign="top" style="border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;" width="170">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Link Expiration</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td valign="top" style="border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;" class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td valign="top" style="border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Max Downloads</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
<tr>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><em>&mvte:digitaldownload:product:name;</em></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td valign="top" class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><em>&mvte:digitaldownload:formatted_expiration;</em></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td valign="top" class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><em>&mvte:digitaldownload:formatted_max_downloads;</em></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Table -->
<!-- Button -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f2f3f4">
<tr>
<td align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" bgcolor="#2a68ce">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="55">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="12" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td bgcolor="#2a68ce">
<div class="text-btn" style="color:#ffffff; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:center">
<a href="&mvte:digitaldownload:url;" target="_blank" class="link-white" style="color:#ffffff; text-decoration:none"><span class="link-white" style="color:#ffffff; text-decoration:none">Begin Your Download</span></a>
</div>
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="55"></td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Button -->
</td>
</tr>
</table>
<!-- END Main -->
<!-- Footer -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer-1" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">We hope to see you again soon.</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="5" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
<a href="&mvte:urls:SFNT:auto;" target="_blank" class="link-2" style="color:#303748; text-decoration:none"><strong class="link-2" style="color:#303748; text-decoration:none">&mvt:store:name;</strong></a>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- Contacts -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">Need help downloading?</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="30">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="mailto:&mvte:Store:email;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_envelope.png" border="0" width="20" height="13" alt="" style="vertical-align: middle;" /> Email Us</span></a>
</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="tel:+&mvte:store:phone;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_earphone.png" border="0" width="13" height="13" alt="" style="vertical-align: middle;" /> Call &mvte:store:phone;</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Contacts -->
<!-- Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- Uncomment to add facebook to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_facebook.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add twitter to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_twitter.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add pinterest to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_pinterest.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add instagram to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_instagram.png" border="0" width="38" height="38" alt="" /></a></td> -->
</tr>
</table>
</td>
</tr>
</table>
<!-- END Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Footer -->
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
</tr>
</table>
<div class="wgmail" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/gmail_fix.gif" width="600" height="1" style="min-width:600px" alt="" border="0" /></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
<html> <body> <div style="font: 12px/1.46 Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #676767; background: #ffffff;"> <div style="text-align: left; width: 690px; padding: 20px; page-break-after: always;"> <div style="width: 300px; float: left;"> <!-- Uncomment to add a logo to this email <img src="images/logo.jpg" height="34px" width="60px" /> --> <h3 style="font-size: 1.1em; font-weight: bold; margin: 0;">&mvte:store:name;</h3> &mvte:store:address;<br /> &mvte:store:city;, &mvte:store:state &mvte:store:zip;<br /> &mvte:store:country;<br /> </div> <div style="clear: both;"></div> <hr style="color: #c7c8d7; background-color: #c7c8d7; height: 1px; border: 0px;" /> <mvt:if expr="NOT ISNULL l.settings:giftcertificate:description"> <p style="font-weight: bold;"> Note from sender: <br /> &mvte:giftcertificate:description; </p> </mvt:if> <div style="position: relative; text-align: center;"> <span style="position: relative; display: inline-block; padding: 25px; text-align: center; border: 1px solid #ccc; background: #f7f7f7;"> <div style="position: relative; padding: 5px; font-size: 14px;"> To redeem your gift certificate, <mvt:if expr="ISNULL g.Domain:mm_surl"> <a href="&mvte:global:Domain:mm_url;Store_Code=&mvta:store:code;&Screen=RGFT" style="color: #5b639c;">click here</a> <mvt:else> <a href="&mvte:global:Domain:mm_surl;Store_Code=&mvta:store:code;&Screen=RGFT" style="color: #5b639c;">click here</a> </mvt:if> <br /> and enter the following code: </div> <div style="position: relative; padding: 5px; font-size: 22px; color: #5b639c;">&mvte:giftcertificate:code;</div> <div style="position: relative; padding: 5px; font-size: 22px; color: #999;">&mvt:giftcertificate:formatted_amount;</div> </span> </div> <div style="clear: both;"></div> <p style="font-weight: bold;"> Feel free to <a href="mailto:&mvte:store:email;">contact us via email</a> or at &mvte:store:phone; for assistance redeeming your gift certificate. </p> </div> </div> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<title>Email Template</title>
<style type="text/css" media="screen">
/* Linked Styles */
body { padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none }
a { color:#2a68ce; text-decoration:none }
p { padding:0 !important; margin:0 !important }
/* Mobile styles */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
div[class='mobile-br-1'] { height: 1px !important; }
div[class='mobile-br-5'] { height: 5px !important; }
div[class='mobile-br-10'] { height: 10px !important; }
div[class='mobile-br-15'] { height: 15px !important; }
div[class='mobile-br-20'] { height: 20px !important; }
div[class='mobile-br-25'] { height: 25px !important; }
div[class='mobile-br-30'] { height: 30px !important; }
th[class='m-td'],
td[class='m-td'],
div[class='hide-for-mobile'],
span[class='hide-for-mobile'] { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; }
span[class='mobile-block'] { display: block !important; }
div[class='wgmail'] img { min-width: 320px !important; width: 320px !important; }
div[class='img-m-center'] { text-align: center !important; }
div[class='fluid-img'] img,
td[class='fluid-img'] img { width: 100% !important; max-width: 480px !important; height: auto !important; }
table[class='mobile-shell'] { width: 100% !important; min-width: 100% !important; }
td[class='td'] { width: 100% !important; min-width: 100% !important; }
table[class='center'] { margin: 0 auto; }
td[class='column-top'],
th[class='column-top'],
td[class='column'],
th[class='column'] { float: left !important; width: 100% !important; display: block !important; }
td[class='content-spacing'] { width: 15px !important; }
div[class='text-header'],
div[class='text-footer-1'],
div[class='text-footer'] { text-align: center !important; }
}
</style>
</head>
<body class="body" style="padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tr>
<td align="center" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
<tr>
<td class="td" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; width:600px; min-width:600px; Margin:0" width="600">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td>
<!-- Header -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="130">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><!-- Uncomment to add a logo to this email <a href="&mvte:urls:SFNT:auto;" target="_blank"><img src="images/logo.png" border="0" width="130" height="35" alt="" /></a> --></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-15"></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-header" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:14px; line-height:21px; text-align:right">
<strong>&mvt:store:name;</strong>
<br />
<a href="&mvte:urls:ABUS:auto;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none">
&mvte:store:address;<br />
&mvte:store:city;, &mvte:store:state &mvte:store:zip;<br />
&mvte:store:country;
</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Header -->
<!-- Main -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<!-- Message -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
<strong>Hello,</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
Thank you for shopping with us. To redeem your gift certificate, please log into your account and copy and paste the code below.
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Message -->
<!-- Certificate -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f2f3f4">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="45" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="290">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="30"></td>
<td>
<div class="text-large" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:36px; line-height:44px; text-align:left"><strong>&mvt:giftcertificate:formatted_amount;</strong></div>
<mvt:if expr="NOT ISNULL l.settings:giftcertificate:description">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="5" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
--
<br />
Message:
<br />
<em>&mvte:giftcertificate:description;</em>
</div>
<div style="font-size:0pt; line-height:0pt;" class="mobile-br-15"></div>
</mvt:if>
</td>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="30"></td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="1" bgcolor="#e3e3e3">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-1"></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="30"></td>
<td>
<div style="font-size:0pt; line-height:0pt;" class="mobile-br-15"></div>
<div class="text-center" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center"><strong>Gift Certificate Code:</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h1-center" style="color:#2a68ce; font-family:Arial, sans-serif; min-width:auto !important; font-size:30px; line-height:34px; text-align:center">
<a href="&mvte:urls:RGFT:secure;" target="_blank" class="link" style="color:#2a68ce; text-decoration:none"><span class="link" style="color:#2a68ce; text-decoration:none">&mvte:giftcertificate:code;</span></a>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- Button -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" bgcolor="#2a68ce">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="12" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td bgcolor="#2a68ce">
<div class="text-btn" style="color:#ffffff; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:center">
<a href="&mvte:urls:RGFT:secure;" target="_blank" class="link-white" style="color:#ffffff; text-decoration:none"><span class="link-white" style="color:#ffffff; text-decoration:none">Login To Redeem</span></a>
</div>
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="20"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END Button -->
</td>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="30"></td>
</tr>
</table>
</th>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="45" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Certificate -->
</td>
</tr>
</table>
<!-- END Main -->
<!-- Footer -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer-1" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">We hope to see you again soon.</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="5" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
<a href="&mvte:urls:SFNT:auto;" target="_blank" class="link-2" style="color:#303748; text-decoration:none"><strong class="link-2" style="color:#303748; text-decoration:none">&mvt:store:name;</strong></a>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- Contacts -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">Need help with your gift certificate?</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="30">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="mailto:&mvte:Store:email;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_envelope.png" border="0" width="20" height="13" alt="" style="vertical-align: middle;" /> Email Us</span></a>
</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="tel:+&mvte:store:phone;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_earphone.png" border="0" width="13" height="13" alt="" style="vertical-align: middle;" /> Call &mvte:store:phone;</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Contacts -->
<!-- Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- Uncomment to add facebook to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_facebook.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add twitter to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_twitter.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add pinterest to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_pinterest.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add instagram to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_instagram.png" border="0" width="38" height="38" alt="" /></a></td> -->
</tr>
</table>
</td>
</tr>
</table>
<!-- END Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Footer -->
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
</tr>
</table>
<div class="wgmail" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/gmail_fix.gif" width="600" height="1" style="min-width:600px" alt="" border="0" /></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
<html> <body> <div style="font: 12px/1.46 Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #676767; background: #ffffff;"> <div style="text-align: left; width: 690px; padding: 20px; page-break-after: always;"> <div style="width: 300px; float: left;"> <!-- Uncomment to add a logo to this email <img src="images/logo.jpg" height="34px" width="60px" /> --> <h3 style="font-size: 1.1em; font-weight: bold; margin: 0;">&mvte:store:name;</h3> &mvte:store:address;<br /> &mvte:store:city;, &mvte:store:state &mvte:store:zip;<br /> &mvte:store:country;<br /> </div> <div style="width: 300px; float: right; text-align: right;"> <h2 style="font-size: 16px; color: #5b639c; margin: 0;">Order Confirmation</h2> Order #&mvt:order:id;<br /> Placed: &mvt:order:date; &mvt:order:time;<br /> Status: &mvt:order:formatted_status;<br /> </div> <div style="clear: both;"></div> <hr style="color: #c7c8d7; background-color: #c7c8d7; height: 1px; border: 0px;" /> <p style="font-weight: bold;"> Thank you for your order. Below is a summary for your records. You may check the status of your order <mvt:if expr="ISNULL g.Domain:mm_surl"> <a href="&mvte:global:Domain:mm_url;Store_Code=&mvta:global:Store:code;&Screen=ORHL">here</a>. <mvt:else> <a href="&mvte:global:Domain:mm_surl;Store_Code=&mvta:global:Store:code;&Screen=ORHL">here</a>. </mvt:if> Feel free to <a href="mailto:&mvte:Store:email;">contact us via email</a> or at &mvte:store:phone; for assistance with this order. </p> <div style="background-color: #f7f7f7; width: 650px; margin: 20px 0 20px 0; padding: 20px;"> <div style="width: 300px; float: left;"> <h2 style="font-size: 16px; color: #5b639c; margin: 0;">Bill To</h2> <hr style="color: #c7c8d7; background-color: #c7c8d7; height: 1px; border: 0px;" /> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Name:</th> <td>&mvte:order:bill_fname; &mvte:order:bill_lname;</td></tr></table> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Email:</th> <td>&mvte:order:bill_email;</td></tr></table> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Phone:</th> <td>&mvte:order:bill_phone;</td></tr></table> <mvt:if expr="NOT ISNULL l.settings:order:bill_fax"> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Fax:</th> <td>&mvte:order:bill_fax;</td></tr></table> </mvt:if> <mvt:if expr="NOT ISNULL l.settings:order:bill_comp"> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Company:</th> <td>&mvte:order:bill_comp;</td></tr></table> </mvt:if> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Address:</th> <td>&mvte:order:bill_addr;<br /> &mvte:order:bill_city;, &mvte:order:bill_state; &mvte:order:bill_zip;<br /> &mvte:order:bill_cntry;</td></tr></table> </div> <div style="width: 300px; float: right;"> <h2 style="font-size: 16px; color: #5b639c; margin: 0;">Ship To</h2> <hr style="color: #c7c8d7; background-color: #c7c8d7; height: 1px; border: 0px;" /> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Name:</th> <td>&mvte:order:ship_fname; &mvte:order:ship_lname;</td></tr></table> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Email:</th> <td>&mvte:order:ship_email;</td></tr></table> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Phone:</th> <td>&mvte:order:ship_phone;</td></tr></table> <mvt:if expr="NOT ISNULL l.settings:order:ship_fax"> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Fax:</th> <td>&mvte:order:ship_fax;</td></tr></table> </mvt:if> <mvt:if expr="NOT ISNULL l.settings:order:ship_comp"> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Company:</th> <td>&mvte:order:ship_comp;</td></tr></table> </mvt:if> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Address:</th> <td>&mvte:order:ship_addr;<br /> &mvte:order:ship_city;, &mvte:order:ship_state; &mvte:order:ship_zip;<br /> &mvte:order:ship_cntry;</td></tr></table> </div> <div style="clear: both;"></div> </div> <mvt:item name="toe_order_contents" /> </div> </div> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<title>Email Template</title>
<style type="text/css" media="screen">
/* Linked Styles */
body { padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none }
a { color:#2a68ce; text-decoration:none }
p { padding:0 !important; margin:0 !important }
/* Mobile styles */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
div[class='mobile-br-5'] { height: 5px !important; }
div[class='mobile-br-10'] { height: 10px !important; }
div[class='mobile-br-15'] { height: 15px !important; }
div[class='mobile-br-20'] { height: 20px !important; }
div[class='mobile-br-25'] { height: 25px !important; }
div[class='mobile-br-30'] { height: 30px !important; }
th[class='m-td'],
td[class='m-td'],
div[class='hide-for-mobile'],
span[class='hide-for-mobile'] { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; }
span[class='mobile-block'] { display: block !important; }
div[class='wgmail'] img { min-width: 320px !important; width: 320px !important; }
div[class='img-m-center'] { text-align: center !important; }
div[class='fluid-img'] img,
td[class='fluid-img'] img { width: 100% !important; max-width: 480px !important; height: auto !important; }
table[class='mobile-shell'] { width: 100% !important; min-width: 100% !important; }
td[class='td'] { width: 100% !important; min-width: 100% !important; }
table[class='center'] { margin: 0 auto; }
td[class='column-top'],
th[class='column-top'],
td[class='column'],
th[class='column'] { float: left !important; width: 100% !important; display: block !important; }
td[class='content-spacing'] { width: 15px !important; }
div[class='text-header'],
div[class='text-footer-1'],
div[class='text-footer'] { text-align: center !important; }
}
</style>
</head>
<body class="body" style="padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tr>
<td align="center" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
<tr>
<td class="td" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; width:600px; min-width:600px; Margin:0" width="600">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td>
<!-- Header -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="130">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><!-- Uncomment to add a logo to this email <a href="&mvte:urls:SFNT:auto;" target="_blank"><img src="images/logo.png" border="0" width="130" height="35" alt="" /></a> --></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-15"></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-header" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:14px; line-height:21px; text-align:right">
<strong>&mvt:store:name;</strong>
<br />
<a href="&mvte:urls:ABUS:auto;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none">
&mvte:store:address;<br />
&mvte:store:city;, &mvte:store:state &mvte:store:zip;<br />
&mvte:store:country;
</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Header -->
<!-- Main -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<!-- Intro -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f2f3f4">
<tr>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h2-center" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:24px; line-height:28px; text-align:center">
<img src="&mvte:global:basehref;graphics/en-US/email/ico_check_green.png" border="0" width="30" height="30" alt="" style="vertical-align: middle;" /> <strong>Your Order Has Been Received.</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-center" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center"><strong>Your Order #</strong> <a href="&mvte:urls:ORDS:secure_sep;Order_ID=&mvta:order:id;&Order_BillEmail=&mvta:order:bill_email;&Order_BillZip=&mvta:order:bill_zip;" target="_blank" class="link" style="color:#2a68ce; text-decoration:none"><span class="link" style="color:#2a68ce; text-decoration:none">&mvte:order:id;</span></a></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-center" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center"><strong>Order Date:</strong> &mvt:order:date; &mvt:order:time;</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
</tr>
</table>
<!-- END Intro -->
<!-- Message -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
<strong>Hello Customer,</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
Thank you for your order! Below is a summary for your records. You will be notified once your order ships.
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Message -->
<!-- Table 2 -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
<strong>Order Details</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" valign="top" width="285">
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Ship To</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
&mvte:order:ship_fname; &mvte:order:ship_lname;<br />
&mvte:order:ship_addr;<br />
&mvte:order:ship_city;, &mvte:order:ship_state; &mvte:order:ship_zip;<br />
&mvte:order:ship_cntry;
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Payment Method</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<mvt:foreach iterator="payment" array="order:payments">
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">&mvte:payment:desc; (&mvt:payment:formatted_amount;)</div>
</mvt:foreach>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" valign="top" width="10">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-30"></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" valign="top">
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Bill To</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
&mvte:order:bill_fname; &mvte:order:bill_lname;<br />
&mvte:order:bill_addr;<br />
&mvte:order:bill_city;, &mvte:order:bill_state; &mvte:order:bill_zip;<br />
&mvte:order:bill_cntry;
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Shipping Method</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<mvt:assign name="l.settings:shipping_method_found" value="0" />
<mvt:foreach iterator="charge" array="order:charges">
<mvt:if expr="l.settings:charge:type EQ 'SHIPPING'">
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">&mvt:charge:descrip;</div>
<mvt:assign name="l.settings:shipping_method_found" value="1" />
</mvt:if>
</mvt:foreach>
<mvt:if expr="NOT l.settings:shipping_method_found">
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">Unknown</div>
</mvt:if>
</th>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Table 2 -->
<mvt:item name="toe_order_contents" />
</td>
</tr>
</table>
<!-- END Main -->
<!-- Button -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" bgcolor="#2a68ce">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="70"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td bgcolor="#2a68ce">
<div class="text-btn-1" style="color:#ffffff; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:20px; text-align:center">
<a href="&mvte:urls:ORDS:secure_sep;Order_ID=&mvta:order:id;&Order_BillEmail=&mvta:order:bill_email;&Order_BillZip=&mvta:order:bill_zip;" target="_blank" class="link-white" style="color:#ffffff; text-decoration:none"><strong class="link-white" style="color:#ffffff; text-decoration:none">Check Order Status</strong></a>
</div>
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="70"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Button -->
<!-- Footer -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer-1" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">We hope to see you again soon.</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="5" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
<a href="&mvte:urls:SFNT:auto;" target="_blank" class="link-2" style="color:#303748; text-decoration:none"><strong class="link-2" style="color:#303748; text-decoration:none">&mvt:store:name;</strong></a>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- Contacts -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">Do you have questions?</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="30">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="mailto:&mvte:Store:email;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_envelope.png" border="0" width="20" height="13" alt="" style="vertical-align: middle;" /> Email Us</span></a>
</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="tel:+&mvte:store:phone;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_earphone.png" border="0" width="13" height="13" alt="" style="vertical-align: middle;" /> Call &mvte:store:phone;</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Contacts -->
<!-- Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- Uncomment to add facebook to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_facebook.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add twitter to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_twitter.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add pinterest to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_pinterest.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add instagram to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_instagram.png" border="0" width="38" height="38" alt="" /></a></td> -->
</tr>
</table>
</td>
</tr>
</table>
<!-- END Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Footer -->
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
</tr>
</table>
<div class="wgmail" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/gmail_fix.gif" width="600" height="1" style="min-width:600px" alt="" border="0" /></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
<html> <body> <div style="font: 12px/1.46 Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #676767; background: #ffffff;"> <div style="text-align: left; width: 690px; padding: 20px; page-break-after: always;"> <div style="width: 300px; float: left;"> <!-- Uncomment to add a logo to this email <img src="images/logo.jpg" height="34px" width="60px" /> --> <h3 style="font-size: 1.1em; font-weight: bold; margin: 0;">&mvte:store:name;</h3> &mvte:store:address;<br /> &mvte:store:city;, &mvte:store:state &mvte:store:zip;<br /> &mvte:store:country;<br /> </div> <div style="width: 300px; float: right; text-align: right;"> <h2 style="font-size: 16px; color: #5b639c; margin: 0;">Merchant Order Confirmation</h2> Order #&mvt:order:id;<br /> Placed: &mvt:order:date; &mvt:order:time;<br /> Status: &mvt:order:formatted_status;<br /> </div> <div style="clear: both;"></div> <hr style="color: #c7c8d7; background-color: #c7c8d7; height: 1px; border: 0px;" /> <div style="background-color: #f7f7f7; width: 650px; margin: 20px 0 20px 0; padding: 20px;"> <div style="width: 300px; float: left;"> <h2 style="font-size: 16px; color: #5b639c; margin: 0;">Bill To</h2> <hr style="color: #c7c8d7; background-color: #c7c8d7; height: 1px; border: 0px;" /> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Name:</th> <td>&mvte:order:bill_fname; &mvte:order:bill_lname;</td></tr></table> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Email:</th> <td>&mvte:order:bill_email;</td></tr></table> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Phone:</th> <td>&mvte:order:bill_phone;</td></tr></table> <mvt:if expr="NOT ISNULL l.settings:order:bill_fax"> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Fax:</th> <td>&mvte:order:bill_fax;</td></tr></table> </mvt:if> <mvt:if expr="NOT ISNULL l.settings:order:bill_comp"> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Company:</th> <td>&mvte:order:bill_comp;</td></tr></table> </mvt:if> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Address:</th> <td>&mvte:order:bill_addr;<br /> &mvte:order:bill_city;, &mvte:order:bill_state; &mvte:order:bill_zip;<br /> &mvte:order:bill_cntry;</td></tr></table> </div> <div style="width: 300px; float: right;"> <h2 style="font-size: 16px; color: #5b639c; margin: 0;">Ship To</h2> <hr style="color: #c7c8d7; background-color: #c7c8d7; height: 1px; border: 0px;" /> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Name:</th> <td>&mvte:order:ship_fname; &mvte:order:ship_lname;</td></tr></table> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Email:</th> <td>&mvte:order:ship_email;</td></tr></table> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Phone:</th> <td>&mvte:order:ship_phone;</td></tr></table> <mvt:if expr="NOT ISNULL l.settings:order:ship_fax"> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Fax:</th> <td>&mvte:order:ship_fax;</td></tr></table> </mvt:if> <mvt:if expr="NOT ISNULL l.settings:order:ship_comp"> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Company:</th> <td>&mvte:order:ship_comp;</td></tr></table> </mvt:if> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Address:</th> <td>&mvte:order:ship_addr;<br /> &mvte:order:ship_city;, &mvte:order:ship_state; &mvte:order:ship_zip;<br /> &mvte:order:ship_cntry;</td></tr></table> </div> <div style="clear: both;"></div> </div> <mvt:item name="toe_order_contents" /> </div> </div> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<title>Email Template</title>
<style type="text/css" media="screen">
/* Linked Styles */
body { padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none }
a { color:#2a68ce; text-decoration:none }
p { padding:0 !important; margin:0 !important }
/* Mobile styles */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
div[class='mobile-br-5'] { height: 5px !important; }
div[class='mobile-br-10'] { height: 10px !important; }
div[class='mobile-br-15'] { height: 15px !important; }
div[class='mobile-br-20'] { height: 20px !important; }
div[class='mobile-br-25'] { height: 25px !important; }
div[class='mobile-br-30'] { height: 30px !important; }
th[class='m-td'],
td[class='m-td'],
div[class='hide-for-mobile'],
span[class='hide-for-mobile'] { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; }
span[class='mobile-block'] { display: block !important; }
div[class='wgmail'] img { min-width: 320px !important; width: 320px !important; }
div[class='img-m-center'] { text-align: center !important; }
div[class='fluid-img'] img,
td[class='fluid-img'] img { width: 100% !important; max-width: 480px !important; height: auto !important; }
table[class='mobile-shell'] { width: 100% !important; min-width: 100% !important; }
td[class='td'] { width: 100% !important; min-width: 100% !important; }
table[class='center'] { margin: 0 auto; }
td[class='column-top'],
th[class='column-top'],
td[class='column'],
th[class='column'] { float: left !important; width: 100% !important; display: block !important; }
td[class='content-spacing'] { width: 15px !important; }
div[class='text-header'],
div[class='text-footer-1'],
div[class='text-footer'] { text-align: center !important; }
}
</style>
</head>
<body class="body" style="padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tr>
<td align="center" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
<tr>
<td class="td" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; width:600px; min-width:600px; Margin:0" width="600">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td>
<!-- Header -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="130">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><!-- Uncomment to add a logo to this email <a href="&mvte:urls:SFNT:auto;" target="_blank"><img src="images/logo.png" border="0" width="130" height="35" alt="" /></a> --></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-15"></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-header" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:14px; line-height:21px; text-align:right">
<strong>&mvt:store:name;</strong>
<br />
<a href="&mvte:urls:ABUS:auto;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none">
&mvte:store:address;<br />
&mvte:store:city;, &mvte:store:state &mvte:store:zip;<br />
&mvte:store:country;
</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Header -->
<!-- Main -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<!-- Intro -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f2f3f4">
<tr>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h2-center" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:24px; line-height:28px; text-align:center">
<img src="&mvte:global:basehref;graphics/en-US/email/ico_check_green.png" border="0" width="30" height="30" alt="" style="vertical-align: middle;" /> <strong>Customer Order Received.</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-center" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center"><strong>Order #</strong> &mvte:order:id;</span></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-center" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center"><strong>Order Date:</strong> &mvt:order:date; &mvt:order:time;</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
</tr>
</table>
<!-- END Intro -->
<!-- Message -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
<strong>Hello,</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
The following order has been placed for your store.
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Message -->
<!-- Table 2 -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
<strong>Order Details</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" valign="top" width="285">
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Ship To</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
&mvte:order:ship_fname; &mvte:order:ship_lname;<br />
&mvte:order:ship_addr;<br />
&mvte:order:ship_city;, &mvte:order:ship_state; &mvte:order:ship_zip;<br />
&mvte:order:ship_cntry;
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Payment Method</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<mvt:foreach iterator="payment" array="order:payments">
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">&mvte:payment:desc; (&mvt:payment:formatted_amount;)</div>
</mvt:foreach>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" valign="top" width="10">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-30"></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" valign="top">
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Bill To</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
&mvte:order:bill_fname; &mvte:order:bill_lname;<br />
&mvte:order:bill_addr;<br />
&mvte:order:bill_city;, &mvte:order:bill_state; &mvte:order:bill_zip;<br />
&mvte:order:bill_cntry;
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Shipping Method</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<mvt:assign name="l.settings:shipping_method_found" value="0" />
<mvt:foreach iterator="charge" array="order:charges">
<mvt:if expr="l.settings:charge:type EQ 'SHIPPING'">
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">&mvt:charge:descrip;</div>
<mvt:assign name="l.settings:shipping_method_found" value="1" />
</mvt:if>
</mvt:foreach>
<mvt:if expr="NOT l.settings:shipping_method_found">
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">Unknown</div>
</mvt:if>
</th>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Table 2 -->
<mvt:item name="toe_order_contents" />
</td>
</tr>
</table>
<!-- END Main -->
<!-- Footer -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer-1" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">We hope to see you again soon.</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="5" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
<a href="&mvte:urls:SFNT:auto;" target="_blank" class="link-2" style="color:#303748; text-decoration:none"><strong class="link-2" style="color:#303748; text-decoration:none">&mvt:store:name;</strong></a>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- Contacts -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">Do you have questions?</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="30">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="mailto:&mvte:Store:email;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_envelope.png" border="0" width="20" height="13" alt="" style="vertical-align: middle;" /> Email Us</span></a>
</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="tel:+&mvte:store:phone;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_earphone.png" border="0" width="13" height="13" alt="" style="vertical-align: middle;" /> Call &mvte:store:phone;</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Contacts -->
<!-- Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- Uncomment to add facebook to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_facebook.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add twitter to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_twitter.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add pinterest to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_pinterest.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add instagram to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_instagram.png" border="0" width="38" height="38" alt="" /></a></td> -->
</tr>
</table>
</td>
</tr>
</table>
<!-- END Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Footer -->
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
</tr>
</table>
<div class="wgmail" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/gmail_fix.gif" width="600" height="1" style="min-width:600px" alt="" border="0" /></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
New template
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<title>Email Template</title>
<style type="text/css" media="screen">
/* Linked Styles */
body { padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none }
a { color:#2a68ce; text-decoration:none }
p { padding:0 !important; margin:0 !important }
/* Mobile styles */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
div[class='mobile-br-5'] { height: 5px !important; }
div[class='mobile-br-10'] { height: 10px !important; }
div[class='mobile-br-15'] { height: 15px !important; }
div[class='mobile-br-20'] { height: 20px !important; }
div[class='mobile-br-25'] { height: 25px !important; }
div[class='mobile-br-30'] { height: 30px !important; }
th[class='m-td'],
td[class='m-td'],
div[class='hide-for-mobile'],
span[class='hide-for-mobile'] { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; }
span[class='mobile-block'] { display: block !important; }
div[class='wgmail'] img { min-width: 320px !important; width: 320px !important; }
div[class='img-m-center'] { text-align: center !important; }
div[class='fluid-img'] img,
td[class='fluid-img'] img { width: 100% !important; max-width: 480px !important; height: auto !important; }
table[class='mobile-shell'] { width: 100% !important; min-width: 100% !important; }
td[class='td'] { width: 100% !important; min-width: 100% !important; }
table[class='center'] { margin: 0 auto; }
td[class='column-top'],
th[class='column-top'],
td[class='column'],
th[class='column'] { float: left !important; width: 100% !important; display: block !important; }
td[class='content-spacing'] { width: 15px !important; }
div[class='text-header'],
div[class='text-footer-1'],
div[class='text-footer'] { text-align: center !important; }
}
</style>
</head>
<body class="body" style="padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tr>
<td align="center" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
<tr>
<td class="td" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; width:600px; min-width:600px; Margin:0" width="600">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td>
<!-- Header -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="130">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><!-- Uncomment to add a logo to this email <a href="&mvte:urls:SFNT:auto;" target="_blank"><img src="images/logo.png" border="0" width="130" height="35" alt="" /></a> --></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-15"></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-header" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:14px; line-height:21px; text-align:right">
<strong>&mvt:store:name;</strong>
<br />
<a href="&mvte:urls:ABUS:auto;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none">
&mvte:store:address;<br />
&mvte:store:city;, &mvte:store:state &mvte:store:zip;<br />
&mvte:store:country;
</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Header -->
<!-- Main -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<!-- Intro -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f2f3f4">
<tr>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/ico_exclamation.png" border="0" width="38" height="38" alt="" /></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h2-center" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:24px; line-height:28px; text-align:center">
<mvt:if expr="( ( s.dyn_tm_mon GT l.settings:paymentcard:exp_month ) AND ( s.dyn_tm_year EQ l.settings:paymentcard:exp_year ) ) OR ( s.dyn_tm_year GT l.settings:paymentcard:exp_year )">
<strong>Your Payment Card Has Expired.</strong>
<mvt:else>
<strong>Your Payment Card Is Expiring Soon.</strong>
</mvt:if>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
</tr>
</table>
<!-- END Intro -->
<!-- Message -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
<strong>Hello <mvt:if expr="l.settings:paymentcard:customer:primaddr EQ 'shipping'">&mvte:paymentcard:customer:ship_fname;<mvt:else>&mvte:paymentcard:customer:bill_fname;</mvt:if>,</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
<mvt:if expr="( ( s.dyn_tm_mon GT l.settings:paymentcard:exp_month ) AND ( s.dyn_tm_year EQ l.settings:paymentcard:exp_year ) ) OR ( s.dyn_tm_year GT l.settings:paymentcard:exp_year )">
Your &mvte:paymentcard:type; card ending in &mvte:paymentcard:lastfour; has <strong>expired</strong>. To update your card, use the link below.
<mvt:else>
<mvt:assign name="l.settings:days_to_expiration" value="floor( abs( mktime_t( l.settings:paymentcard:exp_year, l.settings:paymentcard:exp_month + 1, 1, 0, 0, 0, g.Merchant_Local_Timezone ) - s.dyn_time_t ) / ( 60 * 60 * 24 ) )" />
Your &mvte:paymentcard:type; card ending in &mvte:paymentcard:lastfour; is expiring soon and will stop working in <strong>&mvte:days_to_expiration; days</strong>. To update your card, use the link below.
</mvt:if>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Message -->
<!-- Button -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" bgcolor="#2a68ce">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="40"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td bgcolor="#2a68ce">
<div class="text-btn" style="color:#ffffff; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:center">
<a href="&mvte:urls:CPCE:auto_sep;PaymentMethod=paymentcard:&mvta:paymentcard:id;" target="_blank" class="link-white" style="color:#ffffff; text-decoration:none"><span class="link-white" style="color:#ffffff; text-decoration:none">Manage Your Card</span></a>
</div>
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="40"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Button -->
</td>
</tr>
</table>
<!-- END Main -->
<!-- Footer -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer-1" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">We hope to see you again soon.</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="5" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
<a href="&mvte:urls:SFNT:auto;" target="_blank" class="link-2" style="color:#303748; text-decoration:none"><strong class="link-2" style="color:#303748; text-decoration:none">&mvt:store:name;</strong></a>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- Contacts -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">Do you have questions?</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="30">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="mailto:&mvte:Store:email;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_envelope.png" border="0" width="20" height="13" alt="" style="vertical-align: middle;" /> Email Us</span></a>
</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="tel:+&mvte:store:phone;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_earphone.png" border="0" width="13" height="13" alt="" style="vertical-align: middle;" /> Call &mvte:store:phone;</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Contacts -->
<!-- Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- Uncomment to add facebook to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_facebook.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add twitter to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_twitter.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add pinterest to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_pinterest.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add instagram to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_instagram.png" border="0" width="38" height="38" alt="" /></a></td> -->
</tr>
</table>
</td>
</tr>
</table>
<!-- END Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Footer -->
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
</tr>
</table>
<div class="wgmail" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/gmail_fix.gif" width="600" height="1" style="min-width:600px" alt="" border="0" /></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
<html> <body> <div style="font: 12px/1.46 Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #676767; background: #ffffff;"> <div style="text-align: left; width: 690px; padding: 20px; page-break-after: always;"> <div style="width: 300px; float: left;"> <!-- Uncomment to add a logo to this email <img src="images/logo.jpg" height="34px" width="60px" /> --> <h3 style="font-size: 1.1em; font-weight: bold; margin: 0;">&mvte:store:name;</h3> &mvte:store:address;<br /> &mvte:store:city;, &mvte:store:state &mvte:store:zip;<br /> &mvte:store:country;<br /> </div> <div style="width: 300px; float: right; text-align: right;"> <h2 style="font-size: 16px; color: #5b639c; margin: 0;">Return Received</h2> Order #&mvt:order:id;<br /> Placed: &mvt:order:date; &mvt:order:time;<br /> Status: &mvt:order:formatted_status;<br /> </div> <div style="clear: both;"></div> <hr style="color: #c7c8d7; background-color: #c7c8d7; height: 1px; border: 0px;" /> <p style="font-weight: bold;"> The items listed below have been received and accepted. We will process your refund/exchange promptly. Feel free to <a href="mailto:&mvte:Store:email;">contact us via email</a> or at &mvte:store:phone; with any questions or concerns. </p> <div style="background-color: #f7f7f7; width: 650px; margin: 20px 0 20px 0; padding: 20px;"> <h2 style="font-size: 16px; color: #5b639c; margin: 0;">RMA #&mvt:return:code;</h2> <hr style="color: #c7c8d7; background-color: #c7c8d7; height: 1px; border: 0px;" /> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Issued:</th> <td>&mvt:return:formatted_date_issued;</td></tr></table> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Received:</th> <td>&mvt:return:formatted_date_received;</td></tr></table> </div> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767; border: 1px solid #c7c8d7; width: 690px;"> <tr> <th style="font-size: 16px; color: #5b639c; padding: 5px 20px 5px 20px; vertical-align: top; width: 60px; text-align: left;">Code</th> <th style="font-size: 16px; color: #5b639c; padding: 5px 20px 5px 20px; vertical-align: top; text-align: left;">Product</th> <th style="font-size: 16px; color: #5b639c; padding: 5px 20px 5px 20px; vertical-align: top; width: 60px; text-align: right;">Quantity</th> </tr> <mvt:foreach iterator="group" array="return:groups"> <tr style="background-color: #f7f7f7; font-weight: bold;"> <td style="padding: 5px 20px 5px 20px; vertical-align: top; width: 60px; text-align: left;">&mvt:group:code;</td> <td style="padding: 5px 20px 5px 20px; vertical-align: top; text-align: left;">&mvt:group:name;</td> <td style="padding: 5px 20px 5px 20px; vertical-align: top; width: 60px; text-align: right;">&mvt:group:quantity;</td> </tr> <mvt:foreach iterator="option" array="group:options"> <tr> <td></td> <td style="padding: 5px 20px 5px 20px; vertical-align: top; text-align: left;"> <mvt:if expr="l.settings:option:option_id"> &mvt:option:attr_code;: &mvt:option:opt_code; <mvt:elseif expr="NOT ISNULL l.settings:option:data"> &mvt:option:attr_code;: &mvt:option:data; <mvt:elseif expr="NOT ISNULL l.settings:option:data_long"> &mvt:option:attr_code;: &mvt:option:data_long; <mvt:else> &mvt:option:attr_code; </mvt:if> </td> <td></td> </tr> </mvt:foreach> </mvt:foreach> </table> </div> </div> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<title>Email Template</title>
<style type="text/css" media="screen">
/* Linked Styles */
body { padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none }
a { color:#2a68ce; text-decoration:none }
p { padding:0 !important; margin:0 !important }
/* Mobile styles */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
div[class='mobile-br-5'] { height: 5px !important; }
div[class='mobile-br-10'] { height: 10px !important; }
div[class='mobile-br-15'] { height: 15px !important; }
div[class='mobile-br-20'] { height: 20px !important; }
div[class='mobile-br-25'] { height: 25px !important; }
div[class='mobile-br-30'] { height: 30px !important; }
th[class='m-td'],
td[class='m-td'],
div[class='hide-for-mobile'],
span[class='hide-for-mobile'] { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; }
span[class='mobile-block'] { display: block !important; }
div[class='wgmail'] img { min-width: 320px !important; width: 320px !important; }
div[class='img-m-center'] { text-align: center !important; }
div[class='fluid-img'] img,
td[class='fluid-img'] img { width: 100% !important; max-width: 480px !important; height: auto !important; }
table[class='mobile-shell'] { width: 100% !important; min-width: 100% !important; }
td[class='td'] { width: 100% !important; min-width: 100% !important; }
table[class='center'] { margin: 0 auto; }
td[class='column-top'],
th[class='column-top'],
td[class='column'],
th[class='column'] { float: left !important; width: 100% !important; display: block !important; }
td[class='content-spacing'] { width: 15px !important; }
div[class='text-header'],
div[class='text-footer-1'],
div[class='text-footer'] { text-align: center !important; }
}
</style>
</head>
<body class="body" style="padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tr>
<td align="center" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
<tr>
<td class="td" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; width:600px; min-width:600px; Margin:0" width="600">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td>
<!-- Header -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="130">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><!-- Uncomment to add a logo to this email <a href="&mvte:urls:SFNT:auto;" target="_blank"><img src="images/logo.png" border="0" width="130" height="35" alt="" /></a> --></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-15"></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-header" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:14px; line-height:21px; text-align:right">
<strong>&mvt:store:name;</strong>
<br />
<a href="&mvte:urls:ABUS:auto;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none">
&mvte:store:address;<br />
&mvte:store:city;, &mvte:store:state &mvte:store:zip;<br />
&mvte:store:country;
</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Header -->
<!-- Main -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<!-- Intro -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f2f3f4">
<tr>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h2-center" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:24px; line-height:28px; text-align:center">
<img src="&mvte:global:basehref;graphics/en-US/email/ico_check_green.png" border="0" width="30" height="30" alt="" style="vertical-align: middle;" /> <strong>Your Return Has Been Received.</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-center" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center"><strong>RMA # &mvt:return:code;</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-center" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center"><strong>Your Order #</strong> <a href="&mvte:urls:ORDS:secure_sep;Order_ID=&mvta:order:id;&Order_BillEmail=&mvta:order:bill_email;&Order_BillZip=&mvta:order:bill_zip;" target="_blank" class="link" style="color:#2a68ce; text-decoration:none"><span class="link" style="color:#2a68ce; text-decoration:none">&mvte:order:id;</span></a></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-center" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center"><strong>Received Date:</strong> &mvt:return:formatted_date_received;</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
</tr>
</table>
<!-- END Intro -->
<!-- Message -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
<strong>Hello &mvte:order:ship_fname;,</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
The items listed below have been received and accepted. We will process your refund/exchange promptly.
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Message -->
<!-- Table -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
<strong>Order Details</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" style="border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;" width="520">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Item</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td valign="top" style="border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;" class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td valign="top" style="border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Qty</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
<mvt:foreach iterator="group" array="return:groups">
<tr>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="63">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="img" style="font-size:0pt; line-height:0pt; text-align:left">
<mvt:if expr="ISNULL l.settings:group:imagetypes:Main">
<mvt:else>
<img src="&mvte:global:basehref;&mvte:group:imagetypes:Main;" border="0" alt="&mvte:group:name;" />
</mvt:if>
</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="10">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-10"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">&mvt:group:name;</div>
<div class="text-3" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:14px; line-height:22px; text-align:left">&mvt:group:code;</div>
<mvt:foreach iterator="option" array="group:options">
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
<mvt:if expr="l.settings:option:option_id">
&mvt:option:attr_code;: &mvt:option:opt_code;
<mvt:elseif expr="NOT ISNULL l.settings:option:data">
&mvt:option:attr_code;: &mvt:option:data;
<mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
&mvt:option:attr_code;: &mvt:option:data_long;
<mvt:else>
&mvt:option:attr_code;
</mvt:if>
</div>
</mvt:foreach>
</td>
</tr>
</table>
</th>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td valign="top" class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">&mvte:group:quantity;</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</mvt:foreach>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Table -->
</td>
</tr>
</table>
<!-- END Main -->
<!-- Footer -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer-1" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">We hope to see you again soon.</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="5" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
<a href="&mvte:urls:SFNT:auto;" target="_blank" class="link-2" style="color:#303748; text-decoration:none"><strong class="link-2" style="color:#303748; text-decoration:none">&mvt:store:name;</strong></a>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- Contacts -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">Do you have questions?</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="30">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="mailto:&mvte:Store:email;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_envelope.png" border="0" width="20" height="13" alt="" style="vertical-align: middle;" /> Email Us</span></a>
</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="tel:+&mvte:store:phone;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_earphone.png" border="0" width="13" height="13" alt="" style="vertical-align: middle;" /> Call &mvte:store:phone;</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Contacts -->
<!-- Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- Uncomment to add facebook to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_facebook.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add twitter to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_twitter.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add pinterest to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_pinterest.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add instagram to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_instagram.png" border="0" width="38" height="38" alt="" /></a></td> -->
</tr>
</table>
</td>
</tr>
</table>
<!-- END Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Footer -->
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
</tr>
</table>
<div class="wgmail" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/gmail_fix.gif" width="600" height="1" style="min-width:600px" alt="" border="0" /></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
<html> <body> <div style="font: 12px/1.46 Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #676767; background: #ffffff;"> <div style="text-align: left; width: 690px; padding: 20px; page-break-after: always;"> <div style="width: 300px; float: left;"> <!-- Uncomment to add a logo to this email <img src="images/logo.jpg" height="34px" width="60px" /> --> <h3 style="font-size: 1.1em; font-weight: bold; margin: 0;">&mvte:store:name;</h3> &mvte:store:address;<br /> &mvte:store:city;, &mvte:store:state &mvte:store:zip;<br /> &mvte:store:country;<br /> </div> <div style="width: 300px; float: right; text-align: right;"> <h2 style="font-size: 16px; color: #5b639c; margin: 0;">Return Authorization</h2> Order #&mvt:order:id;<br /> Placed: &mvt:order:date; &mvt:order:time;<br /> Status: &mvt:order:formatted_status;<br /> </div> <div style="clear: both;"></div> <hr style="color: #c7c8d7; background-color: #c7c8d7; height: 1px; border: 0px;" /> <p style="font-weight: bold;"> Your return is being processed. Please ship the items listed below to the address above, making sure to include a copy of this email or the RMA number, as well as all original packaging and components. Please <a href="mailto:&mvte:Store:email;">contact us via email</a> or at &mvte:store:phone; for assistance with your return. </p> <div style="background-color: #f7f7f7; width: 650px; margin: 20px 0 20px 0; padding: 20px;"> <h2 style="font-size: 16px; color: #5b639c; margin: 0;">RMA #&mvt:return:code;</h2> <hr style="color: #c7c8d7; background-color: #c7c8d7; height: 1px; border: 0px;" /> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Issued:</th> <td>&mvt:return:formatted_date_issued;</td></tr></table> </div> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767; border: 1px solid #c7c8d7; width: 690px;"> <tr> <th style="font-size: 16px; color: #5b639c; padding: 5px 20px 5px 20px; vertical-align: top; width: 60px; text-align: left;">Code</th> <th style="font-size: 16px; color: #5b639c; padding: 5px 20px 5px 20px; vertical-align: top; text-align: left;">Product</th> <th style="font-size: 16px; color: #5b639c; padding: 5px 20px 5px 20px; vertical-align: top; width: 60px; text-align: right;">Quantity</th> </tr> <mvt:foreach iterator="group" array="return:groups"> <tr style="background-color: #f7f7f7; font-weight: bold;"> <td style="padding: 5px 20px 5px 20px; vertical-align: top; width: 60px; text-align: left;">&mvt:group:code;</td> <td style="padding: 5px 20px 5px 20px; vertical-align: top; text-align: left;">&mvt:group:name;</td> <td style="padding: 5px 20px 5px 20px; vertical-align: top; width: 60px; text-align: right;">&mvt:group:quantity;</td> </tr> <mvt:foreach iterator="option" array="group:options"> <tr> <td></td> <td style="padding: 5px 20px 5px 20px; vertical-align: top; text-align: left;"> <mvt:if expr="l.settings:option:option_id"> &mvt:option:attr_code;: &mvt:option:opt_code; <mvt:elseif expr="NOT ISNULL l.settings:option:data"> &mvt:option:attr_code;: &mvt:option:data; <mvt:elseif expr="NOT ISNULL l.settings:option:data_long"> &mvt:option:attr_code;: &mvt:option:data_long; <mvt:else> &mvt:option:attr_code; </mvt:if> </td> <td></td> </tr> </mvt:foreach> </mvt:foreach> </table> </div> </div> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<title>Email Template</title>
<style type="text/css" media="screen">
/* Linked Styles */
body { padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none }
a { color:#2a68ce; text-decoration:none }
p { padding:0 !important; margin:0 !important }
/* Mobile styles */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
div[class='mobile-br-5'] { height: 5px !important; }
div[class='mobile-br-10'] { height: 10px !important; }
div[class='mobile-br-15'] { height: 15px !important; }
div[class='mobile-br-20'] { height: 20px !important; }
div[class='mobile-br-25'] { height: 25px !important; }
div[class='mobile-br-30'] { height: 30px !important; }
th[class='m-td'],
td[class='m-td'],
div[class='hide-for-mobile'],
span[class='hide-for-mobile'] { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; }
span[class='mobile-block'] { display: block !important; }
div[class='wgmail'] img { min-width: 320px !important; width: 320px !important; }
div[class='img-m-center'] { text-align: center !important; }
div[class='fluid-img'] img,
td[class='fluid-img'] img { width: 100% !important; max-width: 480px !important; height: auto !important; }
table[class='mobile-shell'] { width: 100% !important; min-width: 100% !important; }
td[class='td'] { width: 100% !important; min-width: 100% !important; }
table[class='center'] { margin: 0 auto; }
td[class='column-top'],
th[class='column-top'],
td[class='column'],
th[class='column'] { float: left !important; width: 100% !important; display: block !important; }
td[class='content-spacing'] { width: 15px !important; }
div[class='text-header'],
div[class='text-footer-1'],
div[class='text-footer'] { text-align: center !important; }
}
</style>
</head>
<body class="body" style="padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tr>
<td align="center" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
<tr>
<td class="td" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; width:600px; min-width:600px; Margin:0" width="600">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td>
<!-- Header -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="130">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><!-- Uncomment to add a logo to this email <a href="&mvte:urls:SFNT:auto;" target="_blank"><img src="images/logo.png" border="0" width="130" height="35" alt="" /></a> --></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-15"></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-header" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:14px; line-height:21px; text-align:right">
<strong>&mvt:store:name;</strong>
<br />
<a href="&mvte:urls:ABUS:auto;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none">
&mvte:store:address;<br />
&mvte:store:city;, &mvte:store:state &mvte:store:zip;<br />
&mvte:store:country;
</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Header -->
<!-- Main -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<!-- Intro -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f2f3f4">
<tr>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h2-center" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:24px; line-height:28px; text-align:center">
<img src="&mvte:global:basehref;graphics/en-US/email/ico_check_green.png" border="0" width="30" height="30" alt="" style="vertical-align: middle;" /> <strong>Your Return Is Being Processed.</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-center" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center"><strong>RMA # &mvt:return:code;</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-center" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center"><strong>Your Order #</strong> <a href="&mvte:urls:ORDS:secure_sep;Order_ID=&mvta:order:id;&Order_BillEmail=&mvta:order:bill_email;&Order_BillZip=&mvta:order:bill_zip;" target="_blank" class="link" style="color:#2a68ce; text-decoration:none"><span class="link" style="color:#2a68ce; text-decoration:none">&mvte:order:id;</span></a></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-center" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center"><strong>Issued &mvt:return:formatted_date_issued;</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
</tr>
</table>
<!-- END Intro -->
<!-- Message -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
<strong>Hello &mvte:order:ship_fname;,</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
Your return is being processed. Please ship the items listed below to the address above, making sure to include a copy of this email or the RMA number, as well as all original packaging and components.
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Message -->
<!-- Table -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
<strong>Order Details</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" style="border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;" width="520">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Item</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td valign="top" style="border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;" class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td valign="top" style="border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Qty</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
<mvt:foreach iterator="group" array="return:groups">
<tr>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="63">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="img" style="font-size:0pt; line-height:0pt; text-align:left">
<mvt:if expr="ISNULL l.settings:group:imagetypes:Main">
<mvt:else>
<img src="&mvte:global:basehref;&mvte:group:imagetypes:Main;" border="0" alt="&mvte:group:name;" />
</mvt:if>
</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="10">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-10"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">&mvt:group:name;</div>
<div class="text-3" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:14px; line-height:22px; text-align:left">&mvt:group:code;</div>
<mvt:foreach iterator="option" array="group:options">
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
<mvt:if expr="l.settings:option:option_id">
&mvt:option:attr_code;: &mvt:option:opt_code;
<mvt:elseif expr="NOT ISNULL l.settings:option:data">
&mvt:option:attr_code;: &mvt:option:data;
<mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
&mvt:option:attr_code;: &mvt:option:data_long;
<mvt:else>
&mvt:option:attr_code;
</mvt:if>
</div>
</mvt:foreach>
</td>
</tr>
</table>
</th>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td valign="top" class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">&mvte:group:quantity;</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</mvt:foreach>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Table -->
</td>
</tr>
</table>
<!-- END Main -->
<!-- Footer -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer-1" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">We hope to see you again soon.</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="5" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
<a href="&mvte:urls:SFNT:auto;" target="_blank" class="link-2" style="color:#303748; text-decoration:none"><strong class="link-2" style="color:#303748; text-decoration:none">&mvt:store:name;</strong></a>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- Contacts -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">Do you have questions?</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="30">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="mailto:&mvte:Store:email;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_envelope.png" border="0" width="20" height="13" alt="" style="vertical-align: middle;" /> Email Us</span></a>
</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="tel:+&mvte:store:phone;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_earphone.png" border="0" width="13" height="13" alt="" style="vertical-align: middle;" /> Call &mvte:store:phone;</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Contacts -->
<!-- Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- Uncomment to add facebook to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_facebook.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add twitter to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_twitter.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add pinterest to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_pinterest.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add instagram to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_instagram.png" border="0" width="38" height="38" alt="" /></a></td> -->
</tr>
</table>
</td>
</tr>
</table>
<!-- END Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Footer -->
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
</tr>
</table>
<div class="wgmail" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/gmail_fix.gif" width="600" height="1" style="min-width:600px" alt="" border="0" /></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
<html> <body> <div style="font: 12px/1.46 Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #676767; background: #ffffff;"> <div style="text-align: left; width: 690px; padding: 20px; page-break-after: always;"> <div style="width: 300px; float: left;"> <!-- Uncomment to add a logo to this email <img src="images/logo.jpg" height="34px" width="60px" /> --> <h3 style="font-size: 1.1em; font-weight: bold; margin: 0;">&mvte:store:name;</h3> &mvte:store:address;<br /> &mvte:store:city;, &mvte:store:state &mvte:store:zip;<br /> &mvte:store:country;<br /> </div> <div style="width: 300px; float: right; text-align: right;"> <h2 style="font-size: 16px; color: #5b639c; margin: 0;">Shipment Confirmation</h2> Order #&mvt:order:id;<br /> Placed: &mvt:order:date; &mvt:order:time;<br /> Status: &mvt:order:formatted_status;<br /> </div> <div style="clear: both;"></div> <hr style="color: #c7c8d7; background-color: #c7c8d7; height: 1px; border: 0px;" /> <p style="font-weight: bold;"> Thank you for your order. The items below have shipped. To check the status of any items not listed below, please <mvt:if expr="ISNULL g.Domain:mm_surl"> <a href="&mvte:global:Domain:mm_url;Store_Code=&mvta:global:Store:code;&Screen=ORHL">click here</a>. <mvt:else> <a href="&mvte:global:Domain:mm_surl;Store_Code=&mvta:global:Store:code;&Screen=ORHL">click here</a>. </mvt:if> Feel free to <a href="mailto:&mvte:Store:email;">contact us via email</a> or at &mvte:store:phone; for assistance with this order. </p> <mvt:foreach iterator="shipment_info" array="shipment:shipments"> <div style="background-color: #f7f7f7; width: 650px; margin: 20px 0 20px 0; padding: 20px;"> <div style="width: 300px; float: left;"> <h2 style="font-size: 16px; color: #5b639c; margin: 0;">Shipment: &mvt:shipment_info:code;</h2> <hr style="color: #c7c8d7; background-color: #c7c8d7; height: 1px; border: 0px;" /> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Method:</th> <td>&mvt:shipment_info:method;</td></tr></table> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Date Shipped:</th> <td>&mvt:shipment_info:formatted_ship_date;</td></tr></table> <mvt:if expr="NOT ISNULL l.settings:shipment_info:tracknum"> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"> <tr> <th style="padding-right: 5px; vertical-align: top; white-space: nowrap;">Tracking #:</th> <td> <mvt:if expr="ISNULL l.settings:shipment_info:tracklink"> &mvt:shipment_info:tracknum; <mvt:else> <a target="_blank" href="&mvte:shipment_info:tracklink;">&mvt:shipment_info:tracknum;</a> </mvt:if> </td> </tr> </table> </mvt:if> </div> <div style="width: 300px; float: right;"> <h2 style="font-size: 16px; color: #5b639c; margin: 0;">Shipped To</h2> <hr style="color: #c7c8d7; background-color: #c7c8d7; height: 1px; border: 0px;" /> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Name:</th> <td>&mvte:order:ship_fname; &mvte:order:ship_lname;</td></tr></table> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Email:</th> <td>&mvte:order:ship_email;</td></tr></table> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Phone:</th> <td>&mvte:order:ship_phone;</td></tr></table> <mvt:if expr="NOT ISNULL l.settings:order:ship_fax"> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Fax:</th> <td>&mvte:order:ship_fax;</td></tr></table> </mvt:if> <mvt:if expr="NOT ISNULL l.settings:order:ship_comp"> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Company:</th> <td>&mvte:order:ship_comp;</td></tr></table> </mvt:if> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767;"><tr><th style="padding-right: 5px; vertical-align: top;">Address:</th> <td>&mvte:order:ship_addr;<br /> &mvte:order:ship_city;, &mvte:order:ship_state; &mvte:order:ship_zip;<br /> &mvte:order:ship_cntry;</td></tr></table> </div> <div style="clear: both;"></div> </div> <table style="border-collapse: collapse; border-spacing: 0; font-size: 100%; color: #676767; border: 1px solid #c7c8d7; width: 690px;"> <tr> <th style="font-size: 16px; color: #5b639c; padding: 5px 20px 5px 20px; vertical-align: top; width: 60px; text-align: left;">Code</th> <th style="font-size: 16px; color: #5b639c; padding: 5px 20px 5px 20px; vertical-align: top; text-align: left;">Product</th> <th style="font-size: 16px; color: #5b639c; padding: 5px 20px 5px 20px; vertical-align: top; width: 60px; text-align: right;">Quantity</th> </tr> <mvt:foreach iterator="group" array="shipment_info:groups"> <tr style="background-color: #f7f7f7; font-weight: bold;"> <td style="padding: 5px 20px 5px 20px; vertical-align: top; width: 60px; text-align: left;">&mvt:group:code;</td> <td style="padding: 5px 20px 5px 20px; vertical-align: top; text-align: left;">&mvt:group:name;</td> <td style="padding: 5px 20px 5px 20px; vertical-align: top; width: 60px; text-align: right;">&mvt:group:quantity;</td> </tr> <mvt:foreach iterator="option" array="group:options"> <tr> <td></td> <td style="padding: 5px 20px 5px 20px; vertical-align: top; text-align: left;"> <mvt:if expr="l.settings:option:option_id"> &mvt:option:attr_code;: &mvt:option:opt_code; <mvt:elseif expr="NOT ISNULL l.settings:option:data"> &mvt:option:attr_code;: &mvt:option:data; <mvt:elseif expr="NOT ISNULL l.settings:option:data_long"> &mvt:option:attr_code;: &mvt:option:data_long; <mvt:else> &mvt:option:attr_code; </mvt:if> </td> <td></td> </tr> </mvt:foreach> </mvt:foreach> </table> </mvt:foreach> </div> </div> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<title>Email Template</title>
<style type="text/css" media="screen">
/* Linked Styles */
body { padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none }
a { color:#2a68ce; text-decoration:none }
p { padding:0 !important; margin:0 !important }
/* Mobile styles */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
div[class='mobile-br-5'] { height: 5px !important; }
div[class='mobile-br-10'] { height: 10px !important; }
div[class='mobile-br-15'] { height: 15px !important; }
div[class='mobile-br-20'] { height: 20px !important; }
div[class='mobile-br-25'] { height: 25px !important; }
div[class='mobile-br-30'] { height: 30px !important; }
th[class='m-td'],
td[class='m-td'],
div[class='hide-for-mobile'],
span[class='hide-for-mobile'] { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; }
span[class='mobile-block'] { display: block !important; }
div[class='wgmail'] img { min-width: 320px !important; width: 320px !important; }
div[class='img-m-center'] { text-align: center !important; }
div[class='fluid-img'] img,
td[class='fluid-img'] img { width: 100% !important; max-width: 480px !important; height: auto !important; }
table[class='mobile-shell'] { width: 100% !important; min-width: 100% !important; }
td[class='td'] { width: 100% !important; min-width: 100% !important; }
table[class='center'] { margin: 0 auto; }
td[class='column-top'],
th[class='column-top'],
td[class='column'],
th[class='column'] { float: left !important; width: 100% !important; display: block !important; }
td[class='content-spacing'] { width: 15px !important; }
div[class='text-header'],
div[class='text-footer-1'],
div[class='text-footer'] { text-align: center !important; }
}
</style>
</head>
<body class="body" style="padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tr>
<td align="center" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
<tr>
<td class="td" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; width:600px; min-width:600px; Margin:0" width="600">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td>
<!-- Header -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="130">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><!-- Uncomment to add a logo to this email <a href="&mvte:urls:SFNT:auto;" target="_blank"><img src="images/logo.png" border="0" width="130" height="35" alt="" /></a> --></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-15"></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-header" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:14px; line-height:21px; text-align:right">
<strong>&mvt:store:name;</strong>
<br />
<a href="&mvte:urls:ABUS:auto;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none">
&mvte:store:address;<br />
&mvte:store:city;, &mvte:store:state &mvte:store:zip;<br />
&mvte:store:country;
</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Header -->
<!-- Main -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<!-- Intro -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f2f3f4">
<tr>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h2-center" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:24px; line-height:28px; text-align:center">
<img src="&mvte:global:basehref;graphics/en-US/email/ico_check_green.png" border="0" width="30" height="30" alt="" style="vertical-align: middle;" /> <strong>Your Order Has Shipped!</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-center" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center"><strong>Your Order #</strong> <a href="&mvte:urls:ORDS:secure_sep;Order_ID=&mvta:order:id;&Order_BillEmail=&mvta:order:bill_email;&Order_BillZip=&mvta:order:bill_zip;" target="_blank" class="link" style="color:#2a68ce; text-decoration:none"><span class="link" style="color:#2a68ce; text-decoration:none">&mvte:order:id;</span></a></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-center" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center"><strong>Order Date &mvt:order:date; &mvt:order:time;</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
</tr>
</table>
<!-- END Intro -->
<!-- Message -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
<strong>Hello &mvte:order:ship_fname;,</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
Thank you for your order! The items below have shipped. To check on the status of any items not listed below, click <a href="&mvte:urls:ORDS:secure_sep;Order_ID=&mvta:order:id;&Order_BillEmail=&mvta:order:bill_email;&Order_BillZip=&mvta:order:bill_zip;" target="_blank" class="link" style="color:#2a68ce; text-decoration:none"><span class="link" style="color:#2a68ce; text-decoration:none">here</span></a>.
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Message -->
<!-- Table 2 -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
<strong>Order Details</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" valign="top" width="285">
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Ship To</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
&mvte:order:ship_fname; &mvte:order:ship_lname;<br />
&mvte:order:ship_addr;<br />
&mvte:order:ship_city;, &mvte:order:ship_state; &mvte:order:ship_zip;<br />
&mvte:order:ship_cntry;
</div>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" valign="top" width="10">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-30"></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" valign="top">
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Bill To</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
&mvte:order:bill_fname; &mvte:order:bill_lname;<br />
&mvte:order:bill_addr;<br />
&mvte:order:bill_city;, &mvte:order:bill_state; &mvte:order:bill_zip;<br />
&mvte:order:bill_cntry;
</div>
</th>
</tr>
</table>
<mvt:if expr="l.settings:shipment:shipment_count GT 1">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<mvt:else>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</mvt:if>
</td>
</tr>
</table>
<!-- END Table 2 -->
<mvt:assign name="l.settings:shipment_pos" value="0" />
<mvt:foreach iterator="shipment_info" array="shipment:shipments">
<mvt:assign name="l.settings:shipment_pos" value="l.settings:shipment_pos + 1" />
<!-- Table 2 -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<mvt:if expr="l.settings:shipment_pos GT 1">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</mvt:if>
<mvt:if expr="l.settings:shipment:shipment_count GT 1">
<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
<strong>Shipment &mvte:shipment_pos; of &mvte:shipment:shipment_count;</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</mvt:if>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" valign="top" width="285">
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Shipping Method</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
&mvt:shipment_info:method;
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Ship Date</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
&mvt:shipment_info:formatted_ship_date;
</div>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" valign="top" width="10">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-30"></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" valign="top">
<mvt:if expr="ISNULL l.settings:shipment_info:tracknum">
<mvt:else>
<mvt:if expr="ISNULL l.settings:shipment_info:tracklink">
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Tracking Number</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
&mvt:shipment_info:tracknum;
</div>
<mvt:else>
<!-- Button -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" bgcolor="#2a68ce">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="15"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td bgcolor="#2a68ce">
<div class="text-btn-1" style="color:#ffffff; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:20px; text-align:center">
<a href="&mvte:shipment_info:tracklink;" target="_blank" class="link-white" style="color:#ffffff; text-decoration:none"><span class="link-white" style="color:#ffffff; text-decoration:none">Track Your Shipment</span></a>
</div>
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="15"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END Button -->
</mvt:if>
</mvt:if>
</th>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Table 2 -->
<!-- Table -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" style="border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;" width="520">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Item</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td valign="top" style="border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;" class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td valign="top" style="border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left"><strong>Qty</strong></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
<mvt:foreach iterator="group" array="shipment_info:groups">
<tr>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="63">
<mvt:if expr="NOT ISNULL l.settings:group:imagetypes:Main">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="img" style="font-size:0pt; line-height:0pt; text-align:left"><img src="&mvte:global:basehref;&mvte:group:imagetypes:Main;" border="0" alt="&mvte:group:name;" /></div>
</td>
</tr>
</table>
</mvt:if>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="10">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-10"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">&mvt:group:name;</div>
<div class="text-3" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:14px; line-height:22px; text-align:left">&mvt:group:code;</div>
<mvt:foreach iterator="option" array="group:options">
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
<mvt:if expr="l.settings:option:option_id">
&mvt:option:attr_code;: &mvt:option:opt_code;
<mvt:elseif expr="NOT ISNULL l.settings:option:data">
&mvt:option:attr_code;: &mvt:option:data;
<mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
&mvt:option:attr_code;: &mvt:option:data_long;
<mvt:else>
&mvt:option:attr_code;
</mvt:if>
</div>
</mvt:foreach>
</td>
</tr>
</table>
</th>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td valign="top" class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-1" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">&mvte:group:quantity;</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</mvt:foreach>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Table -->
</mvt:foreach>
</td>
</tr>
</table>
<!-- END Main -->
<!-- Footer -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer-1" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">We hope to see you again soon.</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="5" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
<a href="&mvte:urls:SFNT:auto;" target="_blank" class="link-2" style="color:#303748; text-decoration:none"><strong class="link-2" style="color:#303748; text-decoration:none">&mvt:store:name;</strong></a>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- Contacts -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">Do you have questions?</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="30">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="mailto:&mvte:Store:email;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_envelope.png" border="0" width="20" height="13" alt="" style="vertical-align: middle;" /> Email Us</span></a>
</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="tel:+&mvte:store:phone;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_earphone.png" border="0" width="13" height="13" alt="" style="vertical-align: middle;" /> Call &mvte:store:phone;</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Contacts -->
<!-- Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- Uncomment to add facebook to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_facebook.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add twitter to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_twitter.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add pinterest to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_pinterest.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add instagram to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_instagram.png" border="0" width="38" height="38" alt="" /></a></td> -->
</tr>
</table>
</td>
</tr>
</table>
<!-- END Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Footer -->
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
</tr>
</table>
<div class="wgmail" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/gmail_fix.gif" width="600" height="1" style="min-width:600px" alt="" border="0" /></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
New template
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<title>Email Template</title>
<style type="text/css" media="screen">
/* Linked Styles */
body { padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none }
a { color:#2a68ce; text-decoration:none }
p { padding:0 !important; margin:0 !important }
/* Mobile styles */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
div[class='mobile-br-5'] { height: 5px !important; }
div[class='mobile-br-10'] { height: 10px !important; }
div[class='mobile-br-15'] { height: 15px !important; }
div[class='mobile-br-20'] { height: 20px !important; }
div[class='mobile-br-25'] { height: 25px !important; }
div[class='mobile-br-30'] { height: 30px !important; }
th[class='m-td'],
td[class='m-td'],
div[class='hide-for-mobile'],
span[class='hide-for-mobile'] { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; }
span[class='mobile-block'] { display: block !important; }
div[class='wgmail'] img { min-width: 320px !important; width: 320px !important; }
div[class='img-m-center'] { text-align: center !important; }
div[class='fluid-img'] img,
td[class='fluid-img'] img { width: 100% !important; max-width: 480px !important; height: auto !important; }
table[class='mobile-shell'] { width: 100% !important; min-width: 100% !important; }
td[class='td'] { width: 100% !important; min-width: 100% !important; }
table[class='center'] { margin: 0 auto; }
td[class='column-top'],
th[class='column-top'],
td[class='column'],
th[class='column'] { float: left !important; width: 100% !important; display: block !important; }
td[class='content-spacing'] { width: 15px !important; }
div[class='text-header'],
div[class='text-footer-1'],
div[class='text-footer'] { text-align: center !important; }
}
</style>
</head>
<body class="body" style="padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tr>
<td align="center" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
<tr>
<td class="td" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; width:600px; min-width:600px; Margin:0" width="600">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td>
<!-- Header -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="130">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><!-- Uncomment to add a logo to this email <a href="&mvte:urls:SFNT:auto;" target="_blank"><img src="images/logo.png" border="0" width="130" height="35" alt="" /></a> --></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-15"></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-header" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:14px; line-height:21px; text-align:right">
<strong>&mvt:store:name;</strong>
<br />
<a href="&mvte:urls:ABUS:auto;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none">
&mvte:store:address;<br />
&mvte:store:city;, &mvte:store:state &mvte:store:zip;<br />
&mvte:store:country;
</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Header -->
<!-- Main -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<!-- Intro -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f2f3f4">
<tr>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/ico_exclamation.png" border="0" width="38" height="38" alt="" /></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h2-center" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:24px; line-height:28px; text-align:center">
<strong>We Were Unable to Process Your<span class="hide-for-mobile"><br /></span> Subscription.</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
</tr>
</table>
<!-- END Intro -->
<!-- Message -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
<strong>Hello <mvt:if expr="l.settings:subscription:customer:primaddr EQ 'shipping'">&mvte:subscription:customer:ship_fname;<mvt:else>&mvte:subscription:customer:bill_fname;</mvt:if>,</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
We were unable to process your subscription for <a href="&mvte:subscription:product:link;" target="_blank" class="link" style="color:#2a68ce; text-decoration:none"><span class="link" style="color:#2a68ce; text-decoration:none">&mvt:subscription:product:name;</span></a> due to the following reason(s):
<br /><br />
• &mvte:autherror;
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Message -->
<!-- Button -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" bgcolor="#2a68ce">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="40"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td bgcolor="#2a68ce">
<div class="text-btn" style="color:#ffffff; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:center">
<a href="&mvte:urls:CSBE:auto_sep;Subscription_ID=&mvta:subscription:id;" target="_blank" class="link-white" style="color:#ffffff; text-decoration:none"><span class="link-white" style="color:#ffffff; text-decoration:none">Manage Your Subscription</span></a>
</div>
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="40"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Button -->
</td>
</tr>
</table>
<!-- END Main -->
<!-- Footer -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="5" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
<a href="&mvte:urls:SFNT:auto;" target="_blank" class="link-2" style="color:#303748; text-decoration:none"><strong class="link-2" style="color:#303748; text-decoration:none">&mvt:store:name;</strong></a>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- Contacts -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">Do you have questions?</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="30">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="mailto:&mvte:Store:email;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_envelope.png" border="0" width="20" height="13" alt="" style="vertical-align: middle;" /> Email Us</span></a>
</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="tel:+&mvte:store:phone;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_earphone.png" border="0" width="13" height="13" alt="" style="vertical-align: middle;" /> Call &mvte:store:phone;</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Contacts -->
<!-- Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- Uncomment to add facebook to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_facebook.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add twitter to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_twitter.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add pinterest to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_pinterest.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add instagram to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_instagram.png" border="0" width="38" height="38" alt="" /></a></td> -->
</tr>
</table>
</td>
</tr>
</table>
<!-- END Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Footer -->
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
</tr>
</table>
<div class="wgmail" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/gmail_fix.gif" width="600" height="1" style="min-width:600px" alt="" border="0" /></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
New template
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<title>Email Template</title>
<style type="text/css" media="screen">
/* Linked Styles */
body { padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none }
a { color:#2a68ce; text-decoration:none }
p { padding:0 !important; margin:0 !important }
/* Mobile styles */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
div[class='mobile-br-5'] { height: 5px !important; }
div[class='mobile-br-10'] { height: 10px !important; }
div[class='mobile-br-15'] { height: 15px !important; }
div[class='mobile-br-20'] { height: 20px !important; }
div[class='mobile-br-25'] { height: 25px !important; }
div[class='mobile-br-30'] { height: 30px !important; }
th[class='m-td'],
td[class='m-td'],
div[class='hide-for-mobile'],
span[class='hide-for-mobile'] { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; }
span[class='mobile-block'] { display: block !important; }
div[class='wgmail'] img { min-width: 320px !important; width: 320px !important; }
div[class='img-m-center'] { text-align: center !important; }
div[class='fluid-img'] img,
td[class='fluid-img'] img { width: 100% !important; max-width: 480px !important; height: auto !important; }
table[class='mobile-shell'] { width: 100% !important; min-width: 100% !important; }
td[class='td'] { width: 100% !important; min-width: 100% !important; }
table[class='center'] { margin: 0 auto; }
td[class='column-top'],
th[class='column-top'],
td[class='column'],
th[class='column'] { float: left !important; width: 100% !important; display: block !important; }
td[class='content-spacing'] { width: 15px !important; }
div[class='text-header'],
div[class='text-footer-1'],
div[class='text-footer'] { text-align: center !important; }
}
</style>
</head>
<body class="body" style="padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tr>
<td align="center" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
<tr>
<td class="td" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; width:600px; min-width:600px; Margin:0" width="600">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td>
<!-- Header -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="130">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><!-- Uncomment to add a logo to this email <a href="&mvte:urls:SFNT:auto;" target="_blank"><img src="images/logo.png" border="0" width="130" height="35" alt="" /></a> --></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-15"></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-header" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:14px; line-height:21px; text-align:right">
<strong>&mvt:store:name;</strong>
<br />
<a href="&mvte:urls:ABUS:auto;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none">
&mvte:store:address;<br />
&mvte:store:city;, &mvte:store:state &mvte:store:zip;<br />
&mvte:store:country;
</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Header -->
<!-- Main -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<!-- Intro -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f2f3f4">
<tr>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/ico_check_green.png" border="0" width="38" height="38" alt="" /></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h2-center" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:24px; line-height:28px; text-align:center">
<strong>Your Subscription Has Sucessfully<span class="hide-for-mobile"><br /></span> Been Cancelled.</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-center" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center"><mvt:if expr="l.settings:subscription:lastdate"><strong>Subscription Date: &mvte:subscription:formatted_lastdate;</strong></mvt:if></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
</tr>
</table>
<!-- END Intro -->
<!-- Message -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
<strong>Hello <mvt:if expr="l.settings:subscription:customer:primaddr EQ 'shipping'">&mvte:subscription:customer:ship_fname;<mvt:else>&mvte:subscription:customer:bill_fname;</mvt:if>,</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
Your subscription has been cancelled. You will no longer be charged for this subscription.
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Message -->
<mvt:item name="toe_subscription_fields" />
</td>
</tr>
</table>
<!-- END Main -->
<!-- Footer -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer-1" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">We hope to see you again soon.</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="5" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
<a href="&mvte:urls:SFNT:auto;" target="_blank" class="link-2" style="color:#303748; text-decoration:none"><strong class="link-2" style="color:#303748; text-decoration:none">&mvt:store:name;</strong></a>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- Contacts -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">Do you have questions?</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="30">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="mailto:&mvte:Store:email;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_envelope.png" border="0" width="20" height="13" alt="" style="vertical-align: middle;" /> Email Us</span></a>
</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="tel:+&mvte:store:phone;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_earphone.png" border="0" width="13" height="13" alt="" style="vertical-align: middle;" /> Call &mvte:store:phone;</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Contacts -->
<!-- Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- Uncomment to add facebook to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_facebook.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add twitter to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_twitter.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add pinterest to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_pinterest.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add instagram to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_instagram.png" border="0" width="38" height="38" alt="" /></a></td> -->
</tr>
</table>
</td>
</tr>
</table>
<!-- END Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Footer -->
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
</tr>
</table>
<div class="wgmail" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/gmail_fix.gif" width="600" height="1" style="min-width:600px" alt="" border="0" /></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
New template
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<title>Email Template</title>
<style type="text/css" media="screen">
/* Linked Styles */
body { padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none }
a { color:#2a68ce; text-decoration:none }
p { padding:0 !important; margin:0 !important }
/* Mobile styles */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
div[class='mobile-br-5'] { height: 5px !important; }
div[class='mobile-br-10'] { height: 10px !important; }
div[class='mobile-br-15'] { height: 15px !important; }
div[class='mobile-br-20'] { height: 20px !important; }
div[class='mobile-br-25'] { height: 25px !important; }
div[class='mobile-br-30'] { height: 30px !important; }
th[class='m-td'],
td[class='m-td'],
div[class='hide-for-mobile'],
span[class='hide-for-mobile'] { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; }
span[class='mobile-block'] { display: block !important; }
div[class='wgmail'] img { min-width: 320px !important; width: 320px !important; }
div[class='img-m-center'] { text-align: center !important; }
div[class='fluid-img'] img,
td[class='fluid-img'] img { width: 100% !important; max-width: 480px !important; height: auto !important; }
table[class='mobile-shell'] { width: 100% !important; min-width: 100% !important; }
td[class='td'] { width: 100% !important; min-width: 100% !important; }
table[class='center'] { margin: 0 auto; }
td[class='column-top'],
th[class='column-top'],
td[class='column'],
th[class='column'] { float: left !important; width: 100% !important; display: block !important; }
td[class='content-spacing'] { width: 15px !important; }
div[class='text-header'],
div[class='text-footer-1'],
div[class='text-footer'] { text-align: center !important; }
}
</style>
</head>
<body class="body" style="padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tr>
<td align="center" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
<tr>
<td class="td" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; width:600px; min-width:600px; Margin:0" width="600">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td>
<!-- Header -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="130">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><!-- Uncomment to add a logo to this email <a href="&mvte:urls:SFNT:auto;" target="_blank"><img src="images/logo.png" border="0" width="130" height="35" alt="" /></a> --></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-15"></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-header" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:14px; line-height:21px; text-align:right">
<strong>&mvt:store:name;</strong>
<br />
<a href="&mvte:urls:ABUS:auto;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none">
&mvte:store:address;<br />
&mvte:store:city;, &mvte:store:state &mvte:store:zip;<br />
&mvte:store:country;
</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Header -->
<!-- Main -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<!-- Intro -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f2f3f4">
<tr>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/ico_check_green.png" border="0" width="38" height="38" alt="" /></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h2-center" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:24px; line-height:28px; text-align:center">
<strong>Your Subscription Has Been Updated.</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-center" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center"><mvt:if expr="l.settings:subscription:lastdate"><strong>Subscription Date: &mvte:subscription:formatted_lastdate;</strong></mvt:if></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
</tr>
</table>
<!-- END Intro -->
<!-- Message -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
<strong>Hello <mvt:if expr="l.settings:subscription:customer:primaddr EQ 'shipping'">&mvte:subscription:customer:ship_fname;<mvt:else>&mvte:subscription:customer:bill_fname;</mvt:if>,</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
Your subscription of &mvt:subscription:product:name; has been updated. We will continue to automatically place your orders on the selected reorder date. The updated terms of your subscription can be found below.
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Message -->
<mvt:item name="toe_subscription_fields" />
</td>
</tr>
</table>
<!-- END Main -->
<!-- Footer -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer-1" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">We hope to see you again soon.</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="5" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
<a href="&mvte:urls:SFNT:auto;" target="_blank" class="link-2" style="color:#303748; text-decoration:none"><strong class="link-2" style="color:#303748; text-decoration:none">&mvt:store:name;</strong></a>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- Contacts -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">Do you have questions?</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="30">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="mailto:&mvte:Store:email;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_envelope.png" border="0" width="20" height="13" alt="" style="vertical-align: middle;" /> Email Us</span></a>
</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="tel:+&mvte:store:phone;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_earphone.png" border="0" width="13" height="13" alt="" style="vertical-align: middle;" /> Call &mvte:store:phone;</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Contacts -->
<!-- Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- Uncomment to add facebook to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_facebook.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add twitter to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_twitter.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add pinterest to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_pinterest.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add instagram to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_instagram.png" border="0" width="38" height="38" alt="" /></a></td> -->
</tr>
</table>
</td>
</tr>
</table>
<!-- END Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Footer -->
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
</tr>
</table>
<div class="wgmail" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/gmail_fix.gif" width="600" height="1" style="min-width:600px" alt="" border="0" /></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
New template
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<title>Email Template</title>
<style type="text/css" media="screen">
/* Linked Styles */
body { padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none }
a { color:#2a68ce; text-decoration:none }
p { padding:0 !important; margin:0 !important }
/* Mobile styles */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
div[class='mobile-br-5'] { height: 5px !important; }
div[class='mobile-br-10'] { height: 10px !important; }
div[class='mobile-br-15'] { height: 15px !important; }
div[class='mobile-br-20'] { height: 20px !important; }
div[class='mobile-br-25'] { height: 25px !important; }
div[class='mobile-br-30'] { height: 30px !important; }
th[class='m-td'],
td[class='m-td'],
div[class='hide-for-mobile'],
span[class='hide-for-mobile'] { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; }
span[class='mobile-block'] { display: block !important; }
div[class='wgmail'] img { min-width: 320px !important; width: 320px !important; }
div[class='img-m-center'] { text-align: center !important; }
div[class='fluid-img'] img,
td[class='fluid-img'] img { width: 100% !important; max-width: 480px !important; height: auto !important; }
table[class='mobile-shell'] { width: 100% !important; min-width: 100% !important; }
td[class='td'] { width: 100% !important; min-width: 100% !important; }
table[class='center'] { margin: 0 auto; }
td[class='column-top'],
th[class='column-top'],
td[class='column'],
th[class='column'] { float: left !important; width: 100% !important; display: block !important; }
td[class='content-spacing'] { width: 15px !important; }
div[class='text-header'],
div[class='text-footer-1'],
div[class='text-footer'] { text-align: center !important; }
}
</style>
</head>
<body class="body" style="padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tr>
<td align="center" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
<tr>
<td class="td" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; width:600px; min-width:600px; Margin:0" width="600">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td>
<!-- Header -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="130">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><!-- Uncomment to add a logo to this email <a href="&mvte:urls:SFNT:auto;" target="_blank"><img src="images/logo.png" border="0" width="130" height="35" alt="" /></a> --></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-15"></div>
</td>
</tr>
</table>
</th>
<th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; Margin:0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-header" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:14px; line-height:21px; text-align:right">
<strong>&mvt:store:name;</strong>
<br />
<a href="&mvte:urls:ABUS:auto;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none">
&mvte:store:address;<br />
&mvte:store:city;, &mvte:store:state &mvte:store:zip;<br />
&mvte:store:country;
</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="40" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Header -->
<!-- Main -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<!-- Intro -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f2f3f4">
<tr>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="img-center" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/ico_check_green.png" border="0" width="38" height="38" alt="" /></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h2-center" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:24px; line-height:28px; text-align:center">
<strong>Your Subscription Has Been Created.</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-center" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center"><mvt:if expr="l.settings:subscription:lastdate"><strong>Subscription Date: &mvte:subscription:formatted_lastdate;</strong></mvt:if></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="50" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="50"></td>
</tr>
</table>
<!-- END Intro -->
<!-- Message -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h3" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:18px; line-height:22px; text-align:left">
<strong>Hello <mvt:if expr="l.settings:subscription:customer:primaddr EQ 'shipping'">&mvte:subscription:customer:ship_fname;<mvt:else>&mvte:subscription:customer:bill_fname;</mvt:if>,</strong>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text" style="color:#1a2026; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
Thank you for your subscription of &mvt:subscription:product:name;. We will automatically place your orders on the selected reorder date.
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="10" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Message -->
<mvt:item name="toe_subscription_fields" />
</td>
</tr>
</table>
<!-- END Main -->
<!-- Footer -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer-1" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">We hope to see you again soon.</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="5" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="text-footer" style="color:#303748; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:left">
<a href="&mvte:urls:SFNT:auto;" target="_blank" class="link-2" style="color:#303748; text-decoration:none"><strong class="link-2" style="color:#303748; text-decoration:none">&mvt:store:name;</strong></a>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="1" bgcolor="#e3e3e3"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- Contacts -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">Do you have questions?</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="30">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="mailto:&mvte:Store:email;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_envelope.png" border="0" width="20" height="13" alt="" style="vertical-align: middle;" /> Email Us</span></a>
</div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top" width="20">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="font-size:0pt; line-height:0pt;" class="mobile-br-5"></div>
</td>
</tr>
</table>
</th>
<th class="column-top" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top; Margin:0" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div class="text-1-center" style="color:#7a838d; font-family:Arial, sans-serif; min-width:auto !important; font-size:16px; line-height:24px; text-align:center">
<a href="tel:+&mvte:store:phone;" target="_blank" class="link-1" style="color:#7a838d; text-decoration:none"><span class="link-1" style="color:#7a838d; text-decoration:none"><img src="&mvte:global:basehref;graphics/en-US/email/ico_earphone.png" border="0" width="13" height="13" alt="" style="vertical-align: middle;" /> Call &mvte:store:phone;</span></a>
</div>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="25" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- END Contacts -->
<!-- Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- Uncomment to add facebook to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_facebook.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add twitter to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_twitter.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add pinterest to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_pinterest.png" border="0" width="38" height="38" alt="" /></a></td> -->
<!-- Uncomment to add instagram to this email <td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="42"><a href="#" target="_blank"><img src="&mvte:global:basehref;graphics/en-US/email/ico_instagram.png" border="0" width="38" height="38" alt="" /></a></td> -->
</tr>
</table>
</td>
</tr>
</table>
<!-- END Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
</tr>
</table>
<!-- END Footer -->
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
</tr>
</table>
<div class="wgmail" style="font-size:0pt; line-height:0pt; text-align:center"><img src="&mvte:global:basehref;graphics/en-US/email/gmail_fix.gif" width="600" height="1" style="min-width:600px" alt="" border="0" /></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
... <mvt:elseif expr="l.settings:attribute:type EQ 'checkbox'"> <mvt:if expr="g.Product_Attributes[l.settings:attribute:index]:value"> <input type="checkbox" name="Product_Attributes[&mvt:attribute:index;]:value" value="Yes" checked /> <mvt:else> <input type="checkbox" name="Product_Attributes[&mvt:attribute:index;]:value" /> </mvt:if> <mvt:if expr="l.settings:attribute:image"> <img src="&mvte:attribute:image;" alt="&mvte:attribute:raw_prompt;" /> <mvt:else> <mvt:if expr="l.settings:attribute:required"> <span class="required"> <mvt:else> <span> </mvt:if> &mvt:attribute:prompt; </span> </mvt:if> </mvt:if> </td> </tr> </mvt:foreach> </table> <div class="clear"></div>
...
<mvt:elseif expr="l.settings:attribute:type EQ 'checkbox'">
<mvt:if expr="g.Product_Attributes[l.settings:attribute:index]:value">
<input type="checkbox" name="Product_Attributes[&mvt:attribute:index;]:value" value="Yes" checked />
<mvt:else>
<input type="checkbox" name="Product_Attributes[&mvt:attribute:index;]:value" />
</mvt:if>
<mvt:if expr="l.settings:attribute:image">
<img src="&mvte:attribute:image;" alt="&mvte:attribute:raw_prompt;" />
<mvt:else>
<mvt:if expr="l.settings:attribute:required">
<span class="required">
<mvt:else>
<span>
</mvt:if>
&mvt:attribute:prompt;
</span>
</mvt:if>
</mvt:if>
</td>
</tr>
</mvt:foreach>
<mvt:if expr="l.settings:subscription:enabled AND l.settings:subscription:term_count">
<tr>
<td class="prompt">Subscribe:</td>
<td class="field">
<select name="Product_Subscription_Term_ID">
<mvt:if expr="NOT l.settings:subscription:mandatory">
<option value="0">No Subscription</option>
</mvt:if>
<mvt:foreach iterator="term" array="subscription:terms">
<option value="&mvte:term:id;">&mvte:term:descrip;</option>
</mvt:foreach>
</select>
</td>
</tr>
</mvt:if>
</table>
<div class="clear"></div>
<mvt:if expr="l.settings:basket:empty"> Your shopping basket is currently empty. <p><mvt:item name="cssui_links" param="storefront">Home</mvt:item></p> <mvt:exit /> </mvt:if> <table> <tr class="basket-heading"> <td class="item-name">Item</td> <td class="item-quantity">Qty.</td> <td class="item-price">Item Price</td> <td class="item-total">Total Price</td> </tr> <mvt:foreach iterator="group" array="basket:groups"> <tr> <mvt:if expr="l.settings:group:option_count"> <mvt:assign name="l.settings:rowspan" value="l.settings:group:option_count + 2" /> <mvt:else> <mvt:assign name="l.settings:rowspan" value="2" /> </mvt:if> <td class="item-name"> <div class="special-offer"><mvt:if expr="l.settings:group:upsold">(Special Offer)</mvt:if></div> <div class="item-name">&mvt:group:name; - <span class="item-code"> <a href="&mvte:group:link;">&mvt:group:code;</a> <mvt:foreach iterator="discount" array="group:discounts"> <mvt:if expr="l.settings:discount:display"> <div class="item-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div> </mvt:if> </mvt:foreach> </span> </div> </td> <td class="item-quantity"> <mvt:if expr="l.settings:group:upsold"> &mvt:group:quantity; <mvt:else> <form method="post" action="&mvte:urls:BASK:auto;"> <input type="hidden" name="Action" value="QTYG" /> <input type="hidden" name="Basket_Group" value="&mvte:group:group_id;" /> <input type="hidden" name="Old_Screen" value="BASK" /> <input type="hidden" name="Offset" value="&mvte:global:Offset;" /> <input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" /> <input type="hidden" name="CatListingOffset" value="&mvte:global:CatListingOffset;" /> <input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" /> <input type="hidden" name="SearchOffset" value="&mvte:global:SearchOffset;" /> <input type="text" name="Quantity" class="textfield basket-qty-input small" value="&mvt:group:quantity;" /> <mvt:item name="buttons" param="Update" /> </form> </mvt:if> </td> <td class="item-price"> &mvt:group:formatted_base_price; </td> <td class="item-total"> <mvt:if expr="l.settings:group:subtotal_base_price NE l.settings:group:subtotal"> <span style="text-decoration: line-through;">&mvt:group:formatted_subtotal_base_price;</span> </mvt:if> &mvt:group:formatted_subtotal; </td> </tr> <mvt:foreach iterator="option" array="group:options"> <tr class="item-options"> <td class="item-name"> <mvt:if expr="l.settings:option:option_id"> &mvt:option:attr_code;: &mvt:option:opt_code; <mvt:elseif expr="NOT ISNULL l.settings:option:data"> &mvt:option:attr_code;: &mvt:option:data; <mvt:elseif expr="NOT ISNULL l.settings:option:data_long"> &mvt:option:attr_code;: &mvt:option:data_long; <mvt:else> &mvt:option:attr_code; </mvt:if> <mvt:foreach iterator="discount" array="option:discounts"> <mvt:if expr="l.settings:discount:display"> <div class="item-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div> </mvt:if> </mvt:foreach> </td> <td class="item-quantity"> </td> <td class="item-price"> <mvt:if expr="l.settings:option:base_price"> &mvt:option:formatted_base_price; <mvt:else> </mvt:if> </td> <td class="item-total"> <mvt:if expr="l.settings:option:subtotal_base_price OR l.settings:option:subtotal"> <mvt:if expr="l.settings:option:subtotal_base_price NE l.settings:option:subtotal"> <span style="text-decoration: line-through;">&mvt:option:formatted_subtotal_base_price;</span> </mvt:if> &mvt:option:formatted_subtotal; <mvt:else> </mvt:if> </td> </tr> </mvt:foreach> <tr class="item-options"> <td class="item-name"> <a href="&mvte:urls:BASK:auto_sep;Action=RGRP&Basket_Group=&mvta:group:group_id;&Offset=&mvta:global:Offset;&AllOffset=&mvta:global:AllOffset;&CatListingOffset=&mvta:global:CatListingOffset;&RelatedOffset=&mvta:global:RelatedOffset;&SearchOffset=&mvta:global:SearchOffset;">Remove</a> <mvt:if expr="l.settings:group:product:id"> <span class="grey">|</span> <a href="&mvte:urls:WISH:secure_sep;Action=MPWL&Group_ID=&mvta:group:group_id;">Move To Wish List</a> </mvt:if> </td> <td class="item-quantity"> </td> <td class="item-price"> </td> <td class="item-total"> </td> </tr> </mvt:foreach> <mvt:foreach iterator="charge" array="basket:charges"> <tr class="basket-charges"> <td colspan="2"> </td> <td class="charge-description">&mvt:charge:descrip;:</td> <td class="formatted-charge">&mvt:charge:formatted_disp_amt;</td> </tr> </mvt:foreach> <tr id="basket-totals"> <td colspan="2"> </td> <td class="total-prompt">Total:</td> <td class="formatted-total">&mvt:basket:formatted_total;</td> </tr> </table> <div class="clear"></div>
<mvt:if expr="l.settings:basket:empty"> Your shopping basket is currently empty. <p><mvt:item name="cssui_links" param="storefront">Home</mvt:item></p> <mvt:exit /> </mvt:if> <table> <tr class="basket-heading"> <td class="item-name">Item</td> <td class="item-quantity">Qty.</td> <td class="item-price">Item Price</td> <td class="item-total">Total Price</td> </tr> <mvt:foreach iterator="group" array="basket:groups"> <tr> <mvt:if expr="l.settings:group:option_count"> <mvt:assign name="l.settings:rowspan" value="l.settings:group:option_count + 2" /> <mvt:else> <mvt:assign name="l.settings:rowspan" value="2" /> </mvt:if> <mvt:if expr="l.settings:group:subterm_id"> <mvt:assign name="l.settings:rowspan" value="l.settings:rowspan + 1" /> </mvt:if> <td class="item-name"> <div class="special-offer"><mvt:if expr="l.settings:group:upsold">(Special Offer)</mvt:if></div> <div class="item-name">&mvt:group:name; - <span class="item-code"> <a href="&mvte:group:link;">&mvt:group:code;</a> <mvt:foreach iterator="discount" array="group:discounts"> <mvt:if expr="l.settings:discount:display"> <div class="item-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div> </mvt:if> </mvt:foreach> </span> </div> </td> <td class="item-quantity"> <mvt:if expr="l.settings:group:upsold"> &mvt:group:quantity; <mvt:else> <form method="post" action="&mvte:urls:BASK:auto;"> <input type="hidden" name="Action" value="QTYG" /> <input type="hidden" name="Basket_Group" value="&mvte:group:group_id;" /> <input type="hidden" name="Old_Screen" value="BASK" /> <input type="hidden" name="Offset" value="&mvte:global:Offset;" /> <input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" /> <input type="hidden" name="CatListingOffset" value="&mvte:global:CatListingOffset;" /> <input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" /> <input type="hidden" name="SearchOffset" value="&mvte:global:SearchOffset;" /> <input type="text" name="Quantity" class="textfield basket-qty-input small" value="&mvt:group:quantity;" /> <mvt:item name="buttons" param="Update" /> </form> </mvt:if> </td> <td class="item-price"> &mvt:group:formatted_base_price; </td> <td class="item-total"> <mvt:if expr="l.settings:group:subtotal_base_price NE l.settings:group:subtotal"> <span style="text-decoration: line-through;">&mvt:group:formatted_subtotal_base_price;</span> </mvt:if> &mvt:group:formatted_subtotal; </td> </tr> <mvt:foreach iterator="option" array="group:options"> <tr class="item-options"> <td class="item-name"> <mvt:if expr="l.settings:option:option_id"> &mvt:option:attr_code;: &mvt:option:opt_code; <mvt:elseif expr="NOT ISNULL l.settings:option:data"> &mvt:option:attr_code;: &mvt:option:data; <mvt:elseif expr="NOT ISNULL l.settings:option:data_long"> &mvt:option:attr_code;: &mvt:option:data_long; <mvt:else> &mvt:option:attr_code; </mvt:if> <mvt:foreach iterator="discount" array="option:discounts"> <mvt:if expr="l.settings:discount:display"> <div class="item-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div> </mvt:if> </mvt:foreach> </td> <td class="item-quantity"> </td> <td class="item-price"> <mvt:if expr="l.settings:option:base_price"> &mvt:option:formatted_base_price; <mvt:else> </mvt:if> </td> <td class="item-total"> <mvt:if expr="l.settings:option:subtotal_base_price OR l.settings:option:subtotal"> <mvt:if expr="l.settings:option:subtotal_base_price NE l.settings:option:subtotal"> <span style="text-decoration: line-through;">&mvt:option:formatted_subtotal_base_price;</span> </mvt:if> &mvt:option:formatted_subtotal; <mvt:else> </mvt:if> </td> </tr> </mvt:foreach> <mvt:if expr="l.settings:group:subterm_id"> <tr class="item-options"> <td class="item-name"> Subscription: &mvte:group:productsubscriptionterm:descrip; </td> <td class="item-quantity"> </td> <td class="item-price"> </td> <td class="item-total"> </td> </tr> </mvt:if> <tr class="item-options"> <td class="item-name"> <a href="&mvte:urls:BASK:auto_sep;Action=RGRP&Basket_Group=&mvta:group:group_id;&Offset=&mvta:global:Offset;&AllOffset=&mvta:global:AllOffset;&CatListingOffset=&mvta:global:CatListingOffset;&RelatedOffset=&mvta:global:RelatedOffset;&SearchOffset=&mvta:global:SearchOffset;">Remove</a> <mvt:if expr="l.settings:group:product:id AND ( NOT l.settings:group:product:productsubscriptionsettings:enabled OR NOT l.settings:group:product:productsubscriptionsettings:mandatory )"> <span class="grey">|</span> <a href="&mvte:urls:WISH:secure_sep;Action=MPWL&Group_ID=&mvta:group:group_id;">Move To Wish List</a> </mvt:if> </td> <td class="item-quantity"> </td> <td class="item-price"> </td> <td class="item-total"> </td> </tr> </mvt:foreach> <mvt:foreach iterator="charge" array="basket:charges"> <tr class="basket-charges"> <td colspan="2"> </td> <td class="charge-description">&mvt:charge:descrip;:</td> <td class="formatted-charge">&mvt:charge:formatted_disp_amt;</td> </tr> </mvt:foreach> <tr id="basket-totals"> <td colspan="2"> </td> <td class="total-prompt">Total:</td> <td class="formatted-total">&mvt:basket:formatted_total;</td> </tr> </table> <div class="clear"></div>
<table> <tr class="basket-heading"> <td class="item-name">Item</td> <td class="item-quantity">Qty.</td> <td class="item-price">Item Price</td> <td class="item-total">Total Price</td> </tr> <mvt:foreach iterator="item" array="order:groups"> <tr> <mvt:if expr="l.settings:item:option_count"> <mvt:assign name="l.settings:rowspan" value="l.settings:item:option_count + 1" /> <mvt:else> <mvt:assign name="l.settings:rowspan" value="1" /> </mvt:if> <td class="item-name"> <div class="special-offer"><mvt:if expr="l.settings:item:upsold">(Special Offer)</mvt:if></div> <div class="item-name">&mvt:item:name; - <span class="item-code"> &mvt:item:code; <mvt:foreach iterator="discount" array="item:discounts"> <mvt:if expr="l.settings:discount:display"> <div class="item-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div> </mvt:if> </mvt:foreach> </span> </div> </td> <td class="item-quantity"> &mvt:item:quantity; </td> <td class="item-price"> &mvt:item:formatted_base_price; </td> <td class="item-total"> <mvt:if expr="l.settings:item:subtotal_base_price NE l.settings:item:subtotal"> <span style="text-decoration: line-through;">&mvt:item:formatted_subtotal_base_price;</span> </mvt:if> &mvt:item:formatted_subtotal; </td> </tr> <mvt:foreach iterator="option" array="item:options"> <tr class="item-options"> <td class="item-name"> <mvt:if expr="l.settings:option:option_id"> &mvt:option:attr_code;: &mvt:option:opt_code; <mvt:elseif expr="NOT ISNULL l.settings:option:data"> <mvt:if expr="( l.settings:option:attr_code EQ 'digitaldownload' ) AND ( NOT ISNULL l.settings:option:digital_download_url )"> <a href="&mvte:option:digital_download_url;" target="_blank">Digital Download</a> <mvt:else> &mvt:option:attr_code;: &mvt:option:data; </mvt:if> <mvt:elseif expr="NOT ISNULL l.settings:option:data_long"> &mvt:option:attr_code;: &mvt:option:data_long; <mvt:else> &mvt:option:attr_code; </mvt:if> <mvt:foreach iterator="discount" array="option:discounts"> <mvt:if expr="l.settings:discount:display"> <div class="item-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div> </mvt:if> </mvt:foreach> </td> <td class="item-quantity"> </td> <td class="item-price"> <mvt:if expr="l.settings:option:base_price"> &mvt:option:formatted_base_price; <mvt:else> </mvt:if> </td> <td class="item-total"> <mvt:if expr="l.settings:option:subtotal_base_price OR l.settings:option:subtotal"> <mvt:if expr="l.settings:option:subtotal_base_price NE l.settings:option:subtotal"> <span style="text-decoration: line-through;">&mvt:option:formatted_subtotal_base_price;</span> </mvt:if> &mvt:option:formatted_subtotal; <mvt:else> </mvt:if> </td> </tr> </mvt:foreach> </mvt:foreach> <mvt:foreach iterator="coupon" array="order:coupons"> <tr> <td class="item-name"> <div class="item-name">Coupon - <span class="item-code"> &mvt:coupon:code; </span> <mvt:if expr="NOT ISNULL l.settings:coupon:descrip"> <div class="item-discount">&mvt:coupon:descrip;</div> </mvt:if> </div> </td> <td class="item-quantity"> </td> <td class="item-price"> </td> <td class="item-total"> </td> </tr> </mvt:foreach> <mvt:foreach iterator="charge" array="order:charges"> <tr class="basket-charges"> <td colspan="2"> </td> <td class="charge-description">&mvt:charge:descrip;:</td> <td class="formatted-charge">&mvt:charge:formatted_disp_amt;</td> </tr> </mvt:foreach> <tr id="basket-totals"> <td colspan="2"> </td> <td class="total-prompt">Total:</td> <td class="formatted-total">&mvt:order:formatted_total;</td> </tr> <mvt:foreach iterator="payment" array="order:payments"> <tr class="basket-payments"> <td colspan="2"> </td> <td class="charge-description"> <mvt:if expr="l.settings:payment:type EQ 6"> Refund: <mvt:else> Payment: </mvt:if> &mvt:payment:desc;: </td> <td class="formatted-charge"> <mvt:if expr="l.settings:payment:type EQ 6"> &mvt:payment:formatted_amount; <mvt:else> &mvt:payment:formatted_amount_negative; </mvt:if> </td> </tr> </mvt:foreach> </table> <div class="clear"></div>
<table> <tr class="basket-heading"> <td class="item-name">Item</td> <td class="item-quantity">Qty.</td> <td class="item-price">Item Price</td> <td class="item-total">Total Price</td> </tr> <mvt:foreach iterator="item" array="order:groups"> <tr> <mvt:if expr="l.settings:item:option_count"> <mvt:assign name="l.settings:rowspan" value="l.settings:item:option_count + 1" /> <mvt:else> <mvt:assign name="l.settings:rowspan" value="1" /> </mvt:if> <mvt:if expr="l.settings:item:subscrp_id"> <mvt:assign name="l.settings:rowspan" value="l.settings:rowspan + 1" /> </mvt:if> <td class="item-name"> <div class="special-offer"><mvt:if expr="l.settings:item:upsold">(Special Offer)</mvt:if></div> <div class="item-name">&mvt:item:name; - <span class="item-code"> &mvt:item:code; <mvt:foreach iterator="discount" array="item:discounts"> <mvt:if expr="l.settings:discount:display"> <div class="item-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div> </mvt:if> </mvt:foreach> </span> </div> </td> <td class="item-quantity"> &mvt:item:quantity; </td> <td class="item-price"> &mvt:item:formatted_base_price; </td> <td class="item-total"> <mvt:if expr="l.settings:item:subtotal_base_price NE l.settings:item:subtotal"> <span style="text-decoration: line-through;">&mvt:item:formatted_subtotal_base_price;</span> </mvt:if> &mvt:item:formatted_subtotal; </td> </tr> <mvt:foreach iterator="option" array="item:options"> <tr class="item-options"> <td class="item-name"> <mvt:if expr="l.settings:option:option_id"> &mvt:option:attr_code;: &mvt:option:opt_code; <mvt:elseif expr="NOT ISNULL l.settings:option:data"> <mvt:if expr="( l.settings:option:attr_code EQ 'digitaldownload' ) AND ( NOT ISNULL l.settings:option:digital_download_url )"> <a href="&mvte:option:digital_download_url;" target="_blank">Digital Download</a> <mvt:else> &mvt:option:attr_code;: &mvt:option:data; </mvt:if> <mvt:elseif expr="NOT ISNULL l.settings:option:data_long"> &mvt:option:attr_code;: &mvt:option:data_long; <mvt:else> &mvt:option:attr_code; </mvt:if> <mvt:foreach iterator="discount" array="option:discounts"> <mvt:if expr="l.settings:discount:display"> <div class="item-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div> </mvt:if> </mvt:foreach> </td> <td class="item-quantity"> </td> <td class="item-price"> <mvt:if expr="l.settings:option:base_price"> &mvt:option:formatted_base_price; <mvt:else> </mvt:if> </td> <td class="item-total"> <mvt:if expr="l.settings:option:subtotal_base_price OR l.settings:option:subtotal"> <mvt:if expr="l.settings:option:subtotal_base_price NE l.settings:option:subtotal"> <span style="text-decoration: line-through;">&mvt:option:formatted_subtotal_base_price;</span> </mvt:if> &mvt:option:formatted_subtotal; <mvt:else> </mvt:if> </td> </tr> </mvt:foreach> <mvt:if expr="l.settings:item:subscrp_id"> <tr class="item-options"> <td class="item-name"> Subscription: &mvte:item:subscription:productsubscriptionterm:descrip; </td> <td class="item-quantity"> </td> <td class="item-price"> </td> <td class="item-total"> </td> </tr> </mvt:if> </mvt:foreach> <mvt:foreach iterator="coupon" array="order:coupons"> <tr> <td class="item-name"> <div class="item-name">Coupon - <span class="item-code"> &mvt:coupon:code; </span> <mvt:if expr="NOT ISNULL l.settings:coupon:descrip"> <div class="item-discount">&mvt:coupon:descrip;</div> </mvt:if> </div> </td> <td class="item-quantity"> </td> <td class="item-price"> </td> <td class="item-total"> </td> </tr> </mvt:foreach> <mvt:foreach iterator="charge" array="order:charges"> <tr class="basket-charges"> <td colspan="2"> </td> <td class="charge-description">&mvt:charge:descrip;:</td> <td class="formatted-charge">&mvt:charge:formatted_disp_amt;</td> </tr> </mvt:foreach> <tr id="basket-totals"> <td colspan="2"> </td> <td class="total-prompt">Total:</td> <td class="formatted-total">&mvt:order:formatted_total;</td> </tr> <mvt:foreach iterator="payment" array="order:payments"> <tr class="basket-payments"> <td colspan="2"> </td> <td class="charge-description"> <mvt:if expr="l.settings:payment:type EQ 6"> Refund: <mvt:else> Payment: </mvt:if> &mvt:payment:desc;: </td> <td class="formatted-charge"> <mvt:if expr="l.settings:payment:type EQ 6"> &mvt:payment:formatted_amount; <mvt:else> &mvt:payment:formatted_amount_negative; </mvt:if> </td> </tr> </mvt:foreach> </table> <div class="clear"></div>
<h1>&mvt:product:name;</h1> <div class="product-details-1"><div class="product-image"><img id="main_image" src="graphics/en-US/cssui/blank.gif" alt="&mvte:product:name;" /></div> <ul id="thumbnails" class="thumbnails"></ul> <div id="closeup_div" class="closeup"><img id="closeup_image" src="graphics/en-US/cssui/blank.gif" alt="" /><div><a id="closeup_close">close</a></div></div> <mvt:item name="product_display_imagemachine" param="body:product:id" /> <div class="clear product-image-margin"></div> <div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div> <div class="product-price"> Price: <span id="price-value-additional" style="text-decoration: line-through"></span> <span id="price-value" class="bold">&mvt:product:formatted_base_price;</span> <div id="product-discounts"> </div> </div> <mvt:if expr="l.settings:product:weight NE 0"> <div class="product-weight">Shipping Weight: <span class="bold">&mvt:product:weight;</span> &mvt:store:wtunits;</div> </mvt:if> <div id="inventory-message"> <mvt:if expr="l.settings:product:inv_active"> &mvt:product:inv_long; </mvt:if> </div> <div class="product-quantity">Quantity in Basket: <mvt:if expr="l.settings:product:quantity EQ 0"> <span class="italic">None</span> <mvt:else> <span class="bold">&mvt:product:quantity;</span> </mvt:if> </div> </div> <div class="product-details-2"> <div class="product-description">&mvt:product:descrip;</div> <form name="add" method="post" action="&mvte:urls:BASK:auto;"> <div id="swatches" class="swatches"></div> <div class="clear"></div> <input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" /> <input type="hidden" name="Old_Search" value="&mvte:global:Search;" /> <input type="hidden" name="Action" value="ADPR" /> <input type="hidden" name="Product_Code" value="&mvte:product:code;" /> <input type="hidden" name="Category_Code" value="&mvte:global:category_code;" /> <input type="hidden" name="Offset" value="&mvte:global:Offset;" /> <input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" /> <input type="hidden" name="CatListingOffset" value="&mvte:global:CatListingOffset;" /> <input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" /> <input type="hidden" name="SearchOffset" value="&mvte:global:SearchOffset;" /> <div class="product-attributes"><mvt:item name="product_attributes" param="product:id" /></div> <div class="purchase-buttons"> Quantity: <input type="text" name="Quantity" value="1" class="product-quantity-input textfield" /> <div class="purchase-buttons-spacer"> <mvt:if expr="l.settings:product:inv_level NE 'out'"> <span onclick="document.forms.add.action = '&mvtj:urls:BASK:auto;'; document.forms.add.elements.Action.value = 'ADPR';"> <mvt:item name="buttons" param="AddToBasket" /> </span> </mvt:if> <span data-mmnodisable="true"><span onclick="document.forms.add.action = '&mvtj:urls:WISH:secure;'; document.forms.add.elements.Action.value = 'ATWL';"><mvt:item name="buttons" param="AddToWishList" /></span></span> </div> </div> </form> </div> <div class="clear"></div>
<h1>&mvt:product:name;</h1>
<div class="product-details-1"><div class="product-image"><img id="main_image" src="graphics/en-US/cssui/blank.gif" alt="&mvte:product:name;" /></div>
<ul id="thumbnails" class="thumbnails"></ul>
<div id="closeup_div" class="closeup"><img id="closeup_image" src="graphics/en-US/cssui/blank.gif" alt="" /><div><a id="closeup_close">close</a></div></div>
<mvt:item name="product_display_imagemachine" param="body:product:id" />
<div class="clear product-image-margin"></div>
<div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div>
<div class="product-price">
Price:
<span id="price-value-additional" style="text-decoration: line-through"></span>
<span id="price-value" class="bold">&mvt:product:formatted_base_price;</span>
<div id="product-discounts">
</div>
</div>
<mvt:if expr="l.settings:product:weight NE 0">
<div class="product-weight">Shipping Weight: <span class="bold">&mvt:product:weight;</span> &mvt:store:wtunits;</div>
</mvt:if>
<div id="inventory-message">
<mvt:if expr="l.settings:product:inv_active">
&mvt:product:inv_long;
</mvt:if>
</div>
<div class="product-quantity">Quantity in Basket:
<mvt:if expr="l.settings:product:quantity EQ 0">
<span class="italic">None</span>
<mvt:else>
<span class="bold">&mvt:product:quantity;</span>
</mvt:if>
</div>
</div>
<div class="product-details-2">
<div class="product-description">&mvt:product:descrip;</div>
<form name="add" method="post" action="&mvte:urls:BASK:auto;">
<div id="swatches" class="swatches"></div>
<div class="clear"></div>
<input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
<input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
<input type="hidden" name="Action" value="ADPR" />
<input type="hidden" name="Product_Code" value="&mvte:product:code;" />
<input type="hidden" name="Category_Code" value="&mvte:global:category_code;" />
<input type="hidden" name="Offset" value="&mvte:global:Offset;" />
<input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" />
<input type="hidden" name="CatListingOffset" value="&mvte:global:CatListingOffset;" />
<input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" />
<input type="hidden" name="SearchOffset" value="&mvte:global:SearchOffset;" />
<div class="product-attributes"><mvt:item name="product_attributes" param="product:id" /></div>
<mvt:if expr="l.settings:subscription:mandatory">
<mvt:if expr="l.settings:product:inv_level NE 'out'">
<div class="purchase-buttons">
Quantity: <input type="text" name="Quantity" value="1" class="product-quantity-input textfield" /> <mvt:item name="buttons" param="AddToBasket" />
</div>
</mvt:if>
<mvt:else>
<div class="purchase-buttons">
Quantity: <input type="text" name="Quantity" value="1" class="product-quantity-input textfield" />
<div class="purchase-buttons-spacer">
<mvt:if expr="l.settings:product:inv_level NE 'out'">
<span onclick="document.forms.add.action = '&mvtj:urls:BASK:auto;'; document.forms.add.elements.Action.value = 'ADPR';">
<mvt:item name="buttons" param="AddToBasket" />
</span>
</mvt:if>
<span data-mmnodisable="true"><span onclick="document.forms.add.action = '&mvtj:urls:WISH:secure;'; document.forms.add.elements.Action.value = 'ATWL';"><mvt:item name="buttons" param="AddToWishList" /></span></span>
</div>
</div>
</mvt:if>
</form>
</div>
<div class="clear"></div>
... <mvt:foreach iterator="product" array="category_listing:products"> <div class="product-item" style="width:50%"> <div class="padding"> <div class="product-details"> <div class="product-thumbnail"> <mvt:if expr="NOT ISNULL l.settings:product:thumbnail"><a href="&mvte:product:link;"><img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" /><mvt:else><a class="thumbnail-not-available" href="&mvte:product:link;" title="&mvte:product:name;"></mvt:if></a> </div> <div class="product-name"><a href="&mvte:product:link;">&mvt:product:name;</a></div> <div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div> <div class="product-price"> Price: <span class="bold">&mvt:product:formatted_base_price;</span> </div> <mvt:if expr="l.settings:product:inv_active">&mvt:product:inv_long;<br></mvt:if> <div class="product-quantity">Quantity in Basket: <mvt:if expr="l.settings:product:quantity EQ 0"> <span class="italic">none</span> <mvt:else> <span class="italic">&mvt:product:quantity;</span> </mvt:if> </div> </div> <mvt:if expr="l.settings:product:inv_level NE 'out'"> ...
... <mvt:foreach iterator="product" array="category_listing:products"> <div class="product-item" style="width:50%"> <div class="padding"> <div class="product-details"> <div class="product-thumbnail"> <mvt:if expr="NOT ISNULL l.settings:product:thumbnail"><a data-mm-linktype="product-list-link" href="&mvte:product:link;"><img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" /><mvt:else><a data-mm-linktype="product-list-link" class="thumbnail-not-available" href="&mvte:product:link;" title="&mvte:product:name;"></mvt:if></a> </div> <div class="product-name"><a data-mm-linktype="product-list-link" href="&mvte:product:link;">&mvt:product:name;</a></div> <div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div> <div class="product-price"> Price: <span class="bold">&mvt:product:formatted_base_price;</span> </div> <mvt:if expr="l.settings:product:inv_active">&mvt:product:inv_long;<br></mvt:if> <div class="product-quantity">Quantity in Basket: <mvt:if expr="l.settings:product:quantity EQ 0"> <span class="italic">none</span> <mvt:else> <span class="italic">&mvt:product:quantity;</span> </mvt:if> </div> </div> <mvt:if expr="l.settings:product:inv_level NE 'out'"> ...
... <mvt:foreach iterator="product" array="all_products:products"> <div class="product-item" style="width:50%"> <div class="padding"> <div class="product-details"> <div class="product-thumbnail"> <mvt:if expr="NOT ISNULL l.settings:product:thumbnail"><a href="&mvte:product:link;"><img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" /><mvt:else><a class="thumbnail-not-available" href="&mvte:product:link;" title="&mvte:product:name;"></mvt:if></a> </div> <div class="product-name"><a href="&mvte:product:link;">&mvt:product:name;</a></div> <div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div> <div class="product-price"> Price: <span class="bold">&mvt:product:formatted_base_price;</span> </div> <mvt:if expr="l.settings:product:inv_active">&mvt:product:inv_long;<br></mvt:if> <div class="product-quantity">Quantity in Basket: <mvt:if expr="l.settings:product:quantity EQ 0"> <span class="italic">none</span> <mvt:else> <span class="italic">&mvt:product:quantity;</span> </mvt:if> </div> </div> <mvt:if expr="l.settings:product:inv_level NE 'out'"> ...
... <mvt:foreach iterator="product" array="all_products:products"> <div class="product-item" style="width:50%"> <div class="padding"> <div class="product-details"> <div class="product-thumbnail"> <mvt:if expr="NOT ISNULL l.settings:product:thumbnail"><a data-mm-linktype="product-list-link" href="&mvte:product:link;"><img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" /><mvt:else><a data-mm-linktype="product-list-link" class="thumbnail-not-available" href="&mvte:product:link;" title="&mvte:product:name;"></mvt:if></a> </div> <div class="product-name"><a data-mm-linktype="product-list-link" href="&mvte:product:link;">&mvt:product:name;</a></div> <div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div> <div class="product-price"> Price: <span class="bold">&mvt:product:formatted_base_price;</span> </div> <mvt:if expr="l.settings:product:inv_active">&mvt:product:inv_long;<br></mvt:if> <div class="product-quantity">Quantity in Basket: <mvt:if expr="l.settings:product:quantity EQ 0"> <span class="italic">none</span> <mvt:else> <span class="italic">&mvt:product:quantity;</span> </mvt:if> </div> </div> <mvt:if expr="l.settings:product:inv_level NE 'out'"> ...
... <mvt:foreach iterator="product" array="search_results:products"> <div class="product-item" style="width:50%"> <div class="padding"> <div class="product-details"> <div class="product-thumbnail"> <mvt:if expr="NOT ISNULL l.settings:product:thumbnail"><a href="&mvte:product:link;"><img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" /><mvt:else><a class="thumbnail-not-available" href="&mvte:product:link;" title="&mvte:product:name;"></mvt:if></a> </div> <div class="product-name"><a href="&mvte:product:link;">&mvt:product:name;</a></div> <div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div> <div class="product-price"> Price: <span class="bold">&mvt:product:formatted_base_price;</span> </div> <mvt:if expr="l.settings:product:inv_active">&mvt:product:inv_long;<br></mvt:if> <div class="product-quantity">Quantity in Basket: <mvt:if expr="l.settings:product:quantity EQ 0"> <span class="italic">none</span> <mvt:else> <span class="italic">&mvt:product:quantity;</span> </mvt:if> </div> </div> <mvt:if expr="l.settings:product:inv_level NE 'out'"> ...
... <mvt:foreach iterator="product" array="search_results:products"> <div class="product-item" style="width:50%"> <div class="padding"> <div class="product-details"> <div class="product-thumbnail"> <mvt:if expr="NOT ISNULL l.settings:product:thumbnail"><a data-mm-linktype="product-list-link" href="&mvte:product:link;"><img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" /><mvt:else><a data-mm-linktype="product-list-link" class="thumbnail-not-available" href="&mvte:product:link;" title="&mvte:product:name;"></mvt:if></a> </div> <div class="product-name"><a data-mm-linktype="product-list-link" href="&mvte:product:link;">&mvt:product:name;</a></div> <div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div> <div class="product-price"> Price: <span class="bold">&mvt:product:formatted_base_price;</span> </div> <mvt:if expr="l.settings:product:inv_active">&mvt:product:inv_long;<br></mvt:if> <div class="product-quantity">Quantity in Basket: <mvt:if expr="l.settings:product:quantity EQ 0"> <span class="italic">none</span> <mvt:else> <span class="italic">&mvt:product:quantity;</span> </mvt:if> </div> </div> <mvt:if expr="l.settings:product:inv_level NE 'out'"> ...
... <mvt:foreach iterator="product" array="related_products:products"> <div class="product-item" style="width:50%"> <div class="padding"> <div class="product-details"> <div class="product-thumbnail"> <mvt:if expr="NOT ISNULL l.settings:product:thumbnail"><a href="&mvte:product:link;"><img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" /><mvt:else><a class="thumbnail-not-available" href="&mvte:product:link;" title="&mvte:product:name;"></mvt:if></a> </div> <div class="product-name"><a href="&mvte:product:link;">&mvt:product:name;</a></div> <div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div> <div class="product-price"> Price: <span class="bold">&mvt:product:formatted_base_price;</span> </div> <mvt:if expr="l.settings:product:inv_active">&mvt:product:inv_long;<br></mvt:if> <div class="product-quantity">Quantity in Basket: <mvt:if expr="l.settings:product:quantity EQ 0"> <span class="italic">none</span> <mvt:else> <span class="italic">&mvt:product:quantity;</span> </mvt:if> </div> </div> <mvt:if expr="l.settings:product:inv_level NE 'out'"> ...
... <mvt:foreach iterator="product" array="related_products:products"> <div class="product-item" style="width:50%"> <div class="padding"> <div class="product-details"> <div class="product-thumbnail"> <mvt:if expr="NOT ISNULL l.settings:product:thumbnail"><a data-mm-linktype="product-list-link" href="&mvte:product:link;"><img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" /><mvt:else><a data-mm-linktype="product-list-link" class="thumbnail-not-available" href="&mvte:product:link;" title="&mvte:product:name;"></mvt:if></a> </div> <div class="product-name"><a data-mm-linktype="product-list-link" href="&mvte:product:link;">&mvt:product:name;</a></div> <div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div> <div class="product-price"> Price: <span class="bold">&mvt:product:formatted_base_price;</span> </div> <mvt:if expr="l.settings:product:inv_active">&mvt:product:inv_long;<br></mvt:if> <div class="product-quantity">Quantity in Basket: <mvt:if expr="l.settings:product:quantity EQ 0"> <span class="italic">none</span> <mvt:else> <span class="italic">&mvt:product:quantity;</span> </mvt:if> </div> </div> ...
<mvt:if expr="l.settings:wishlistitems:wishlist:cust_id EQ g.Basket:cust_id">
<tr>
<td width="100%">
<mvt:if expr="g.Edit_Wish NE l.settings:wishlistitem:id">
<a class="edit" href="&mvte:urls:_self:auto_sep;WishList_ID=&mvta:global:WishList_ID;&Edit_Wish=&mvta:wishlistitem:id;&Offset=&mvta:global:Offset;&Sort_By=&mvte:global:Sort_By;&Per_Page=&mvte:global:Per_Page">Edit comment, quantity, & wish list</a>
</mvt:if>
</td>
<td nowrap align="right">
<mvt:if expr="g.Edit_Wish EQ l.settings:wishlistitem:id">
<a class="edit" href="&mvte:urls:_self:auto_sep;WishList_ID=&mvta:global:WishList_ID;&Offset=&mvta:global:Offset;&Sort_By=&mvte:global:Sort_By;&Per_Page=&mvte:global:Per_Page;">Cancel</a><MIVA STANDARDOUTPUTLEVEL = "">
<MvIF EXPR = "{ NOT l.settings:button_add }"><MIVA STANDARDOUTPUTLEVEL = "text, html">
<span class="grey">|</span>
<a class="edit" href="#" onclick="document.forms.edit_wish.submit(); return false;">Update</a>
<MIVA STANDARDOUTPUTLEVEL = "">
</MvIF><MIVA STANDARDOUTPUTLEVEL = "text, html">
<mvt:else>
<a class="edit" href="&mvte:urls:_self:auto_sep;Action=RMWL&WishList_ID=&mvta:global:WishList_ID;&Wish_ID=&mvta:wishlistitem:id;&Offset=&mvta:global:Offset;">Remove</a>
</mvt:if>
</td>
</tr>
</mvt:if>
...
<mvt:if expr="l.settings:wishlistitems:wishlist:cust_id EQ g.Basket:cust_id">
<tr>
<td width="100%">
<mvt:if expr="g.Edit_Wish NE l.settings:wishlistitem:id">
<a class="edit" href="&mvte:urls:_self:auto_sep;WishList_ID=&mvta:global:WishList_ID;&Edit_Wish=&mvta:wishlistitem:id;&Offset=&mvta:global:Offset;&Sort_By=&mvte:global:Sort_By;&Per_Page=&mvte:global:Per_Page;">Edit comment, quantity, & wish list</a>
</mvt:if>
</td>
<td nowrap align="right">
<mvt:if expr="g.Edit_Wish EQ l.settings:wishlistitem:id">
<a class="edit" href="&mvte:urls:_self:auto_sep;WishList_ID=&mvta:global:WishList_ID;&Offset=&mvta:global:Offset;&Sort_By=&mvte:global:Sort_By;&Per_Page=&mvte:global:Per_Page;">Cancel</a>
<mvt:else>
<a class="edit" href="&mvte:urls:_self:auto_sep;Action=RMWL&WishList_ID=&mvta:global:WishList_ID;&Wish_ID=&mvta:wishlistitem:id;&Offset=&mvta:global:Offset;">Remove</a>
</mvt:if>
</td>
</tr>
</mvt:if>
...
<span id="global-mini-basket-container"> <a href="&mvt:global:secure_sessionurl;Screen=BASK&Store_Code=&mvta:store:code;" id="global-mini-basket-link">Basket<mvt:if expr="NOT l.settings:global_minibasket:empty"> Contents (&mvte:global_minibasket:basket_count;)</mvt:if></a> <span class="grey">|</span> <mvt:if expr="NOT l.settings:global_minibasket:empty"> <div style="clear: both;"></div> <div id="global-mini-basket-hover-content"> <table width="100%"> <thead> <tr> <th align="left" nowrap>Basket Summary</th> <th colspan="2" align="right" nowrap><a href="&mvt:global:secure_sessionurl;Screen=BASK&Store_Code=&mvta:store:code;">Basket</a><mvt:if expr="l.settings:global_minibasket:orderminimum_met"> / <a href="&mvt:global:secure_sessionurl;Screen=OINF&Store_Code=&mvta:store:code;">Checkout</a></mvt:if></th> </tr> </thead> <tbody> <mvt:foreach iterator="item" array="global_minibasket:groups"> <mvt:if expr="(pos1-1) MOD 2 EQ 0 or pos1 EQ 1"><tr class="on"><mvt:else><tr></mvt:if> <td nowrap align="center" valign="middle"> <form method="post" action="&mvt:global:sessionurl;Screen=BASK"> <input type="hidden" name="Action" value="RPRD" /> <input type="hidden" name="Store_Code" value="&mvte:store:code;" /> <input type="hidden" name="Basket_Line" value="&mvte:item:group_id;" /> <input type="hidden" name="Offset" value="&mvte:global:Offset;" /> <input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" /> <input type="hidden" name="CatListingOffset" value="&mvte:global:CatListingOffset;" /> <input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" /> <input type="hidden" name="SearchOffset" value="&mvte:global:SearchOffset;" /> <mvt:item name="buttons" param="Remove" /> </form> </td> <td width="100%" align="left"> <b><a href="&mvt:global:sessionurl;Screen=PROD&Store_Code=&mvta:store:code;&Product_Code=&mvta:item:code;">&mvt:item:name;</a></b><br /> Code: &mvt:item:code;<br /> Quantity: &mvte:item:quantity; <mvt:foreach iterator="discount" array="item:discounts"> <mvt:if expr="l.settings:discount:display"> <div class="item-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div> </mvt:if> </mvt:foreach> </td> <td nowrap align="right" valign="middle"> <mvt:if expr="l.settings:item:subtotal"> &mvt:item:formatted_subtotal; <mvt:else> </mvt:if> </td> </tr> <mvt:foreach iterator="option" array="item:options"> <tr> <td> </td> <td> <mvt:if expr="l.settings:option:option_id"> &mvt:option:attr_code;: &mvt:option:opt_code; <mvt:elseif expr="NOT ISNULL l.settings:option:data"> &mvt:option:attr_code;: &mvt:option:data; <mvt:elseif expr="NOT ISNULL l.settings:option:data_long"> &mvt:option:attr_code;: &mvt:option:data_long; <mvt:else> &mvt:option:attr_code; </mvt:if> <mvt:foreach iterator="discount" array="option:discounts"> <mvt:if expr="l.settings:discount:display"> <div class="item-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div> </mvt:if> </mvt:foreach> </td> <td align="right"> <mvt:if expr="l.settings:option:subtotal"> &mvt:option:formatted_subtotal; <mvt:else> </mvt:if> </td> </tr> </mvt:foreach> </mvt:foreach> <mvt:foreach iterator="charge" array="global_minibasket:charges"> <tr class="basket-charges"> <td> </td> <td class="charge-description">&mvt:charge:descrip;:</td> <td class="formatted-charge" align="right">&mvt:charge:formatted_disp_amt;</td> </tr> </mvt:foreach> </tbody> <tfoot> <tr> <td colspan="3" align="right">Basket Total: &mvt:global_minibasket:formatted_total;</td> </tr> </tfoot> </table> </div> </mvt:if> </span> <script type="text/javascript"> function MiniBasket() { var self = this; this.content_container = document.getElementById( 'global-mini-basket-hover-content' ); this.display_link = document.getElementById( 'global-mini-basket-link' ); this.minibasket_backing = document.createElement( 'div' ); if ( this.content_container ) { this.minibasket_backing.className = 'minibasket_backing'; document.getElementsByTagName( 'body' )[ 0 ].insertBefore( this.minibasket_backing, document.getElementsByTagName( 'body' )[ 0 ].firstChild ); if ( this.display_link ) this.display_link.onclick = function() { ( ( self.content_container.style.display == 'none' ) ? self.Show() : self.Hide() ); return false; } if ( this.minibasket_backing ) this.minibasket_backing.onclick = function() { self.Hide(); return false; } this.content_container.style.display = 'none'; } } MiniBasket.prototype.Show = function() { var self = this; window.onresize = function() { self.Resize(); } this.content_container.style.display = 'block'; this.minibasket_backing.style.display = 'inline'; if ( document.documentElement.clientHeight > document.body.scrollHeight ) { this.minibasket_backing.style.height = document.documentElement.clientHeight + 'px'; } else { this.minibasket_backing.style.height = ( document.body.scrollHeight > document.documentElement.scrollHeight ) ? document.body.scrollHeight + 'px' : document.documentElement.scrollHeight + 'px'; } } MiniBasket.prototype.Hide = function() { this.content_container.style.display = 'none'; this.minibasket_backing.style.display = 'none'; window.onresize = null; } MiniBasket.prototype.Resize = function() { if ( document.documentElement.clientHeight > document.body.scrollHeight ) { this.minibasket_backing.style.height = document.documentElement.clientHeight + 'px'; } else { this.minibasket_backing.style.height = ( document.body.scrollHeight > document.documentElement.scrollHeight ) ? document.body.scrollHeight + 'px' : document.documentElement.scrollHeight + 'px'; } } var minibasket = new MiniBasket(); </script>
<span id="global-mini-basket-container"> <a href="&mvt:global:secure_sessionurl;Screen=BASK&Store_Code=&mvta:store:code;" id="global-mini-basket-link">Basket<mvt:if expr="NOT l.settings:global_minibasket:empty"> Contents (&mvte:global_minibasket:basket_count;)</mvt:if></a> <span class="grey">|</span> <mvt:if expr="NOT l.settings:global_minibasket:empty"> <div style="clear: both;"></div> <div id="global-mini-basket-hover-content"> <table width="100%"> <thead> <tr> <th align="left" nowrap>Basket Summary</th> <th colspan="2" align="right" nowrap><a href="&mvt:global:secure_sessionurl;Screen=BASK&Store_Code=&mvta:store:code;">Basket</a><mvt:if expr="l.settings:global_minibasket:orderminimum_met"> / <a href="&mvt:global:secure_sessionurl;Screen=OINF&Store_Code=&mvta:store:code;">Checkout</a></mvt:if></th> </tr> </thead> <tbody> <mvt:foreach iterator="item" array="global_minibasket:groups"> <mvt:if expr="( l.pos1 - 1 ) MOD 2 EQ 0 OR l.pos1 EQ 1"><tr class="on"><mvt:else><tr></mvt:if> <td nowrap align="center" valign="middle"> <form method="post" action="&mvt:global:sessionurl;Screen=BASK"> <input type="hidden" name="Action" value="RPRD" /> <input type="hidden" name="Store_Code" value="&mvte:store:code;" /> <input type="hidden" name="Basket_Line" value="&mvte:item:group_id;" /> <input type="hidden" name="Offset" value="&mvte:global:Offset;" /> <input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" /> <input type="hidden" name="CatListingOffset" value="&mvte:global:CatListingOffset;" /> <input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" /> <input type="hidden" name="SearchOffset" value="&mvte:global:SearchOffset;" /> <mvt:item name="buttons" param="Remove" /> </form> </td> <td width="100%" align="left"> <b><a href="&mvt:global:sessionurl;Screen=PROD&Store_Code=&mvta:store:code;&Product_Code=&mvta:item:code;">&mvt:item:name;</a></b><br /> Code: &mvt:item:code;<br /> Quantity: &mvte:item:quantity; <mvt:foreach iterator="discount" array="item:discounts"> <mvt:if expr="l.settings:discount:display"> <div class="item-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div> </mvt:if> </mvt:foreach> </td> <td nowrap align="right" valign="middle"> <mvt:if expr="l.settings:item:subtotal"> &mvt:item:formatted_subtotal; <mvt:else> </mvt:if> </td> </tr> <mvt:foreach iterator="option" array="item:options"> <mvt:if expr="( l.pos1 - 1 ) MOD 2 EQ 0 OR l.pos1 EQ 1"><tr class="on"><mvt:else><tr></mvt:if> <td> </td> <td> <mvt:if expr="l.settings:option:option_id"> &mvt:option:attr_code;: &mvt:option:opt_code; <mvt:elseif expr="NOT ISNULL l.settings:option:data"> &mvt:option:attr_code;: &mvt:option:data; <mvt:elseif expr="NOT ISNULL l.settings:option:data_long"> &mvt:option:attr_code;: &mvt:option:data_long; <mvt:else> &mvt:option:attr_code; </mvt:if> <mvt:foreach iterator="discount" array="option:discounts"> <mvt:if expr="l.settings:discount:display"> <div class="item-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div> </mvt:if> </mvt:foreach> </td> <td align="right"> <mvt:if expr="l.settings:option:subtotal"> &mvt:option:formatted_subtotal; <mvt:else> </mvt:if> </td> </tr> </mvt:foreach> <mvt:if expr="l.settings:item:subterm_id"> <mvt:if expr="( l.pos1 - 1 ) MOD 2 EQ 0 OR l.pos1 EQ 1"><tr class="on"><mvt:else><tr></mvt:if> <td> </td> <td>Subscription: &mvte:item:productsubscriptionterm:descrip;</td> <td> </td> </tr> </mvt:if> </mvt:foreach> <mvt:foreach iterator="charge" array="global_minibasket:charges"> <tr class="basket-charges"> <td> </td> <td class="charge-description">&mvt:charge:descrip;:</td> <td class="formatted-charge" align="right">&mvt:charge:formatted_disp_amt;</td> </tr> </mvt:foreach> </tbody> <tfoot> <tr> <td colspan="3" align="right">Basket Total: &mvt:global_minibasket:formatted_total;</td> </tr> </tfoot> </table> </div> </mvt:if> </span> <script type="text/javascript"> function MiniBasket() { var self = this; this.content_container = document.getElementById( 'global-mini-basket-hover-content' ); this.display_link = document.getElementById( 'global-mini-basket-link' ); this.minibasket_backing = document.createElement( 'div' ); if ( this.content_container ) { this.minibasket_backing.className = 'minibasket_backing'; document.getElementsByTagName( 'body' )[ 0 ].insertBefore( this.minibasket_backing, document.getElementsByTagName( 'body' )[ 0 ].firstChild ); if ( this.display_link ) this.display_link.onclick = function() { ( ( self.content_container.style.display == 'none' ) ? self.Show() : self.Hide() ); return false; } if ( this.minibasket_backing ) this.minibasket_backing.onclick = function() { self.Hide(); return false; } this.content_container.style.display = 'none'; } } MiniBasket.prototype.Show = function() { var self = this; window.onresize = function() { self.Resize(); } this.content_container.style.display = 'block'; this.minibasket_backing.style.display = 'inline'; if ( document.documentElement.clientHeight > document.body.scrollHeight ) { this.minibasket_backing.style.height = document.documentElement.clientHeight + 'px'; } else { this.minibasket_backing.style.height = ( document.body.scrollHeight > document.documentElement.scrollHeight ) ? document.body.scrollHeight + 'px' : document.documentElement.scrollHeight + 'px'; } } MiniBasket.prototype.Hide = function() { this.content_container.style.display = 'none'; this.minibasket_backing.style.display = 'none'; window.onresize = null; } MiniBasket.prototype.Resize = function() { if ( document.documentElement.clientHeight > document.body.scrollHeight ) { this.minibasket_backing.style.height = document.documentElement.clientHeight + 'px'; } else { this.minibasket_backing.style.height = ( document.body.scrollHeight > document.documentElement.scrollHeight ) ? document.body.scrollHeight + 'px' : document.documentElement.scrollHeight + 'px'; } } var minibasket = new MiniBasket(); </script>
<mvt:miva compresswhitespace="off" />
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '<mvt:item name="ga_jsencode" param="ga_tracking:google_id_unencoded" />', 'auto');
var mvga_basketitems = [
<mvt:foreach iterator="item" array="basket:items">
<mvt:if expr="l.pos1 GT 1">,</mvt:if>
{
'code' : '<mvt:item name="ga_jsencode" param="item:code" />',
'name' : '<mvt:item name="ga_jsencode" param="item:name" />',
'line_id' : <mvt:eval expr="int( l.settings:item:line_id )" />,
'group_id' : <mvt:eval expr="int( l.settings:item:group_id )" />,
'price' : <mvt:eval expr="l.settings:item:price ROUND 2" />,
'quantity' : <mvt:eval expr="int( l.settings:item:quantity )" />
}
</mvt:foreach>
];
var mvga_orderitems = [
<mvt:foreach iterator="item" array="order:items">
<mvt:if expr="l.pos1 GT 1">,</mvt:if>
{
'order_id' : <mvt:eval expr="int( l.settings:item:order_id )" />,
'code' : '<mvt:item name="ga_jsencode" param="item:code" />',
'name' : '<mvt:item name="ga_jsencode" param="item:name" />',
'price' : <mvt:eval expr="l.settings:item:price ROUND 2" />,
'quantity' : <mvt:eval expr="int( l.settings:item:quantity )" />
}
</mvt:foreach>
];
var mvga_productlist = [];
var mvga_tracker = new MVGA_Tracker( '<mvt:item name="ga_jsencode" param="ga_tracking:product_link_prefix" />', '<mvt:item name="ga_jsencode" param="category:name" />', '<mvt:item name="ga_jsencode" param="product:code" />', '<mvt:item name="ga_jsencode" param="product:name" />', mvga_basketitems, mvga_orderitems );
<mvt:if expr="l.settings:page:code EQ 'PROD'">
ga( 'require', 'ec' );
<mvt:foreach iterator="list_product" array="ga_tracking:product_list">
ga( 'ec:addImpression',
{
'id' : '<mvt:item name="ga_jsencode" param="list_product:code" />',
'name' : '<mvt:item name="ga_jsencode" param="list_product:name" />',
'list' : 'Related Products',
'position' : '<mvt:eval expr="int( l.settings:list_product:disp_order )" />'
} );
mvga_productlist.push(
{
'code' : '<mvt:item name="ga_jsencode" param="list_product:code" />',
'name' : '<mvt:item name="ga_jsencode" param="list_product:name" />',
'position' : '<mvt:eval expr="int( l.settings:list_product:disp_order )" />'
} );
</mvt:foreach>
ga( 'ec:addProduct',
{
'id' : '<mvt:item name="ga_jsencode" param="product:code" />',
'name' : '<mvt:item name="ga_jsencode" param="product:name" />',
'category' : '<mvt:item name="ga_jsencode" param="category:name" />'
} );
ga( 'ec:setAction', 'detail' );
<mvt:elseif expr="l.settings:page:code EQ 'CTGY' OR
l.settings:page:code EQ 'PLST' OR
l.settings:page:code EQ 'SRCH'">
ga( 'require', 'ec' );
<mvt:foreach iterator="list_product" array="ga_tracking:product_list">
ga( 'ec:addImpression',
{
'id' : '<mvt:item name="ga_jsencode" param="list_product:code" />',
'name' : '<mvt:item name="ga_jsencode" param="list_product:name" />',
'category' : '<mvt:item name="ga_jsencode" param="category:name" />',
'list' : '<mvt:item name="ga_jsencode" param="ga_tracking:list_label" />',
'position' : '<mvt:eval expr="int( l.settings:list_product:disp_order )" />'
} );
mvga_productlist.push(
{
'code' : '<mvt:item name="ga_jsencode" param="list_product:code" />',
'name' : '<mvt:item name="ga_jsencode" param="list_product:name" />',
'position' : '<mvt:eval expr="int( l.settings:list_product:disp_order )" />'
} );
</mvt:foreach>
<mvt:elseif expr="l.settings:page:code EQ 'OSEL'">
ga( 'require', 'ec' );
var i;
for ( i = 0; i < mvga_basketitems.length; i++ )
{
ga( 'ec:addProduct',
{
'id' : mvga_basketitems[ i ].code,
'name' : mvga_basketitems[ i ].name,
'quantity' : mvga_basketitems[ i ].quantity
} );
}
ga( 'ec:setAction', 'checkout', { 'step' : 1 } );
<mvt:elseif expr="l.settings:page:code EQ 'OPAY'">
ga( 'require', 'ec' );
var i;
for ( i = 0; i < mvga_basketitems.length; i++ )
{
ga( 'ec:addProduct',
{
'id' : mvga_basketitems[ i ].code,
'name' : mvga_basketitems[ i ].name,
'price' : mvga_basketitems[ i ].name,
'quantity' : mvga_basketitems[ i ].quantity
} );
}
ga( 'ec:setAction', 'checkout', { 'step' : 2 } );
<mvt:elseif expr="l.settings:page:code EQ 'INVC'">
ga( 'require', 'ec' );
<mvt:foreach iterator="ga_orderitem" array="ga_tracking:orderitems">
ga( 'ec:addProduct', {
'id' : '<mvt:item name="ga_jsencode" param="ga_orderitem:code_unencoded" />',
'name' : '<mvt:item name="ga_jsencode" param="ga_orderitem:name_unencoded" />',
'price' : '<mvt:item name="ga_jsencode" param="ga_orderitem:price" />',
'variant' : '<mvt:item name="ga_jsencode" param="ga_orderitem:variant_label_unencoded" />',
'quantity' : '<mvt:eval expr="l.settings:ga_orderitem:quantity" />'
} );
</mvt:foreach>
ga( 'ec:setAction', 'purchase', {
'id' : '<mvt:eval expr="int( l.settings:ga_orderitem:order_id )" />',
'revenue' : '<mvt:item name="ga_jsencode" param="ga_tracking:order_total" />',
'affiliation' : '<mvt:item name="ga_jsencode" param="store:name" />',
'tax' : '<mvt:item name="ga_jsencode" param="ga_tracking:total_tax" />',
'shipping' : '<mvt:item name="ga_jsencode" param="ga_tracking:total_ship" />'
} );
</mvt:if>
<mvt:if expr="NOT g.UI_Exception">
ga( 'send', 'pageview', { 'page':'<mvt:item name="ga_jsencode" param="ga_tracking:url_override_unencoded" />' } );
</mvt:if>
</script>
<mvt:miva compresswhitespace="off" />
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '<mvt:item name="ga_jsencode" param="ga_tracking:google_id_unencoded" />', 'auto');
var mvga_basketitems = [
<mvt:foreach iterator="item" array="basket:items">
<mvt:if expr="l.pos1 GT 1">,</mvt:if>
{
'code' : '<mvt:item name="ga_jsencode" param="item:code" />',
'name' : '<mvt:item name="ga_jsencode" param="item:name" />',
'line_id' : <mvt:eval expr="int( l.settings:item:line_id )" />,
'group_id' : <mvt:eval expr="int( l.settings:item:group_id )" />,
'price' : '<mvt:eval expr="l.settings:item:price ROUND 2" />',
'quantity' : <mvt:eval expr="int( l.settings:item:quantity )" />
}
</mvt:foreach>
];
var mvga_orderitems = [
<mvt:foreach iterator="item" array="order:items">
<mvt:if expr="l.pos1 GT 1">,</mvt:if>
{
'order_id' : <mvt:eval expr="int( l.settings:item:order_id )" />,
'code' : '<mvt:item name="ga_jsencode" param="item:code" />',
'name' : '<mvt:item name="ga_jsencode" param="item:name" />',
'price' : '<mvt:eval expr="l.settings:item:price ROUND 2" />',
'quantity' : <mvt:eval expr="int( l.settings:item:quantity )" />
}
</mvt:foreach>
];
var mvga_productlist = [];
var mvga_tracker = new MVGA_Tracker( '<mvt:item name="ga_jsencode" param="ga_tracking:product_link_prefix" />', '<mvt:item name="ga_jsencode" param="category:name" />', '<mvt:item name="ga_jsencode" param="product:code" />', '<mvt:item name="ga_jsencode" param="product:name" />', mvga_basketitems, mvga_orderitems );
<mvt:if expr="l.settings:page:code EQ 'PROD'">
ga( 'require', 'ec' );
<mvt:foreach iterator="list_product" array="ga_tracking:product_list">
ga( 'ec:addImpression',
{
'id' : '<mvt:item name="ga_jsencode" param="list_product:code" />',
'name' : '<mvt:item name="ga_jsencode" param="list_product:name" />',
'list' : 'Related Products',
'position' : '<mvt:eval expr="int( l.settings:list_product:disp_order )" />'
} );
mvga_productlist.push(
{
'code' : '<mvt:item name="ga_jsencode" param="list_product:code" />',
'name' : '<mvt:item name="ga_jsencode" param="list_product:name" />',
'position' : '<mvt:eval expr="int( l.settings:list_product:disp_order )" />'
} );
</mvt:foreach>
ga( 'ec:addProduct',
{
'id' : '<mvt:item name="ga_jsencode" param="product:code" />',
'name' : '<mvt:item name="ga_jsencode" param="product:name" />',
'category' : '<mvt:item name="ga_jsencode" param="category:name" />'
} );
ga( 'ec:setAction', 'detail' );
<mvt:elseif expr="l.settings:page:code EQ 'CTGY' OR
l.settings:page:code EQ 'PLST' OR
l.settings:page:code EQ 'SRCH'">
ga( 'require', 'ec' );
<mvt:foreach iterator="list_product" array="ga_tracking:product_list">
ga( 'ec:addImpression',
{
'id' : '<mvt:item name="ga_jsencode" param="list_product:code" />',
'name' : '<mvt:item name="ga_jsencode" param="list_product:name" />',
'category' : '<mvt:item name="ga_jsencode" param="category:name" />',
'list' : '<mvt:item name="ga_jsencode" param="ga_tracking:list_label" />',
'position' : '<mvt:eval expr="int( l.settings:list_product:disp_order )" />'
} );
mvga_productlist.push(
{
'code' : '<mvt:item name="ga_jsencode" param="list_product:code" />',
'name' : '<mvt:item name="ga_jsencode" param="list_product:name" />',
'position' : '<mvt:eval expr="int( l.settings:list_product:disp_order )" />'
} );
</mvt:foreach>
<mvt:elseif expr="l.settings:page:code EQ 'OSEL'">
ga( 'require', 'ec' );
var i;
for ( i = 0; i < mvga_basketitems.length; i++ )
{
ga( 'ec:addProduct',
{
'id' : mvga_basketitems[ i ].code,
'name' : mvga_basketitems[ i ].name,
'price' : mvga_basketitems[ i ].price,
'quantity' : mvga_basketitems[ i ].quantity
} );
}
ga( 'ec:setAction', 'checkout', { 'step' : 1 } );
<mvt:elseif expr="l.settings:page:code EQ 'OPAY'">
ga( 'require', 'ec' );
var i;
for ( i = 0; i < mvga_basketitems.length; i++ )
{
ga( 'ec:addProduct',
{
'id' : mvga_basketitems[ i ].code,
'name' : mvga_basketitems[ i ].name,
'price' : mvga_basketitems[ i ].price,
'quantity' : mvga_basketitems[ i ].quantity
} );
}
ga( 'ec:setAction', 'checkout', { 'step' : 2 } );
<mvt:elseif expr="l.settings:page:code EQ 'INVC'">
ga( 'require', 'ec' );
<mvt:foreach iterator="ga_orderitem" array="ga_tracking:orderitems">
ga( 'ec:addProduct', {
'id' : '<mvt:item name="ga_jsencode" param="ga_orderitem:code_unencoded" />',
'name' : '<mvt:item name="ga_jsencode" param="ga_orderitem:name_unencoded" />',
'price' : '<mvt:item name="ga_jsencode" param="ga_orderitem:price" />',
'variant' : '<mvt:item name="ga_jsencode" param="ga_orderitem:variant_label_unencoded" />',
'quantity' : <mvt:eval expr="l.settings:ga_orderitem:quantity" />
} );
</mvt:foreach>
ga( 'ec:setAction', 'purchase', {
'id' : '<mvt:eval expr="int( l.settings:ga_orderitem:order_id )" />',
'revenue' : '<mvt:item name="ga_jsencode" param="ga_tracking:order_total" />',
'affiliation' : '<mvt:item name="ga_jsencode" param="store:name" />',
'tax' : '<mvt:item name="ga_jsencode" param="ga_tracking:total_tax" />',
'shipping' : '<mvt:item name="ga_jsencode" param="ga_tracking:total_ship" />'
} );
</mvt:if>
<mvt:if expr="( g.UI_Exception NE 1 ) OR ( g.Session:cache:last_ui_exception EQ 'order_invoice' )">
ga( 'send', 'pageview', { 'page':'<mvt:item name="ga_jsencode" param="ga_tracking:url_override_unencoded" />' } );
</mvt:if>
</script>