The following is a list of all changes from MM9.0002 to MM9.0003 with regards to the template code/css files.
Added in 9.0003
<mvt:item name="html_profile" /> <head> <title>&mvt:store:name;: Customer Account Balance</title> <base href="&mvt:global:basehref;" /> <mvt:item name="head" param="css_list" /> <mvt:item name="head" param="head_tag" /> </head> <body class="ABAL 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> <div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div> <div class="logout-link"><a href="&mvt:global:secure_sessionurl;Action=LOGO&Screen=SFNT&Store_Code=&mvta:store:code;">Logout</a></div> <h1>Customer Account Balance</h1> <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> <div class="customer_account_balance_container"> Current Balance: <span class="customer_account_balance">&mvt:customer:formatted_credit;</span> <br /> <a href="&mvt:global:secure_sessionurl;Screen=RGFT&Store_Code=&mvta:store:code;" class="customer_account_balance_button_redeem">Redeem Gift Certificate</a> </div> <mvt:item name="customercredithistory" /> <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 id="acad_form" method="post" action="&mvt:global:secure_sessionurl;" autocomplete="off"> <input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;" /> <input type="hidden" name="Action" value="ICST" /> <input type="hidden" name="Order" value="&mvte:global:Order;" /> <mvt:if expr="g.Order"> <input type="hidden" name="Screen" value="OINF" /> <mvt:else> <input type="hidden" name="Screen" value="ACED" /> </mvt:if> <div id="customer-fields" class="editable"><mvt:item name="customer" /></div> <div class="save-button"><mvt:item name="buttons" param="Save" /></div> </form> ...
...
<form id="acad_form" method="post" action="&mvt:global:secure_sessionurl;" autocomplete="off">
<input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;" />
<input type="hidden" name="Action" value="ICST" />
<input type="hidden" name="Order" value="&mvte:global:Order;" />
<mvt:if expr="g.Order">
<input type="hidden" name="Screen" value="OINF" />
<mvt:elseif expr="g.Redeem">
<input type="hidden" name="Screen" value="RGFT" />
<mvt:else>
<input type="hidden" name="Screen" value="ACED" />
</mvt:if>
<div id="customer-fields" class="editable"><mvt:item name="customer" /></div>
<div class="save-button"><mvt:item name="buttons" param="Save" /></div>
</form>
...
... <div class="account-links"> <ul> <li><a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=ACED">Edit Account Info</a></li> <li><a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=CEML">Change Email Address</a></li> <li><a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=CPWD">Change Password</a></li> <li><a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=ORDH">Customer Order History</a></li> </ul> </div> ...
...
<div class="account-links">
<ul>
<li><a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=ACED">Edit Account Info</a></li>
<li><a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=CEML">Change Email Address</a></li>
<li><a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=CPWD">Change Password</a></li>
<li><a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=RGFT">Redeem Gift Certificate</a></li>
<li><a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=ABAL">Customer Account Balance</a></li></span>
<li><a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=ORDH">Customer Order History</a></li>
</ul>
</div>
...
Added in 9.0003
<mvt:item name="html_profile" /> <head> <title>&mvt:store:name;: Redeem Gift Certificate: Customer Login</title> <base href="&mvt:global:basehref;" /> <mvt:item name="head" param="css_list" /> <mvt:item name="head" param="head_tag" /> </head> <body class="GFTL 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> <div class="margin-container"> <div class="header-message"> You must have a customer account to redeem a gift certificate </div> <form name="logn" action="&mvt:global:secure_sessionurl;" method="post" autocomplete="off"> <input type="hidden" name="Store_Code" value="&mvte:store:code;" /> <input type="hidden" name="Screen" value="RGFT" /> <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 = '&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Redeem=1&Screen=ACAD';" /> </div> <div class="section"> <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="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=FPWD">Forgot password?</a></div> </div> </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>
Note: The new splitpayment item is now assigned to OPAY by default
<mvt:item name="html_profile" />
<head>
<title>&mvt:store:name;: Checkout: Payment Information</title>
<base href="&mvt:global:basehref;" />
<mvt:item name="head" param="css_list" />
<mvt:item name="head" param="head_tag" />
</head>
<body class="OPAY 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>Payment Information</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="&mvt:payment:url;">
<input type="hidden" name="Action" value="AUTH" />
<input type="hidden" name="Screen" value="INVC" />
<input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;" />
<div id="payment"><mvt:item name="payment" /></div>
<h2>Payment Method: &mvt:payment:desc;</h2>
<div id="fields-key">
<div><span class="required">Bold</span> = Required</div>
<div><span class="italic">Italic</span> = Optional</div>
</div>
<input type="hidden" name="PaymentMethod" value="&mvte:global:PaymentMethod;" />
<mvt:if expr="NOT ISNULL l.settings:payment:desc">
<span class="bold"></span>
</mvt:if>
<mvt:if expr="NOT ISNULL l.settings:payment:message">
&mvt:payment:message;<br />
</mvt:if>
<div id="payment-fields">
<mvt:foreach array="payment:fields" iterator="field">
<div class="form_row">
<mvt:if expr="l.settings:field:invalid">
<label class="bold red">&mvt:field:prompt;</label>
<mvt:else>
<label class="bold">&mvt:field:prompt;</label>
</mvt:if>
<mvt:item name="payment" param="field:code" />
</div>
</mvt:foreach>
</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> <title>&mvt:store:name;: Checkout: Payment Information</title> <base href="&mvt:global:basehref;" /> <mvt:item name="head" param="css_list" /> <mvt:item name="head" param="head_tag" /> <mvt:if expr="l.settings:payment:capabilities:split"> <script type="text/javascript"> function AmountType_Changed( amounttype ) { var balance_amount, amount, additional; balance_amount = document.getElementById( 'payment-balance-amount' ); amount = document.getElementById( 'payment-amount' ); additional = document.getElementById( 'payment-additional' ); if ( amounttype === 'total' ) { amount.disabled = true; additional.style.display = 'none'; if ( balance_amount ) { balance_amount.disabled = true; } } else if ( amounttype === 'balance' ) { amount.disabled = true; additional.style.display = ''; if ( balance_amount ) { balance_amount.disabled = false; } } else if ( amounttype === 'partial' ) { amount.disabled = false; additional.style.display = ''; if ( balance_amount ) { balance_amount.disabled = true; } } } </script> </mvt:if> </head> <body class="OPAY 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>Payment Information</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="&mvt:payment:url;"> <input type="hidden" name="Action" value="AUTH" /> <input type="hidden" name="Screen" value="INVC" /> <input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;" /> <div id="payment"><mvt:item name="payment" /></div> <h2>Payment Method: &mvt:payment:desc;</h2> <input type="hidden" name="PaymentMethod" value="&mvte:global:PaymentMethod;" /> <input type="hidden" name="SplitPaymentData" value="&mvte:global:SplitPaymentData;" /> <mvt:if expr="NOT ISNULL l.settings:payment:fields"> <div id="fields-key"> <div><span class="required">Bold</span> = Required</div> <div><span class="italic">Italic</span> = Optional</div> </div> </mvt:if> <mvt:if expr="NOT ISNULL l.settings:payment:message"> &mvt:payment:message;<br /> </mvt:if> <div id="payment-fields"> <mvt:foreach array="payment:fields" iterator="field"> <div class="form_row"> <mvt:if expr="l.settings:field:invalid"> <label class="bold red">&mvt:field:prompt;</label> <mvt:else> <label class="bold">&mvt:field:prompt;</label> </mvt:if> <mvt:item name="payment" param="field:code" /> </div> </mvt:foreach> </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> <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>
... <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"> ...
...
<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="&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">
...
Added in 9.0003
<mvt:item name="html_profile" /> <head> <title>&mvt:store:name;: Redeem Gift Certificate</title> <base href="&mvt:global:basehref;" /> <mvt:item name="head" param="css_list" /> <mvt:item name="head" param="head_tag" /> </head> <body class="RGFT 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> <div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div> <div class="logout-link"><a href="&mvt:global:secure_sessionurl;Action=LOGO&Screen=SFNT&Store_Code=&mvta:store:code;">Logout</a></div> <h1>Redeem Gift Certificate</h1> <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> <div class="giftcertificate_redeem_content"> <span class="giftcertificate_redeem_giftcertificate_container"> <form method="post" action="&mvte:global:secure_sessionurl;Screen=&mvta:global:Screen;"> <input type="hidden" name="Action" value="RDGC" /> <input type="hidden" name="Store_Code" value="&mvte:store:code;" /> <span class="giftcertificate_redeem_giftcertificate_title">Enter gift certificate code:</span> <span class="giftcertificate_redeem_giftcertificate_content"> <input type="text" class="giftcertificate_redeem_giftcertificate_code" name="GiftCertificate_Code"> <mvt:item name="buttons" param="ApplyGiftCert" /> </span> </form> </span> <span class="giftcertificate_redeem_currentbalance_container"> Current Balance: &mvt:customer:formatted_credit; </span> </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>
Added in 9.0003
<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>
Added in 9.0003
<mvt:if expr="l.settings:customercredithistory:total_count EQ 0"> No account credit entries <mvt:exit /> </mvt:if> <div class="line-item customercredithistory_container"> <div id="filter-items-container"> <mvt:if expr="l.settings:customercredithistory:total_count GT 1"> <div class="sorting"> <form method="get" action="&mvte:global:secure_sessionurl;"> <input type="hidden" name="Screen" value="&mvte:global:Screen;" /> <input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;" /> <input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" /> <label for="Sort_By">Sort By:</label> <select name="Sort_By" id="Sort_By" onchange="this.form.submit();"> <mvt:if expr="ISNULL g.Sort_By"> <option value="id" selected="selected">Default</option> <mvt:else> <option value="id">Default</option> </mvt:if> <mvt:if expr="g.Sort_By EQ 'orderid_asc'"> <option value="orderid_asc" selected="selected">Order Ascending</option> <mvt:else> <option value="orderid_asc">Order Ascending</option> </mvt:if> <mvt:if expr="g.Sort_By EQ 'orderid_desc'"> <option value="orderid_desc" selected="selected">Order Descending</option> <mvt:else> <option value="orderid_desc">Order Descending</option> </mvt:if> <mvt:if expr="g.Sort_By EQ 'amount_asc'"> <option value="amount_asc" selected="selected">Amount Ascending</option> <mvt:else> <option value="amount_asc">Amount Ascending</option> </mvt:if> <mvt:if expr="g.Sort_By EQ 'amount_desc'"> <option value="amount_desc" selected="selected">Amount Descending</option> <mvt:else> <option value="amount_desc">Amount Descending</option> </mvt:if> <mvt:if expr="g.Sort_By EQ 'dtstamp_asc'"> <option value="dtstamp_asc" selected="selected">Date Ascending</option> <mvt:else> <option value="dtstamp_asc">Date Ascending</option> </mvt:if> <mvt:if expr="g.Sort_By EQ 'dtstamp_desc'"> <option value="dtstamp_desc" selected="selected">Date Descending</option> <mvt:else> <option value="dtstamp_desc">Date Descending</option> </mvt:if> </select> <noscript><input type="submit" value="go"></noscript> </form> </div> </mvt:if> <mvt:if expr="l.settings:customercredithistory:total_count GT 1"> <div class="per-page"> <form method="get" action="&mvte:global:secure_sessionurl;"> <input type="hidden" name="Screen" value="&mvte:global:Screen;" /> <input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;" /> <input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" /> <label for="Per_Page">View:</label> <select name="Per_Page" id="Per_Page" onchange="this.form.submit();"> <mvt:if expr="g.Per_Page EQ 10"> <option value="10" selected="selected">10</option> <mvt:else> <option value="10">10</option> </mvt:if> <mvt:if expr="g.Per_Page EQ 20"> <option value="20" selected="selected">20</option> <mvt:else> <option value="20">20</option> </mvt:if> <mvt:if expr="g.Per_Page EQ 40"> <option value="40" selected="selected">40</option> <mvt:else> <option value="40">40</option> </mvt:if> <mvt:if expr="g.Per_Page EQ -1"> <option value="-1" selected="selected">All</option> <mvt:else> <option value="-1">All</option> </mvt:if> </select> <noscript><input type="submit" value="go"></noscript> </form> </div> </mvt:if> <mvt:if expr="l.settings:customercredithistory:page_links:last_page GT 1"> <div class="page-links"> <span class="page-links-title">Page(s):</span> <span class="page-links-container"> <mvt:if expr="l.settings:customercredithistory:page_links:current_page NE 1"> <a href="&mvte:customercredithistory:page_links:prev_link;" class="page-links-previous"><</a> <mvt:else> <span class="page-links-previous page-links-deactivated"><</span> </mvt:if> <mvt:if expr="l.settings:customercredithistory:page_links:current_page NE l.settings:customercredithistory:page_links:last_page"> <a href="&mvte:customercredithistory:page_links:next_link;" class="page-links-next">></a> <mvt:else> <span class="page-links-next page-links-deactivated">></span> </mvt:if> <span class="page-disp"> <mvt:if expr="NOT l.settings:customercredithistory:page_links:contains_first"> <a href="&mvte:customercredithistory:page_links:first_link;" class="page-links-inactive">1</a>... </mvt:if> <mvt:foreach iterator="pages" array="customercredithistory:page_links:pages"> <mvt:if expr="l.settings:customercredithistory:page_links:current_page EQ l.settings:pages:page_num"> <span class="page-links-active">&mvte:pages:page_num;</span> <mvt:else> <a href="&mvte:pages:link;" class="page-links-inactive">&mvte:pages:page_num;</a> </mvt:if> </mvt:foreach> <mvt:if expr="NOT l.settings:customercredithistory:page_links:contains_last"> ...<a href="&mvte:customercredithistory:page_links:last_link;" class="page-links-inactive">&mvte:customercredithistory:page_links:last_page;</a> </mvt:if> </span> </span> </div> </mvt:if> </div> <div class="clear"></div> <table> <tr class="heading"> <td class="orderid">Order #</td> <td class="txref">Transaction Reference</td> <td class="descrip">Description</td> <td class="dtstamp">Date</td> <td class="amount">Amount</td> </tr> <mvt:foreach iterator="credit_entry" array="customercredithistory:items"> <mvt:if expr = "l.pos1 MOD 2"> <tr class="alt_row"> <mvt:else> <tr> </mvt:if> <td class="orderid"> <mvt:if expr="l.settings:credit_entry:order_id EQ 0"> N/A <mvt:else> &mvte:credit_entry:order_id; </mvt:if> </td> <td class="txref">&mvte:credit_entry:txref;</td> <td class="descrip">&mvte:credit_entry:descrip;</td> <td class="dtstamp">&mvt:credit_entry:formatted_dtstamp;</td> <td class="amount">&mvt:credit_entry:formatted_amount;</td> </tr> </mvt:foreach> </table> <mvt:if expr="NOT l.settings:customercredithistory:page_disp_count GT 0"> <mvt:if expr="( g.Offset OR g.NextOffset ) AND ( l.settings:customercredithistory:per_page NE 0 )"> <table> <tr> <td class="previous-button"> <mvt:if expr="g.Offset EQ 0"> <mvt:else> <form method="post" action="&mvt:global:secure_sessionurl;" /> <input type="hidden" name="Screen" value="&mvte:global:Screen;" /> <input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;" /> <input type="hidden" name="SortBy" value="&mvte:global:SortBy;" /> <input type="hidden" name="Offset" value="&mvte:global:PrevOffset;" /> <mvt:item name="buttons" param="Previous" /> </form> </mvt:if> </td> <td class="next-button"> <mvt:if expr="g.NextOffset EQ 0"> <mvt:else> <form method="post" action="&mvt:global:secure_sessionurl;"> <input type="hidden" name="Screen" value="&mvte:global:Screen;" /> <input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;" /> <input type="hidden" name="SortBy" value="&mvte:global:SortBy;" /> <input type="hidden" name="Offset" value="&mvte:global:NextOffset;" /> <mvt:item name="buttons" param="Next" /> </form> </mvt:if> </td> </tr> </table> </mvt:if> </mvt:if> </div>
... <tr id="basket-totals"> <td colspan="2"> </td> <td class="total-prompt">Total:</td> <td class="formatted-total">&mvt:order:formatted_total;</td> </tr> </table> <div class="clear"></div> ...
...
<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>
...
... <mvt:foreach iterator="charge" array="order:charges"> <tr class="order-charges"> <td colspan="4"> </td> <td class="charge-description">&mvt:charge:descrip;:</td> <td class="charge-fee">&mvt:charge:formatted_disp_amt;</td> </tr> </mvt:foreach> <tr class="totals"> <td colspan="4"> </td> <td class="total-prompt">Total:</td> <td class="formatted-total">&mvt:order:formatted_total;</td> </tr> </table> ...
...
<mvt:foreach iterator="charge" array="order:charges">
<tr class="order-charges">
<td colspan="4"> </td>
<td class="charge-description">&mvt:charge:descrip;:</td>
<td class="charge-fee">&mvt:charge:formatted_disp_amt;</td>
</tr>
</mvt:foreach>
<tr class="totals">
<td colspan="4"> </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="order-payments">
<td colspan="4"> </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="charge-fee">
<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>
...
Note: This is the new default template with the Allow Gift Certificates to be Redeemed option enabled.
... <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: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"> <mvt:if expr="g.Basket:cust_id EQ 0"> <a class="floatleft" href="&mvte:global:secure_sessionurl;Screen=GFTL&Store_Code=&mvta:global:Store_Code;">Redeem Gift Certificate</a> <mvt:else> <mvt:if expr="g.Secure"> <form class="floatleft" method="post" action="&mvte:global:secure_sessionurl;Screen=&mvta:global:Screen;"> <mvt:else> <form class="floatleft" method="post" action="&mvte:global:sessionurl;Screen=&mvta:global:Screen;"> </mvt:if> <input type="hidden" name="PaymentMethod" value="&mvte:global:PaymentMethod;" /> <input type="hidden" name="Action" value="RDGC" /> <input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;" /> Gift Certificate: <input type="text" name="GiftCertificate_Code"> <mvt:item name="buttons" param="ApplyGiftCert" /> </form> </mvt:if> </td> <td class="total-prompt">Total:</td> <td class="formatted-total">&mvt:basket:formatted_total;</td> </tr> <mvt:foreach iterator="split" array="splitpayment:splits"> <tr class="basket-payments"> <td colspan="2"> </td> <td class="charge-description">Pending Payment: &mvt:split:desc;:</td> <td class="formatted-charge">&mvt:split:formatted_amount_negative;</td> </tr> </mvt:foreach> <mvt:if expr="( NOT ISNULL l.settings:splitpayment:remaining ) AND ( l.settings:splitpayment:remaining NE l.settings:basket:total )"> <tr id="basket-remaining"> <td colspan="2"> </td> <td class="total-prompt">Total Remaining:</td> <td class="formatted-total">&mvt:splitpayment:formatted_remaining;</td> </tr> </mvt:if> </table> <div class="clear"></div> ...
Added in 9.0003
<mvt:item name="html_profile" /> <head> <title>&mvt:store:name;: Customer Account Balance</title> <base href="&mvt:global:basehref;"> <mvt:item name="head" param="head_tag" /> </head> <mvt:item name="body"> <mvt:item name="hdft" param="global_header" /> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td align="left" valign="bottom"> <mvt:item name="navbar" /> </td></tr> <tr><td align="left" valign="bottom"> <mvt:item name="hdft" param="header" /> </td></tr> <tr><td align="left" valign="top" width="100%"> <mvt:item name="fonts" param="body_font"> <br /> <a href="&mvt:global:secure_sessionurl;Action=LOGO&Screen=SFNT&Store_Code=&mvta:store:code;">Logout</a> <br /> <br /> <center> <table width="100%" cellspacing="0" cellpadding="20" border="1" borderColor="#ccc"> <tr><td align="center"> <font size="4">Current Balance: <font color="#199e3d">&mvt:customer:formatted_credit;</font></font> <br /> <a href="&mvt:global:secure_sessionurl;Screen=RGFT&Store_Code=&mvta:store:code;">Redeem Gift Certificate</a> </td></tr> </table> </center> <br /> <mvt:item name="customercredithistory" /> </mvt:item> </td></tr> <tr><td align="left" valign="bottom"> <mvt:item name="hdft" param="footer" /> </td></tr> </table> <mvt:item name="hdft" param="global_footer" /> </mvt:item> </html>
Added in 9.0003
<mvt:item name="html_profile" /> <head> <title>&mvt:store:name;: Customer Account Balance</title> <base href="&mvt:global:basehref;"> <mvt:item name="head" param="head_tag" /> </head> <mvt:item name="body"> <mvt:item name="hdft" param="global_header" /> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td align="left" valign="bottom"> <mvt:item name="navbar" /> </td></tr> <tr><td align="left" valign="bottom"> <mvt:item name="hdft" param="header" /> </td></tr> <tr><td align="left" valign="top" width="100%"> <mvt:item name="fonts" param="body_font"> <br /> <a href="&mvt:global:secure_sessionurl;Action=LOGO&Screen=SFNT&Store_Code=&mvta:store:code;">Logout</a> <br /> <br /> <center> <table width="100%" cellspacing="0" cellpadding="20" border="1" borderColor="#ccc"> <tr><td align="center"> <font size="4">Current Balance: <font color="#199e3d">&mvt:customer:formatted_credit;</font></font> <br /> <a href="&mvt:global:secure_sessionurl;Screen=RGFT&Store_Code=&mvta:store:code;">Redeem Gift Certificate</a> </td></tr> </table> </center> <br /> <mvt:item name="customercredithistory" /> </mvt:item> </td></tr> <tr><td align="left" valign="bottom"> <mvt:item name="hdft" param="footer" /> </td></tr> </table> <mvt:item name="hdft" param="global_footer" /> </mvt:item> </html>
... <form method="post" action="&mvt:global:secure_sessionurl;" autocomplete="off"> <input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;"> <input type="hidden" name="Action" value="ICST"> <input type="hidden" name="Order" value="&mvte:global:Order;"> <mvt:if expr="g.Order"> <input type="hidden" name="Screen" value="OINF"> <mvt:else> <input type="hidden" name="Screen" value="ACED"> </mvt:if> ...
...
<form method="post" action="&mvt:global:secure_sessionurl;" autocomplete="off">
<input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;">
<input type="hidden" name="Action" value="ICST">
<input type="hidden" name="Order" value="&mvte:global:Order;">
<mvt:if expr="g.Order">
<input type="hidden" name="Screen" value="OINF">
<mvt:elseif expr="g.Redeem">
<input type="hidden" name="Screen" value="RGFT" />
<mvt:else>
<input type="hidden" name="Screen" value="ACED">
</mvt:if>
...
... <center> <a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=ACED">Edit Account Info</a> <a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=CEML">Change Email Address</a> <a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=CPWD">Change Password</a> <a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=ORDH">Customer Order History</a> <br><br> </center> ...
...
<center>
<a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=ACED">Edit Account Info</a>
<a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=CEML">Change Email Address</a>
<a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=CPWD">Change Password</a>
<a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=RGFT">Redeem Gift Certificate</a>
<a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=ABAL">Customer Account Balance</a>
<a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=ORDH">Customer Order History</a>
<br><br>
</center>
...
Added in 9.0003
<mvt:item name="html_profile" /> <head> <title>&mvt:store:name;: Redeem Gift Certificate: Customer Login</title> <base href="&mvt:global:basehref;"> <mvt:item name="head" param="head_tag" /> </head> <mvt:item name="body"> <mvt:item name="hdft" param="global_header" /> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td align="left" valign="bottom"> <mvt:item name="navbar" /> </td></tr> <tr><td align="left" valign="bottom"> <mvt:item name="hdft" param="header" /> </td></tr> <tr><td> <h3> <mvt:item name="fonts" param="body_font"> You must have a customer account to redeem a gift certificate </mvt:item> </h3> </td></tr> <tr><td align="left" valign="top" width="100%"> <br> <mvt:item name="fonts" param="body_font"> <a href="&mvt:global:secure_sessionurl;Screen=ACNT&Redeem=1&Store_Code=&mvta:store:code;">Create New Account</a> <mvt:item name="messages" /> </mvt:item> <form method="post" action="&mvt:global:secure_sessionurl;" autocomplete="off"> <input type="hidden" name="Store_Code" value="&mvte:store:code;"> <input type="hidden" name="Screen" value="RGFT"> <input type="hidden" name="Action" value="LOGN"> <table border="0"> <tr><td align="left" valign="middle" colspan=3> </td></tr> <tr><td align="left" valign="middle" colspan=3> <mvt:item name="fonts" param="body_font"> <b>Login to Existing Account:</b> </mvt:item> </td></tr> <tr><td align="left" valign="middle"> </td><td align="left" valign="middle"> <mvt:item name="fonts" param="body_font"> <b>Email Address:</b> </mvt:item> </td><td align="left" valign="middle"> <mvt:item name="fonts" param="body_font"> <input type="text" size="40" name="Customer_LoginEmail" value="&mvte:global:Customer_LoginEmail;" autocomplete="off"> </mvt:item> </td></tr> <tr><td align="left" valign="middle"> </td><td align="left" valign="middle"> <mvt:item name="fonts" param="body_font"> <b>Password:</b> </mvt:item> </td><td align="left" valign="middle"> <mvt:item name="fonts" param="body_font"> <input type="password" size="40" name="Customer_Password" autocomplete="off"> </mvt:item> </td></tr> <tr><td align="left" valign="middle"> </td><td align="left" valign="middle"> </td><td align="right" valign="middle"> <mvt:item name="fonts" param="body_font"> <mvt:item name="buttons" param="Login" /> </mvt:item> </td></tr> <tr><td align="center" valign="middle" colspan="3"> <mvt:item name="fonts" param="body_font"> <a href="&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&Screen=FPWD">Forgot Password?</a> </mvt:item> </td></tr> </table> </form> </td></tr> <tr><td align="left" valign="bottom"> <mvt:item name="hdft" param="footer" /> </td></tr> </table> <mvt:item name="hdft" param="global_footer" /> </mvt:item> </html>
Note: The new splitpayment item is now assigned to OPAY by default
<mvt:item name="html_profile" />
<head>
<title>&mvt:store:name;: Checkout: Payment Information</title>
<base href="&mvt:global:basehref;">
<mvt:item name="head" param="head_tag" />
</head>
<mvt:item name="body">
<mvt:item name="hdft" param="global_header" />
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td align="left" valign="bottom">
<mvt:item name="navbar" />
</td></tr>
<tr><td align="left" valign="bottom">
<mvt:item name="hdft" param="header" />
</td></tr>
<tr><td align="left" valign="top" width="100%">
<br>
<mvt:item name="fonts" param="body_font">
<mvt:item name="messages" />
</mvt:item>
<mvt:item name="customer" />
<br>
<mvt:item name="basket" />
<br>
<form method="post" action="&mvt:payment:url;">
<input type="hidden" name="Action" value="AUTH">
<input type="hidden" name="Screen" value="INVC">
<input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;">
<mvt:item name="payment" />
<table border="0" cellpadding="2" cellspacing="0" width="100%">
<tr><td colspan="4">
<mvt:item name="fonts" param="body_font">
<b>Bold</b> = Required
</mvt:item>
</td></tr>
<tr><td colspan="4">
<mvt:item name="fonts" param="body_font">
<i>Italic</i> = Optional
</mvt:item>
</td></tr>
</table>
<table border="0" cellpadding="2" cellspacing="0" width="100%">
<tr><td align="left" valign="middle" bgcolor="&mvt:colors:lhdr_bg;">
<mvt:item name="fonts" param="lhdr_font">
<b>Payment Information:</b>
</mvt:item>
</td></tr>
<tr><td align="left" valign="middle">
<input type="hidden" name="PaymentMethod" value="&mvte:global:PaymentMethod;">
<mvt:if expr="NOT ISNULL l.settings:payment:desc">
<mvt:item name="fonts" param="body_font">
<b>&mvt:payment:desc;</b><br>
</mvt:item>
</mvt:if>
<mvt:if expr="NOT ISNULL l.settings:payment:message">
<mvt:item name="fonts" param="body_font">
&mvt:payment:message;<br>
</mvt:item>
</mvt:if>
<table border="0" cellpadding="2" cellspacing="0">
<mvt:foreach array="payment:fields" iterator="field">
<tr><td align="left" valign="middle">
<mvt:item name="fonts" param="body_font">
<mvt:if expr="l.settings:field:invalid">
<font color="red"><b>&mvt:field:prompt;</b></font>
<mvt:else>
<b>&mvt:field:prompt;</b>
</mvt:if>
</mvt:item>
</td><td align="left" valign="middle">
<mvt:item name="fonts" param="body_font">
<mvt:item name="payment" param="field:code" />
</mvt:item>
</td></tr>
</mvt:foreach>
</table>
</td></tr>
</table>
<br>
<table border="0" width="100%">
<tr><td align="right">
<mvt:item name="fonts" param="body_font">
<mvt:item name="buttons" param="Continue" />
</mvt:item>
</td></tr>
</table>
</form>
</td></tr>
<tr><td align="left" valign="bottom">
<mvt:item name="hdft" param="footer" />
</td></tr>
</table>
<mvt:item name="hdft" param="global_footer" />
</mvt:item>
</html>
<mvt:item name="html_profile" /> <head> <title>&mvt:store:name;: Checkout: Payment Information</title> <base href="&mvt:global:basehref;"> <mvt:item name="head" param="head_tag" /> <mvt:if expr="l.settings:payment:capabilities:split"> <script type="text/javascript"> function AmountType_Changed( amounttype ) { var balance_amount, amount, additional; balance_amount = document.getElementById( 'payment-balance-amount' ); amount = document.getElementById( 'payment-amount' ); additional = document.getElementById( 'payment-additional' ); if ( amounttype === 'total' ) { amount.disabled = true; additional.style.display = 'none'; if ( balance_amount ) { balance_amount.disabled = true; } } else if ( amounttype === 'balance' ) { amount.disabled = true; additional.style.display = ''; if ( balance_amount ) { balance_amount.disabled = false; } } else if ( amounttype === 'partial' ) { amount.disabled = false; additional.style.display = ''; if ( balance_amount ) { balance_amount.disabled = true; } } } </script> </mvt:if> </head> <mvt:item name="body"> <mvt:item name="hdft" param="global_header" /> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td align="left" valign="bottom"> <mvt:item name="navbar" /> </td></tr> <tr><td align="left" valign="bottom"> <mvt:item name="hdft" param="header" /> </td></tr> <tr><td align="left" valign="top" width="100%"> <br> <mvt:item name="fonts" param="body_font"> <mvt:item name="messages" /> </mvt:item> <mvt:item name="customer" /> <br> <mvt:item name="basket" /> <br> <form method="post" action="&mvt:payment:url;"> <input type="hidden" name="Action" value="AUTH"> <input type="hidden" name="Screen" value="INVC"> <input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;"> <input type="hidden" name="PaymentMethod" value="&mvte:global:PaymentMethod;"> <input type="hidden" name="SplitPaymentData" value="&mvte:global:SplitPaymentData;" /> <mvt:item name="payment" /> <mvt:if expr="NOT ISNULL l.settings:payment:fields"> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tr><td colspan="4"> <mvt:item name="fonts" param="body_font"> <b>Bold</b> = Required </mvt:item> </td></tr> <tr><td colspan="4"> <mvt:item name="fonts" param="body_font"> <i>Italic</i> = Optional </mvt:item> </td></tr> </table> </mvt:if> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tr><td align="left" valign="middle" bgcolor="&mvt:colors:lhdr_bg;"> <mvt:item name="fonts" param="lhdr_font"> <b>Payment Information:</b> </mvt:item> </td></tr> <tr><td align="left" valign="middle"> <mvt:if expr="NOT ISNULL l.settings:payment:desc"> <mvt:item name="fonts" param="body_font"> <b>&mvt:payment:desc;</b><br> </mvt:item> </mvt:if> <mvt:if expr="NOT ISNULL l.settings:payment:message"> <mvt:item name="fonts" param="body_font"> &mvt:payment:message;<br> </mvt:item> </mvt:if> <table border="0" cellpadding="2" cellspacing="0"> <mvt:foreach array="payment:fields" iterator="field"> <tr><td align="left" valign="middle"> <mvt:item name="fonts" param="body_font"> <mvt:if expr="l.settings:field:invalid"> <font color="red"><b>&mvt:field:prompt;</b></font> <mvt:else> <b>&mvt:field:prompt;</b> </mvt:if> </mvt:item> </td><td align="left" valign="middle"> <mvt:item name="fonts" param="body_font"> <mvt:item name="payment" param="field:code" /> </mvt:item> </td></tr> </mvt:foreach> <mvt:if expr="l.settings:payment:capabilities:split"> <tr><td align="left" valign="top"> <mvt:item name="fonts" param="body_font"> <mvt:if expr="g.Amount_Invalid"> <font color="red"><b>Payment Amount:</b></font> <mvt:else> <b>Payment Amount:</b> </mvt:if> </mvt:item> </td><td align="left" valign="top"> <mvt:item name="fonts" param="body_font"> <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> </mvt:item> </td></tr> <mvt:if expr="g.AmountType EQ 'total'"> <tbody id="payment-additional" style="display: none;"> <mvt:else> <tbody id="payment-additional"> </mvt:if> <tr><td align="left" valign="middle"> <mvt:item name="fonts" param="body_font"> <b>Pay Additional Balance With:</b> </mvt:item> </td><td align="left" valign="middle"> <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> </td></tr> </tbody> </mvt:if> </table> </td></tr> </table> <br> <table border="0" width="100%"> <tr><td align="right"> <mvt:item name="fonts" param="body_font"> <mvt:item name="buttons" param="Continue" /> </mvt:item> </td></tr> </table> </form> </td></tr> <tr><td align="left" valign="bottom"> <mvt:item name="hdft" param="footer" /> </td></tr> </table> <mvt:item name="hdft" param="global_footer" /> </mvt:item> </html>
... <tr><td align="left" valign="top" width="100%"> <mvt:item name="customer" /> <br> <mvt:item name="basket" /> <br> <form method="post" action="&mvt:global:secure_sessionurl;"> ...
...
<tr><td align="left" valign="top" width="100%">
<br>
<mvt:item name="fonts" param="body_font">
<mvt:item name="messages" />
</mvt:item>
<mvt:item name="customer" />
<br>
<mvt:item name="basket" />
<br>
<form method="post" action="&mvt:global:secure_sessionurl;">
...
Added in 9.0003
<mvt:item name="html_profile" /> <head> <title>&mvt:store:name;: Redeem Gift Certificate</title> <base href="&mvt:global:basehref;"> <mvt:item name="head" param="head_tag" /> </head> <mvt:item name="body"> <mvt:item name="hdft" param="global_header" /> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td align="left" valign="bottom"> <mvt:item name="navbar" /> </td></tr> <tr><td align="left" valign="bottom"> <mvt:item name="hdft" param="header" /> </td></tr> <tr><td align="left" valign="top" width="100%"> <mvt:item name="fonts" param="body_font"> <br /> <a href="&mvt:global:secure_sessionurl;Action=LOGO&Screen=SFNT&Store_Code=&mvta:store:code;">Logout</a> <br /> <br /> <mvt:item name="messages" /> <form method="post" action="&mvte:global:secure_sessionurl;Screen=&mvta:global:Screen;"> <input type="hidden" name="Action" value="RDGC" /> <input type="hidden" name="Store_Code" value="&mvte:store:code;" /> <table width="100%"> <tr> <td valign="top"> <b>Enter gift certificate code:</b> <br /> <input type="text" name="GiftCertificate_Code"> <mvt:item name="buttons" param="ApplyGiftCert" /> </td> <td valign="top" align="right"> Current Balance: &mvt:customer:formatted_credit; </td> </tr> </table> </form> </mvt:item> </td></tr> <tr><td align="left" valign="bottom"> <mvt:item name="hdft" param="footer" /> </td></tr> </table> <mvt:item name="hdft" param="global_footer" /> </mvt:item> </html>
... </mvt:foreach> <tr valign="top"> <td valign="top" align="right" class="ordercell" colspan="4"> </td> <td valign="top" align="right" class="ordercell"><span class="orderhead">Total:</span></td> <td valign="top" align="right" class="ordercell"><span class="orderhead">&mvt:order:formatted_total;</span></td> </tr> </table> </td> </tr> </table>
...
</mvt:foreach>
<tr valign="top">
<td valign="top" align="right" class="ordercell" colspan="4"> </td>
<td valign="top" align="right" class="ordercell"><span class="orderhead">Total:</span></td>
<td valign="top" align="right" class="ordercell"><span class="orderhead">&mvt:order:formatted_total;</span></td>
</tr>
<mvt:foreach iterator="payment" array="order:payments">
<tr valign="top">
<td valign="top" align="right" class="ordercell" colspan="4"> </td>
<td valign="top" align="right" class="ordercell" nowrap>
<mvt:if expr="l.settings:payment:type EQ 6">
Refund:
<mvt:else>
Payment:
</mvt:if>
&mvt:payment:desc;:
</td>
<td valign="top" align="right" class="ordercell" nowrap>
<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>
</td>
</tr>
</table>
... <b>Total:</b> </mvt:item> </td><td align="right" valign="top" bgcolor="&mvt:colors:lhdr_bg;" nowrap> <mvt:item name="fonts" param="lhdr_font"> <b>&mvt:order:formatted_total;</b> </mvt:item> </td></tr> </table>
...
<b>Total:</b>
</mvt:item>
</td><td align="right" valign="top" bgcolor="&mvt:colors:lhdr_bg;" nowrap>
<mvt:item name="fonts" param="lhdr_font">
<b>&mvt:order:formatted_total;</b>
</mvt:item>
</td></tr>
<mvt:foreach iterator="payment" array="order:payments">
<tr><td align="right" valign="top" colspan="3">
</td><td align="right" valign="top" nowrap>
<mvt:item name="fonts" param="body_font">
<mvt:if expr="l.settings:payment:type EQ 6">
Refund:
<mvt:else>
Payment:
</mvt:if>
&mvt:payment:desc;:
</mvt:item>
</td><td align="right" valign="top" nowrap>
<mvt:item name="fonts" param="body_font">
<mvt:if expr="l.settings:payment:type EQ 6">
&mvt:payment:formatted_amount;
<mvt:else>
&mvt:payment:formatted_amount_negative;
</mvt:if>
</mvt:item>
</td></tr>
</mvt:foreach>
</table>
Note: This is the new default template with the Allow Gift Certificates to be Redeemed option enabled.
... <b>Total:</b> </mvt:item> </td><td align="right" valign="top" bgcolor="&mvt:colors:lhdr_bg;" nowrap> <mvt:item name="fonts" param="lhdr_font"> <b>&mvt:basket:formatted_total;</b> </mvt:item> </td></tr> </table>
...
<b>Total:</b>
</mvt:item>
</td><td align="right" valign="top" bgcolor="&mvt:colors:lhdr_bg;" nowrap>
<mvt:item name="fonts" param="lhdr_font">
<b>&mvt:basket:formatted_total;</b>
</mvt:item>
</td></tr>
<mvt:foreach iterator="split" array="splitpayment:splits">
<tr><td align="right" valign="top" colspan="3">
</td><td align="right" valign="top" nowrap>
<mvt:item name="fonts" param="body_font">
Pending Payment: &mvt:split:desc;:
</mvt:item>
</td><td align="right" valign="top" nowrap>
<mvt:item name="fonts" param="body_font">
&mvt:split:formatted_amount_negative;
</mvt:item>
</td></tr>
</mvt:foreach>
<mvt:if expr="( NOT ISNULL l.settings:splitpayment:remaining ) AND ( l.settings:splitpayment:remaining NE l.settings:basket:total )">
<tr><td align="right" valign="top" colspan="3">
</td><td align="right" valign="top" bgcolor="&mvt:colors:lhdr_bg;" nowrap>
<mvt:item name="fonts" param="lhdr_font">
<b>Total Remaining:</b>
</mvt:item>
</td><td align="right" valign="top" bgcolor="&mvt:colors:lhdr_bg;" nowrap>
<mvt:item name="fonts" param="lhdr_font">
<b>&mvt:splitpayment:formatted_remaining;</b>
</mvt:item>
</td></tr>
</mvt:if>
<tr>
<td align="right" valign="top" colspan="5" nowrap>
<table>
<tr>
<td nowrap>
<mvt:if expr="g.Basket:cust_id EQ 0">
<mvt:item name="fonts" param="body_font">
<a href="&mvte:global:secure_sessionurl;Screen=GFTL&Store_Code=&mvta:global:Store_Code;">Redeem Gift Certificate</a>
</mvt:item>
<mvt:else>
<mvt:if expr="g.Secure">
<form method="post" action="&mvte:global:secure_sessionurl;Screen=&mvta:global:Screen;">
<mvt:else>
<form method="post" action="&mvte:global:sessionurl;Screen=&mvta:global:Screen;">
</mvt:if>
<input type="hidden" name="Action" value="RDGC" />
<input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;" />
<input type="text" name="GiftCertificate_Code"> <mvt:item name="buttons" param="ApplyGiftCert" />
</form>
</mvt:if>
</td>
</tr>
</table>
</td>
</tr>
</table>
Added in 9.0003
<mvt:if expr="l.settings:customercredithistory:total_count EQ 0"> No account credit entries <mvt:exit /> </mvt:if> <table width="100%"> <tr> <mvt:if expr="l.settings:customercredithistory:total_count GT 1"> <td nowrap align="left" valign="middle"> <form method="get" action="&mvte:global:secure_sessionurl;"> <input type="hidden" name="Screen" value="&mvte:global:Screen;" /> <input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;" /> <input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" /> <label for="Sort_By">Sort By:</label> <select name="Sort_By" id="Sort_By" onchange="this.form.submit();"> <mvt:if expr="ISNULL g.Sort_By"> <option value="id" selected="selected">Default</option> <mvt:else> <option value="id">Default</option> </mvt:if> <mvt:if expr="g.Sort_By EQ 'orderid_asc'"> <option value="orderid_asc" selected="selected">Order Ascending</option> <mvt:else> <option value="orderid_asc">Order Ascending</option> </mvt:if> <mvt:if expr="g.Sort_By EQ 'orderid_desc'"> <option value="orderid_desc" selected="selected">Order Descending</option> <mvt:else> <option value="orderid_desc">Order Descending</option> </mvt:if> <mvt:if expr="g.Sort_By EQ 'amount_asc'"> <option value="amount_asc" selected="selected">Amount Ascending</option> <mvt:else> <option value="amount_asc">Amount Ascending</option> </mvt:if> <mvt:if expr="g.Sort_By EQ 'amount_desc'"> <option value="amount_desc" selected="selected">Amount Descending</option> <mvt:else> <option value="amount_desc">Amount Descending</option> </mvt:if> <mvt:if expr="g.Sort_By EQ 'dtstamp_asc'"> <option value="dtstamp_asc" selected="selected">Date Ascending</option> <mvt:else> <option value="dtstamp_asc">Date Ascending</option> </mvt:if> <mvt:if expr="g.Sort_By EQ 'dtstamp_desc'"> <option value="dtstamp_desc" selected="selected">Date Descending</option> <mvt:else> <option value="dtstamp_desc">Date Descending</option> </mvt:if> </select> <noscript><input type="submit" value="go"></noscript> </form> </td> </mvt:if> <mvt:if expr="l.settings:customercredithistory:total_count GT 1"> <td nowrap align="left" valign="middle"> <form method="get" action="&mvte:global:secure_sessionurl;"> <input type="hidden" name="Screen" value="&mvte:global:Screen;" /> <input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;" /> <input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" /> <label for="Per_Page">View:</label> <select name="Per_Page" id="Per_Page" onchange="this.form.submit();"> <mvt:if expr="g.Per_Page EQ 10"> <option value="10" selected="selected">10</option> <mvt:else> <option value="10">10</option> </mvt:if> <mvt:if expr="g.Per_Page EQ 20"> <option value="20" selected="selected">20</option> <mvt:else> <option value="20">20</option> </mvt:if> <mvt:if expr="g.Per_Page EQ 40"> <option value="40" selected="selected">40</option> <mvt:else> <option value="40">40</option> </mvt:if> <mvt:if expr="g.Per_Page EQ -1"> <option value="-1" selected="selected">All</option> <mvt:else> <option value="-1">All</option> </mvt:if> </select> <noscript><input type="submit" value="go"></noscript> </form> </td> </mvt:if> <td width="100%" align="left" valign="middle"> <mvt:if expr="l.settings:customercredithistory:page_links:last_page GT 1"> <table width="100%"> <tr> <td width="100%" align="right"> <table> <tr> <td valign="middle"> Page(s): </td> <td valign="middle"> <table cellpadding="8"> <tr> <td valign="middle"> <mvt:if expr="l.settings:customercredithistory:page_links:current_page NE 1"> <a href="&mvte:customercredithistory:page_links:prev_link;"><</a> <mvt:else> <font color="#999"><</font> </mvt:if> </td> <td valign="middle"> <mvt:if expr="NOT l.settings:customercredithistory:page_links:contains_first"> <a href="&mvte:customercredithistory:page_links:first_link;">1</a> ... </mvt:if> <mvt:foreach iterator="pages" array="customercredithistory:page_links:pages"> <mvt:if expr="l.settings:customercredithistory:page_links:current_page EQ l.settings:pages:page_num"> <font color="#434343" style="border-bottom: 2px solid #434343; font-weight: bold;"> &mvte:pages:page_num; </font> <mvt:else> <a href="&mvte:pages:link;"> &mvte:pages:page_num; </a> </mvt:if> </mvt:foreach> <mvt:if expr="NOT l.settings:customercredithistory:page_links:contains_last"> ... <a href="&mvte:customercredithistory:page_links:last_link;">&mvte:customercredithistory:page_links:last_page;</a> </mvt:if> </td> <td valign="middle"> <mvt:if expr="l.settings:customercredithistory:page_links:current_page NE l.settings:customercredithistory:page_links:last_page"> <a href="&mvte:customercredithistory:page_links:next_link;">></a> <mvt:else> <font color="#999">></font> </mvt:if> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </mvt:if> </td> </tr> </table> <table width="100%;"> <tr> <td align="left" valign="middle" bgcolor="&mvt:colors:lhdr_bg;"> <mvt:item name="fonts" param="lhdr_font"> <b>Order #</b> </mvt:item> </td> <td align="left" valign="middle" bgcolor="&mvt:colors:lhdr_bg;"> <mvt:item name="fonts" param="lhdr_font"> <b>Transaction Reference</b> </mvt:item> </td> <td align="left" valign="middle" bgcolor="&mvt:colors:lhdr_bg;"> <mvt:item name="fonts" param="lhdr_font"> <b>Description</b> </mvt:item> </td> <td align="left" valign="middle" bgcolor="&mvt:colors:lhdr_bg;"> <mvt:item name="fonts" param="lhdr_font"> <b>Date</b> </mvt:item> </td> <td align="left" valign="middle" bgcolor="&mvt:colors:lhdr_bg;"> <mvt:item name="fonts" param="lhdr_font"> <b>Amount</b> </mvt:item> </td> </tr> <mvt:foreach iterator="credit_entry" array="customercredithistory:items"> <tr> <td align="left" valign="middle" nowrap> <mvt:if expr="l.settings:credit_entry:order_id EQ 0"> N/A <mvt:else> &mvte:credit_entry:order_id; </mvt:if> </td> <td align="left" valign="middle">&mvte:credit_entry:txref;</td> <td align="left" valign="middle">&mvte:credit_entry:descrip;</td> <td align="left" valign="middle" nowrap>&mvt:credit_entry:formatted_dtstamp;</td> <td align="right" valign="middle" nowrap>&mvt:credit_entry:formatted_amount;</td> </tr> </mvt:foreach> </table> <mvt:if expr="NOT l.settings:customercredithistory:page_disp_count GT 0"> <mvt:if expr="( g.Offset OR g.NextOffset ) AND ( l.settings:customercredithistory:per_page NE 0 )"> <table> <tr> <td class="next-button"> <mvt:if expr="g.Offset EQ 0"> <mvt:else> <form method="post" action="&mvt:global:secure_sessionurl;" /> <input type="hidden" name="Screen" value="&mvte:global:Screen;" /> <input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;" /> <input type="hidden" name="SortBy" value="&mvte:global:SortBy;" /> <input type="hidden" name="Offset" value="&mvte:global:PrevOffset;" /> <mvt:item name="buttons" param="Previous" /> </form> </mvt:if> </td> <td align="right"> <mvt:if expr="g.NextOffset EQ 0"> <mvt:else> <form method="post" action="&mvt:global:secure_sessionurl;"> <input type="hidden" name="Screen" value="&mvte:global:Screen;" /> <input type="hidden" name="Store_Code" value="&mvte:global:Store_Code;" /> <input type="hidden" name="SortBy" value="&mvte:global:SortBy;" /> <input type="hidden" name="Offset" value="&mvte:global:NextOffset;" /> <mvt:item name="buttons" param="Next" /> </form> </mvt:if> </td> </tr> </table> </mvt:if> </mvt:if>
/*** 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-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{
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;
}
.product-discount{
white-space:nowrap;
font-size:x-small;
font-style:italic;
}
.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-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 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%; }
/*** 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;
}
.GFTL .header-message{
position:relative;
display:block;
margin-bottom:25px;
text-align:center;
font-size:14px;
font-weight:bold;
}
.GFTL .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,
.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, GFTL, AFCL, ORDL, ORHL, FPWD, CPWD, CEML ***/
#main-content .margin-container
{
padding: 28px 126px;
}
.AFCL .section,
.GFTL .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; }
.GFTL 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;
}
.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-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_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;
}
1. In order for customers to be able to pay for items using their Account Credit, there is a new module under Payment Settings called "Customer Credit" which must be installed.
2. On OPAY, the paymentmethods item be assigned
3. Assign item splitpayment to OPAY
This form can be added anywhere on your site to allow customers to redeem gift certificates. Because gift certificates are converted to account credit a customer must be logged in before they can redeem a certificate.
<mvt:if expr="g.Basket:cust_id EQ 0"> <a class="floatleft" href="&mvte:urls:GFTL:auto;">Redeem Gift Certificate</a> <mvt:else> <form class="floatleft" method="post" action="&mvte:urls:_self:auto;"> <input type="hidden" name="Action" value="RDGC" /> Gift Certificate: <input type="text" name="GiftCertificate_Code" class="input_width_medium"> <mvt:item name="buttons" param="ApplyGiftCert" /> </form> </mvt:if>