Miva Merchant 9 Template Changes

The following is a list of all changes from Miva Merchant 9.4 to Miva Merchant 9.5 with regards to the template code/css files. If you have made alterations specific to your store, you should compare the differences between your template code and the provided template code in the "New" section and make the changes based on that.

CSSUI: Edit Page: CABK (Customer Address Book)

Original File
New File
new file
<mvt:item name="html_profile" />
<head>
    <mvt:if expr="NOT ISNULL l.settings:page:title">
        <title>&mvt:page:title;</title>
    <mvt:else>
        <title>&mvt:store:name;: Customer Address Book</title>
    </mvt:if>

    <base href="&mvt:global:basehref;" />
    <link rel="canonical" href="&mvte:urls:_self:auto;" />
    <mvt:item name="head" param="css_list" />
    <mvt:item name="head" param="head_tag" />
</head>
<body class="CABK 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="main-content">
                <div id="page-header"><mvt:item name="hdft" param="header" /></div>
                <div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>
                <div class="customer_add_address_link"><a href="&mvte:urls:CADA:secure;">Add Address</a></div>

                <h1>Customer Address Book</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="addressbook-container"><mvt:item name="addressbook" /></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>

CSSUI: Edit Page: ACLN

Original File
New File
<mvt:item name="html_profile" />
<head>
    <mvt:if expr="NOT ISNULL l.settings:page:title">
        <title>&mvt:page:title;</title>
    <mvt:else>
        <title>&mvt:store:name;: My Account</title>
    </mvt:if>

    <base href="&mvt:global:basehref;" />
    <link rel="canonical" href="&mvte:urls:_self:auto;" />
    <mvt:item name="head" param="css_list" />
    <mvt:item name="head" param="head_tag" />
</head>
<body class="ACLN">
<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="&mvte:urls:SFNT:secure_sep;Action=LOGO">Logout</a></div>

                <h1>My Account</h1>

                <div class="account-links">
                    <ul>
                        <li><a href="&mvte:urls:ACED:auto;">Edit Account Info</a></li>
                        <li><a href="&mvte:urls:CEML:auto;">Change Email Address</a></li>
                        <li><a href="&mvte:urls:CPWD:auto;">Change Password</a></li>
                        <li><a href="&mvte:urls:RGFT:auto;">Redeem Gift Certificate</a></li>
                        <li><a href="&mvte:urls:ABAL:auto;">Customer Account Balance</a></li>
                        <li><a href="&mvte:urls:ORDH:auto;">Customer Order History</a></li>
                        <li><a href="&mvte:urls:WLST:auto;">Wish Lists</a></li>
                    </ul>
                </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>
<mvt:item name="html_profile" />
<head>
    <mvt:if expr="NOT ISNULL l.settings:page:title">
        <title>&mvt:page:title;</title>
    <mvt:else>
        <title>&mvt:store:name;: My Account</title>
    </mvt:if>

    <base href="&mvt:global:basehref;" />
    <link rel="canonical" href="&mvte:urls:_self:auto;" />
    <mvt:item name="head" param="css_list" />
    <mvt:item name="head" param="head_tag" />
</head>
<body class="ACLN">
<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="&mvte:urls:SFNT:secure_sep;Action=LOGO">Logout</a></div>

                <h1>My Account</h1>

                <div class="customer_account_box">
                    <span class="customer_account_box_title">Wallet</span><span class="customer_account_box_content">
                        <a href="&mvte:urls:ABAL:auto;">Manage Account Balance</a><br />
                        <a href="&mvte:urls:RGFT:auto;">Redeem Gift Certificate</a>
                    </span>
                </div>

                <div class="customer_account_box">
                    <span class="customer_account_box_title">Settings</span><span class="customer_account_box_content">
                        <a href="&mvte:urls:CABK:auto;">Manage Address Book</a><br />
                        <a href="&mvte:urls:CEML:auto;">Change Email Address</a><br />
                        <a href="&mvte:urls:CPWD:auto;">Change Password</a>
                    </span>
                </div>

                <div class="customer_account_box">
                    <span class="customer_account_box_title">Orders</span><span class="customer_account_box_content">
                        <table width="100%" cellspacing="0" cellpadding="0">
                            <tbody>
                                <tr>
                                    <td width="50%" align="left"><a href="&mvte:urls:ORDH:auto;">View Order History</a></td>
                                    <td width="50%" align="right">
                                        <form method="post" action="&mvte:urls:ORDS:auto;">
                                            <input type="text" name="Order_ID" placeholder="Order #" /> <input type="submit" value="Go" class="button" />
                                        </form>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </span>
                </div>

                <mvt:if expr="l.settings:customerwishlists:wishlist_count">
                    <div class="customer_account_box">
                        <span class="customer_account_box_title">Lists</span><span class="customer_account_box_content">
                            <mvt:assign name="l.settings:wishlist_count" value="0" />
                            <mvt:foreach iterator="wishlist" array="customerwishlists:wishlists">
                                <mvt:assign name="l.settings:wishlist_count" value="l.settings:wishlist_count + 1" />

                                <mvt:if expr="l.settings:wishlist_count GT 1">
                                    <br />
                                </mvt:if>

                                <mvt:if expr="l.settings:wishlist_count GT 4">
                                    <a href="&mvte:urls:WLST:auto;">More...</a>
                                    <mvt:foreachstop />
                                </mvt:if>

                                <a href="&mvte:urls:WISH:rr_sep;WishList_ID=&mvta:wishlist:id;">&mvte:wishlist:title;</a>
                            </mvt:foreach>
                        </span>
                    </div>
                </mvt:if>

                <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>

CSSUI: Edit Page: EMAIL_DIGITALDOWNLOAD_CREATED

Original File
New File
new template
<html>
<body>
<div style="font: 12px/1.46 Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #676767; background: #ffffff;">
    <div style="text-align: left; width: 690px; padding: 20px; page-break-after: always;">
        <div style="width: 300px; float: left;">
            <!-- Uncomment to add a logo to this email <img src="images/logo.jpg" height="34px" width="60px" /> -->
            <h3 style="font-size: 1.1em; font-weight: bold; margin: 0;">&mvte:store:name;</h3>

            &mvte:store:address;<br />
            &mvte:store:city;, &mvte:store:state &mvte:store:zip;<br />
            &mvte:store:country;<br />
        </div>

        <div style="clear: both;"></div>

        <hr style="color: #c7c8d7; background-color: #c7c8d7; height: 1px; border: 0px;" />

        <div style="position: relative; text-align: center;">
            <span style="position: relative; display: inline-block; padding: 25px; text-align: center; border: 1px solid #ccc; background: #f7f7f7;">
                <div style="position: relative; padding: 5px; font-size: 14px;">
                    Max Downloads: &mvte:digitaldownload:formatted_max_downloads;<br />
                    Link Expiration: &mvte:digitaldownload:formatted_expiration;<br />

                    To download your digital file, <a href="&mvte:digitaldownload:url;" style="color: #5b639c;">click here</a>
                </div>
            </span>
        </div>

        <div style="clear: both;"></div>

        <p style="font-weight: bold;">
            Feel free to <a href="mailto:&mvte:store:email;">contact us via email</a> or at &mvte:store:phone; for assistance downloading your digital file.
        </p>
    </div>
</div>
</body>
</html>

CSSUI: Edit Page: CADA (Add Customer Address)

Original File
New File
new template
<mvt:item name="html_profile" />
<head>
    <mvt:if expr="NOT ISNULL l.settings:page:title">
        <title>&mvt:page:title;</title>
    <mvt:else>
        <title>&mvt:store:name;: Add Customer Address</title>
    </mvt:if>

    <base href="&mvt:global:basehref;" />
    <link rel="canonical" href="&mvte:urls:_self:auto;" />
    <mvt:item name="head" param="css_list" />
    <mvt:item name="head" param="head_tag" />
</head>
<body class="CADA 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="main-content">
                <div id="page-header"><mvt:item name="hdft" param="header" /></div>
                <div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>

                <h1>Address Book: New Address</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>

                <form id="cada_form" method="post" action="&mvte:urls:CABK:secure;">
                    <input type="hidden" name="Action" value="ICSA" />
                    <div class="address-container"><mvt:item name="addressfields" /></div>
                    <div class="save-button"><mvt:item name="buttons" param="Save" /></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>

CSSUI: Edit Page: CADE (Edit Customer Address)

Original File
New File
new template
<mvt:item name="html_profile" />
<head>
    <mvt:if expr="NOT ISNULL l.settings:page:title">
        <title>&mvt:page:title;</title>
    <mvt:else>
        <title>&mvt:store:name;: Edit Customer Address</title>
    </mvt:if>

    <base href="&mvt:global:basehref;" />
    <link rel="canonical" href="&mvte:urls:_self:auto;" />
    <mvt:item name="head" param="css_list" />
    <mvt:item name="head" param="head_tag" />
</head>
<body class="CADE 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="main-content">
                <div id="page-header"><mvt:item name="hdft" param="header" /></div>
                <div id="breadcrumbs"><mvt:item name="breadcrumbs" /></div>

                <h1>Address Book: Edit Address</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>

                <form id="cade_form" method="post" action="&mvte:urls:CABK:secure;">
                    <input type="hidden" name="Action" value="UCSA" />
                    <div class="address-container"><mvt:item name="addressfields" /></div>
                    <div class="save-button"><mvt:item name="buttons" param="Save" /></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>

cssui.css

Original File
New File
/*** $Id$ ***/
/*** Site ***/

body{
    font:normal 1em Arial, Helvetica, Verdana, sans-serif;
    margin:0;
    padding:12px 0 0 0;
    font-size:12px;
    color:#000000;
    text-align:center;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

td{ font-size:1em; }

form{
    display:inline;
    margin:0;
    padding:0;
}

h1{ font:bold 1.5em Arial, Helvetica, Verdana, sans-serif; }
h2{ font:bold 1.3em Arial, Helvetica, Verdana, sans-serif; }
h3{ font:bold 1.1em Arial, Helvetica, Verdana, sans-serif; }

h2.header{
    color:#333333;
    padding:4px;
    background-color:#cccccc;
    color:#333333;
    font-weight:bold;
}

a img{ border:0; }

a:link          { color:#333333; }
a:visited       { color:#000000; }
a:active        { color:#999999 }
a:hover         { color:#333333; }

.clear          { clear:both; font-size:0em; height:0em; }

.floatright     { float:right; }
.floatleft      { float:left; }

.alignright     { text-align:right; }
.alignleft      { text-align:left; }

.aligncenter    { text-align:center; }
.margincenter   { margin:0 auto; }

.small          { font-size:.9em; }
.smaller        { font-size:.8em; }
.smallest       { font-size:.7em; }
.large          { font-size:1.1em; }
.larger         { font-size:1.2em; }
.largest        { font-size:1.3em; }
.bold           { font-weight:bold; }
.italic         { font-style:italic; }
.red            { color:#dd0000; }
.blue           { color:#0000ff; }
.grey           { color:#999999; }
.darkgrey       { color:#555555; }
.nowrap         { white-space:normal; }
.inlineblock    { display:inline-block; }

.link-pipe      { color:#999999; }

.input_error{ border-color:#cc0000 #ff0000 #ff0000 #ff0000; }

.input_width_small  { width: 75px; }
.input_width_medium { width: 125px; }

select{
    border-width:1px;
    border-color:#333333 #bbbbbb #bbbbbb #bbbbbb;
    padding:1px 2px;
}

.error-message{ 
    padding:4px;
    text-align:center;
    width:60%;
    margin:0 auto;
    color:#dd0000;
    font-weight:bold;
}

.GFTL .header-message,
.WLGN .header-message{
    position:relative;
    display:block;
    margin-bottom:25px;
    text-align:center;
    font-size:14px;
    font-weight:bold;
}

.GFTL .error-message,
.WLGN .error-message,
.WLST .error-message,
.LOGN .error-message,
.AFCL .error-message,
.ORDL .error-message{
    margin:12px 24px;
    width:auto;
}

.information-message{ 
    padding:4px;
    text-align:center;
    width:60%;
    margin:0 auto;
    color:#0000dd;
}

.GFTL .information-message,
.WLGN .information-message,
.WLST .information-message,
.LOGN .information-message{
    margin:12px 24px;
    width:auto;
}

.textfield, select, textarea,
#tax-fields .form_row input{
    border-width:1px;
    border-style:solid;
    border-color:#333333 #bbbbbb #bbbbbb #bbbbbb;
    padding:1px 2px;
    font:normal 1em Arial, Helvetica, Verdana, sans-serif;
}

.textfield, textarea{
    width:160px;
}

.button{
    border-width:1px;
    border-style:solid;
    border-color:#999999 #000000 #000000 #999999;
    background-color:#999999;
    color:#ffffff;
    font-size:.9em;
    padding:1px 2px;
    margin:0;
    cursor:pointer;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

#site-container{
    width:770px;
    margin:0 auto;
    text-align:left;
    border-collapse:collapse;
}

#bottom-wrap    { clear:both; font-size:0em; height:0em; }

/*** Breadcrumbs ***/
#breadcrumbs 
{
    display: block;
    margin-left: -12px;
}
#breadcrumbs ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
#breadcrumbs ul li
{
    list-style: none;
    display: block;
    float: left;
    height: 20px;
}
#breadcrumbs .cats-hidden
{
    color: #434343;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    margin: 0 6px;
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: 3px solid #FFF;
}
#breadcrumbs a
{
    color: #434343;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    margin: 0 6px;
    padding-bottom: 2px;
    border-bottom: 3px solid #FFF;
}
#breadcrumbs .breadcrumb-border
{
    color: #777;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
}

#breadcrumbs .current-item
{
    color: #434343;
    font-weight: bold;
    font-size: 12px;
    margin: 0 6px;
    line-height: 20px;
}
#breadcrumbs .shortbreadcrumb
{
    color: #434343;
    font-weight: normal;
    font-size: 12px;
    padding: 0px 6px;
    line-height: 20px;
}

/*** Top Navigation Bar ***/

#navigation-bar{
    line-height:24px;
    padding:4px 4px 0 0;
}

#navigation-bar ul{ 
    margin:0;
    padding:0;      
    float:right;
    clear:both;
    width:100%;
}

#navigation-bar li{
    color:#ffffff;
    list-style:none;
    line-height:12px;
    float:right;
    text-align:center;
    margin:0 2px;
    font-weight:bold;
}

#navigation-bar li.navigation-item-on   { background-color:#999999; }
#navigation-bar li.navigation-item-off  { background-color:#666666; }

/* tab padding */
#navigation-bar li div div{ padding:5px 18px; }

/* tab off side images */
#navigation-bar li.navigation-item-off div.item-left-side   { background:transparent url() no-repeat scroll left top; }
#navigation-bar li.navigation-item-off div.item-right-side  { background:transparent url() no-repeat scroll right top; }

/* tab on side images */
#navigation-bar li.navigation-item-on div.item-left-side    { background:transparent url() no-repeat scroll left top; }
#navigation-bar li.navigation-item-on div.item-right-side   { background:transparent url() no-repeat scroll right top; }

/* navigation bar links */
#navigation-bar li a:link,
#navigation-bar li a:visited,
#navigation-bar li a:hover,
#navigation-bar li a:active{ 
    color:#ffffff; 
    text-decoration:none;
}

#nav-checkout       {}
#nav-search         {}
#nav-basket         {}
#nav-account        {}
#nav-all-products   {}
#nav-storefront     {}

/*** Left Navigation ***/

#left-navigation{
    width:20%;
    border-right:1px solid #eeeeee;
    padding:0 0 0 4px;
    vertical-align:top;
}

/*** One Column Pages ***/
.one-column #left-navigation{ display:none; }

#category-tree{
    padding:1px;
    margin:0;
}

#category-tree-top-image{
    /* ie6 min-height hack */
    min-height:270px;
    height:auto !important;
    height:270px;
}

#category-tree-bottom-image{}

#category-tree a{
    display:block;
    text-decoration:none;
    color:#ffffff;
    font-weight:bold;
}

#category-tree div{
    background-color:#666666;
    border-bottom:1px solid #ffffff;    
}

#category-tree .level-1 a{ padding:4px 6px 4px 12px; }
#category-tree .level-2 a{ padding:4px 6px 4px 24px; }
#category-tree .level-3 a{ padding:4px 6px 4px 36px; }
#category-tree .level-4 a{ padding:4px 6px 4px 48px; }
#category-tree .level-5 a{ padding:4px 6px 4px 60px; }
#category-tree .level-6 a{ padding:4px 6px 4px 72px; }

#category-tree div.active{ background-color:#999999; }
#category-tree-header{}

#category-tree-footer{
    padding:4px;
    margin:10px 0;
}

/*** Content ***/

#content-container{
    clear:both;
    width:100%;
    border-style:solid;
    border-color:#666666;
    border-width:1px 0;
    padding:0 0 12px 0;
    margin:0;
}

#main-content{
    padding:16px;
    vertical-align:top;
}

/*** Global Header/Footer ***/

#global-header{}

#logo{
    clear:both;
    margin:0 0 0 5px;
}

#logo a{
    width:759px;
    height:85px;
    display:block;
    cursor:pointer;
}

#search{
    float:right;
    padding:4px 6px 4px 0;
}

#header-links{
    float:right;
    padding:4px 12px 0 0;
    line-height:22px;
    color:#000000;
    text-align:right;
}

#global-footer{ margin:16px 0; }
#footer-links{ text-align:right; }

#footer-links ul{
    font:normal .9em Arial, Helvetica, Verdana, sans-serif;
    margin:8px 0;
    padding:0;
}


#footer-links ul li{
    list-style-type:none;
    border-left:1px solid #999999;
    padding:0 2px 0 6px;
    margin:0;
    text-align:center;
    display:inline;
}

#footer-links ul li.first-child{ border:0; }

#miva-link{
    color: #999999;
    font-size:.8em;
    text-align:right;
    margin:16px 0;
}

#miva-link a{ color:#999999; }

#page-header{ clear:both; }
#page-footer{ clear:both; }

#maintenance{
    color:#dd0000;
    font-weight:bold;
}

.WLST .wishlists_search_container
{
    text-align:right;
}

/*** ACAD, ACED, AFAD, AFED, OCST ***/

.logout-link{
    margin:12px 0;
    float:right;
}

#customer-fields label,
#affiliate-fields label{
    float:left;
    width:150px;
    white-space:nowrap;
    text-align:right;
    padding:2px 5px 3px 0;
    clear:both;
}

#affiliate-commissions label,
.OSEL .non-editable label{
    float:left;
    width:120px;
    font-weight:bold;
    text-align:right;
    padding:0 6px 0 0;
}

#customer-fields input.textfield,
#affiliate-fields input.textfield,
#tax-fields input,
#affiliate-commissions div.form_row div,
.non-editable div.form_row div{
    width:170px;
    margin:0 0 4px 0;
}

#affiliate-commissions div.form_row div{ float:left; }

#customer-fields select,
#affiliate-fields select{
    width:176px;
    margin:0 0 4px 0;
}

#login-details,
#affiliate-information{
    margin:0 0 16px 0;
}

#affiliate-commissions .form_row{ margin:0 0 8px 0; }

.AFAD #affiliate-fields{
    width:50%;
    margin:0 auto;
}

.AFED #affiliate-fields #affiliate-contact,
.AFED #affiliate-fields #affiliate-commissions{
    float:left;
    width:50%;
}

#affiliate-commissions .affiliate-code{
    width:230px !important;
}

#affiliate-commissions #affiliate-image{
    width:236px !important;
    overflow:auto;
}

#affiliate-terms{ margin-left:155px; }

#affiliate-fields .form_row div.non-editable{
    margin:0 0 8px 0;
    padding:2px 0 0 0;
}

.save-button,
.continue-button{
    clear:both;
    text-align:right;
    padding:24px 0 0 0;
}

.required{ font-weight:bold; }

h2.fields-heading{
    background-color:#cccccc;
    color:#333333;
    margin:0 0 12px 0;
    padding:4px 4px 4px 12px;
}

.address2-label{ margin:0 0 14px 0; }

.controls{ 
    font:normal .7em Arial, Helvetica, Verdana, sans-serif;
    visibility:hidden;
}

#customer-fields .controls label{
    float:none;



}



#ship-to,
#bill-to{
    width:50%;
    float:left;
}

#ship-to h2 input.checkbox,
#bill-to h2 input.checkbox{
    margin:0 2px 0 12px;
    padding:0;
    width:13px;
    height:13px;
    overflow:hidden;
}

div.invalid input.textfield,
div.invalid select,
#tax-fields div.invalid input{
    border-color:#cc0000 #ff0000 #ff0000 #ff0000;
}

div.invalid label{ color:#dd0000; }

.warning-message{
    padding:4px;
    text-align:center;
    width:60%;
    margin:0 auto;
    color:#dd0000;
}

#customer-fields.editable .form_row,
#affiliate-fields.editable .form_row{
    margin:0 0 6px 0;
    text-align:left;
}

#customer-fields.non-editable .form_row{
    margin:0 0 4px 0; 
    text-align:left;
}

#customer-fields.non-editable label,
#affiliate-fields.non-editable label{
    margin:0 0 0 30px;
    padding:0 4px 0 0;
    font-weight:bold;
    width:110px;
    text-align:right;
    float:left;
    clear:both;
    white-space:nowrap;
}

#customer-fields.non-editable .form_row div,
#affiliate-fields.non-editable .form_row div{
    float:left;
}

#update-record{
    clear:both;
    margin:24px 0 0 24px;
}

.tax-fields label{ font-weight:bold; }

/*** LOGN, GFTL, AFCL, ORDL, ORHL, FPWD, CPWD, CEML ***/

#main-content .margin-container
{
    padding: 28px 126px;
}

.AFCL .section,
.GFTL .section,
.WLGN .section,
.LOGN .section{
    float:left;
    height:220px;
    width:49%;
}

.WLST .section_container{
    text-align:center;
}

.WLST .section{
    position:relative;
    display:inline-block;
    vertical-align:top;
    padding:10px 0;
    margin-bottom:20px;
    width:240px;
}

.ORDL .section{
    float:left;
    height:220px;
    width:33%;
}

.ORHL .lookup-section{ 
    float:left;
    height:220px;
    width:50%;
}

.ORHL .signin-section{
    float:left;
    height:220px;
    width:48%;
}

.section h3,
.lookup-section h3,
.signin-section h3{
    text-align:center;
}

.form_row{ margin:0 0 6px 0; }

.GFTL label,
.WLGN label,
.WLST .signin label,
.LOGN label,
.ORDL label,
.AFCL label,
.FPWD label{
    float:left;
    clear:both;
    width:90px;
    text-align:right;
    padding:3px 5px;
}

.ORHL label{ 
    white-space:nowrap;
    float:left;
    clear:both;
    width:90px;
    text-align:right;
    padding:3px 5px;
}

.grey-border-right{ border-right:1px solid #cccccc; }

.logn-input{ width:120px; }

#invalid-key{
    width:23px;
    float:left;
    margin:0 4px 0 0;
    border-width:1px;
    border-style:solid;
    border-color:#cc0000 #ff0000 #ff0000 #ff0000;
}

.sign-in-buttons{ 
    text-align:center;
    margin:12px 0 0 0;
}

.forgot-password{ 
    font-size:.9em; 
    text-align:center;
    margin:12px 0 0 0;
}

.FPWD .forgot-password-section{
    text-align:left;
    width:320px;
    padding:10px;
    border:1px solid #CCC;
    margin:15px auto;
}

.FPWD .fpwd-input,
.CPWD .cpwd-input{
    width:150px;
    margin:2px 3px;
}

.CEML .change-buttons,
.CPWD .change-buttons{
    text-align:right;
}

.CPWD .change-password-section{
    width:300px;
    margin:15px auto 5px;
    padding:10px;
    border:1px solid #CCC;
}

.CPWD label{
    width:110px;
    float:left;
    clear:both;
    text-align:right;
    padding:3px 5px;
}

.CEML .change-emailaddress-section{
    width:350px;
    margin:15px auto 5px;
    padding:10px;
    border:1px solid #CCC;
}

.CEML label{
    width:140px;
    float:left;
    clear:both;
    text-align:right;
    padding:3px 5px;
}

.CEML .oldemailaddress{
    line-height:22px;
}

/*** BASK, OCST, OPAY, OSEL ***/

#basket-contents.non-editable,
#basket-contents.editable,
#order-contents table{
    width:100%;
    border-left:1px solid #ffffff;
    border-top:1px solid #ffffff;
}

#basket-contents.non-editable table,
#basket-contents.editable table,
#order-contents table{
    border-collapse:collapse;
}

#basket-contents.non-editable td,
#basket-contents.editable td,
#order-contents td{
    background-color:#eeeeee;
    border-bottom:1px solid #ffffff;
    border-right:1px solid #ffffff;
    vertical-align:top;
    padding:6px;
    font:normal 1em Arial, Helvetica, Verdana, sans-serif;
}

#basket-contents table tr.basket-heading td,
#basket-contents table tr.basket-heading td,
#order-contents table tr.heading td{
    background-color:#cccccc;
    color:#333333;
    font-weight:bold;
    text-align:center;
    font-size:1em;
    white-space:nowrap;
}

#basket-contents .basket-qty-input{ width:34px; }

#basket-contents .item-image{
    vertical-align:middle;
}

#basket-contents .item-remove{
    width:8%;
    vertical-align:middle;
}

#basket-contents .item-remove-link{
    margin:auto;
    margin-top:.5em;
    vertical-align:middle;
}

#basket-contents table .basket-heading td.item-name{
    text-align:left;
}

#basket-contents.editable .item-quantity{
    width:13%;
    text-align:center;
    white-space:nowrap;
}

#basket-contents.non-editable .item-quantity{
    width:6%;
    text-align:center;
}

#basket-contents .item-options .item-name{ padding-left:16px; }

#basket-contents.non-editable .item-name{ width:59%; }

#basket-contents.editable .item-name{ width:66%; }
#basket-contents.editable .item-name div.item-name-div{ float:left; }
#basket-contents td.item-name{ text-align:left; }

#basket-contents .item-price{
    width:10%;
    text-align:right;
    white-space:nowrap;
}

#basket-contents .item-total{
    width:10%;
    text-align:right;
}

#basket-contents .custom-field{
    font-size:x-small;
}

#basket-contents .item-discount{
    white-space:nowrap;
    font-size:x-small;
    font-style:italic;
}

#basket-contents .basket-charges .charge-description,
#basket-contents .basket-charges .formatted-charge{
    font-style:italic;
    text-align:right;
    white-space:nowrap;
}

#basket-contents #basket-totals .formatted-total,
#basket-contents #basket-totals .total-prompt,
#basket-contents #basket-remaining .formatted-total,
#basket-contents #basket-remaining .total-prompt{
    font-weight:bold;
    text-align:right;
}

#basket-contents .basket-payments .charge-description,
#basket-contents .basket-payments .formatted-charge{
    font-style:normal;
    text-align:right;
    white-space:nowrap;
}

#basket-contents .item-options td{}

.checkout .item-quantity    { width:8% !important; }
.checkout .item-name        { width:64% !important; }

#fields-key{ margin:16px 0; }

.checkout-button{
    margin:12px 0;
    text-align:right;
}

#payment-fields input{
    border-width:1px;
    border-style:solid;
    border-color:#333333 #bbbbbb #bbbbbb #bbbbbb;
    padding:1px 2px;
    font:normal 1em Arial, Helvetica, Verdana, sans-serif;
}

#payment-fields label{
    white-space:nowrap;
    text-align:left;
    padding:3px 5px 3px 0;
    clear:both;
    margin:2px 0 0 0;
}

#payment-fields td{
    padding:0 0 6px 0;
}

#payment-amount-fields {
    display:inline-block;
    vertical-align:top;
}

#shipping-payment .form_row{ margin:10px 0 0 0; }

#shipping-payment label{
    float:left;
    width:65px;
    white-space:nowrap;
    text-align:left;
    padding:3px 5px 3px 0;
    clear:both;
    margin:2px 0 0 0; 
}

.OSEL .continue-button,
.OPAY .continue-button{ 
    margin:0 0 12px 0;
}

.OCST #basket-contents{ margin: 0 0 32px 0; }

.OPAY .fields-key{ margin:0 0 16px 0; }
#payment-fields .form_row{ margin:10px 0 0 0; }

#customer-fields.non-editable{ margin:0 0 32px 0; }
#basket-contents.non-editable{ margin:16px 0 32px 0; }

/*** CTGY, SRCH, PLST, OUS1, OUSM ***/

.category-listing,
.all-products,
.related-products,
.search-results{
    clear:both;
}

.product-item{
    width:50%;
    float:left;
}

.product-item .padding{
    padding:12px;
    margin:12px;
    height:300px;
    border:1px solid #cccccc;
    overflow:hidden;
}
        
.product-next-previous{ 
    clear:both;
    margin:12px 0; 
}

.CTGY .product-details,
.PLST .product-details,
.SRCH .product-details{
    height:245px;
    overflow:hidden;
}

.product-item .product-thumbnail{ 
    margin:0 0 12px 0; 
    text-align:center;
    min-height:144px;
}

.product-item .product-image{
    margin:0 0 12px 0; 
    text-align:center;
    min-height:144px;
}

.product-item .product-thumbnail img{
    vertical-align:middle;
}

.purchase-buttons, .PROD .related-products .purchase-buttons{
    text-align:center;
    margin:16px 0 0 0;
}

.product-descrip{
    margin:6px 0 0 0;
}

.product-discount{
    white-space:nowrap;
    font-size:x-small;
    font-style:italic;
}

.PROD .purchase-buttons{
    text-align:right;
    margin:16px 0 0 0;
}

.PROD .purchase-buttons-spacer{
    margin:5px 0 0 0;
}

.purchase-buttons input.button{
    margin:5px 2px 0;
}

.line-item td.item-buttons{
    white-space:nowrap;
}

.line-item tr.header-row td{ font-weight:bold; }

.thumbnail-not-available{
    display:block;
    width:234px;
    height:144px;
    background:transparent url() no-repeat scroll left top;
    margin:0 auto;
}

.image-not-available{
    display:block;
    width:234px;
    height:144px;
    background:transparent url() no-repeat scroll left top;
    margin:0 auto;
}

.next-previous{ margin:12px 0 0 0; }

.next-button    { float:right; }
.previous-button{ float:left; }

.search-again{ margin:0 0 16px 0; }

.OUS1 #main-content{
    padding-left:225px;
    padding-right:225px;
}

.upsale-heading{ text-align:center; }

.OUS1 .product-thumbnail{
    margin:12px 0; 
    text-align:left;
    height:116px;
    min-height:116px;
}

.OUS1 .product-description      { margin:16px 0 0 0; }
.OUS1 .thumbnail-not-available  { margin:16px auto; }

.OUSM #main-content{ 
    padding-left:160px;
    padding-right:160px;
}

.upsale-batch{
    width:100%;
    padding:2px;
}

.upsale-batch .heading td   { font-weight:bold; }

.upsale-checkbox{ width:32px; }
.upsale-name{ width:175px; }

.OUS1 .purchase-buttons textarea{
    text-align:center;
    width:390px;
    height:100px;
}

.OUSM .continue-button{ text-align:center; }

.line-item table{ width:100%; }
.line-item table tr.heading td{ font-weight:bold; }
.line-item table td{ 
    padding:2px;
    vertical-align:top;
}

.line-item .item-code{ 
    padding-left:2px;
    padding-right:2px;
}

.line-item .item-price{
    padding-left:2px;
    padding-right:2px;
}

.line-item .item-name{ width:80%; }
.line-item tr.alt_row{ background-color:#f4f4f4; }

#filter-items-container
{
    color: #434343;
    font-size: 11px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}
#filter-items-container .per-page
{
    position: relative;
    float:left;
    padding: 0 5px;
    margin-right: 5px;
    height: 22px;
    line-height: 20px;
}
#filter-items-container .per-page label
{
    margin-right: 3px;
}
#filter-items-container .per-page select
{
    padding: 0;
}
#filter-items-container .sorting
{
    position: relative;
    float:left;
    padding: 0 5px;
    height: 22px;
    line-height: 20px;
}
#filter-items-container .sorting label
{
    margin-right: 3px;
}
#filter-items-container .sorting select
{
    padding: 0;
    font-size: 11px;
}

.page-links-previous, .page-links-next
{
    text-decoration: none;
    line-height: 20px;
    padding: 0 8px;
    white-space: nowrap;
    font-weight: bold;
}
.page-links-previous
{
    float: left;
    text-align: right;
}
.page-links-next
{
    float: right;
    text-align: left;
}
.page-links-inactive
{
    text-decoration: none;
    padding: 2px 3px;
}
.page-links-active
{
    color: #434343;
    border-bottom: 2px solid #434343;
    font-weight: bold;
    text-decoration: none;
    padding: 1px 3px;
}
.page-links-deactivated
{
    color: #999;
    text-decoration: none;
}
.page-links-deactivated:hover
{
    color: #999;
    text-decoration: none;
    background: none;
}
.page-disp {
    display: block;
    line-height: 20px;
    float: left;
    text-align: center;
}
.page-links, .page-links a
{
    color: #434343;
    font-size: 11px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}
    .page-links
    {
        margin: 0px;
        text-align: right;
        float: right;
    }
    
.page-links-container
{
    text-decoration: none;
    display:block;
    float: right;
}
.page-links-title
{
    margin-top: 3px;
    position: relative;
    display:block;
    float:left;
}

/*** PRODUCT DISPLAY ***/

.product-details-1,
.product-details-2{
    width:50%;
    float:left;
}

.PROD .product-details-1 .product-image{
    border:1px solid #eeeeee;
    width:274px;
    height:274px;
}

.product-image{
    text-align:center;
}

.product-image span{
}

.product-image img{
    vertical-align:middle;
}

.product-quantity-input{
    width:34px;
    margin:0 4px;
}

.related-products{
    clear:both;
    margin:32px 0 16px 0;
}

.product-attributes{
    margin:16px 0;
    text-align:left;
}

.product-attributes td{
    padding:4px 0;
}

.product-attributes td.prompt{
    vertical-align:top;
    text-align:right;
    padding-right:4px;
}

.product-attributes td.field{
    text-align:left;
}

.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;
}

.wishlists_search_container{
    margin:5px 0;
    text-align:right;
}

.wishlists_actions_container{
    margin-right:8px;
}

.wishlists_container{
    margin:15px 0 0;
    text-align:center;
}

.wishlists_empty{
    font-size:16px;
    color:#666;
}

.wishlists_container table{
    text-align:left;
}

.wishlists_container table tr td.title  { white-space:nowrap; }
.wishlists_container table tr td.name   { white-space:nowrap; }

.wishlistitems_empty{
    text-align:center;
    font-size:16px;
    color:#666;
}

.wishlistitems_container table{
    width:100%;
    border-left:1px solid #ffffff;
    border-top:1px solid #ffffff;
    border-collapse:collapse;
}

.wishlistitems_container table tr td{
    background-color:#eeeeee;
  border-bottom:1px solid #ffffff;
    border-right:1px solid #ffffff;
    vertical-align:top;
  padding:6px;
    font:normal 1em Arial, Helvetica, Verdana, sans-serif;
}

.wishlistitems_container table tr.heading td{
    background-color:#cccccc;
    color:#333333;
    font-weight:bold;
    text-align:center;
    font-size:1em;
    white-space:nowrap;
}

.wishlistitems_container .item-preview{
    width:8%;
    vertical-align:top;
}

.wishlistitems_container .note{
    display:block;
    color:#666;
    font-style:italic;
    margin-top:4px;
}

.wishlistitems_container .edit{
    display:inline-block;
    margin-top:12px;
}

.wishlistitems_container .qty-input{
    width:34px;
}

.wishlistitems_container .editable_note_container{
    padding-right:10px;
}

.wishlistitems_container .editable_note{
    margin:0;
    width:100%;
    height:75px;
    padding:4px;
}

.wishlistitems_container select.wishlist_move{
    max-width:120px;
}

.wishlistitems_container table tr.alt_row td{
  background:#e3e3e3;
}

.wishlistitems_container table tr.heading td.item-name { text-align:left; }

.wishlistitems_container table tr td.item-move      { white-space:nowrap; text-align:center; }
.wishlistitems_container table tr td.item-quantity  { white-space:nowrap; text-align:center; }
.wishlistitems_container table tr td.item-action    { text-align:center; }
.wishlistitems_container table tr td.item-price     { width:10%; text-align:right; }

.wishlistitems_container table tr td.item-name table{
    border-collapse:collapse;
    border:none;
}

.wishlistitems_container table tr td.item-name table tr td{
    border:none;
    padding:0;
}

.wishlistitems_container .item-discount{
    white-space:nowrap;
    font-size:x-small;
    font-style:italic;
}

.wishlistitems_container .item-option{
    padding-left:16px;
}

#wishlist-fields .prompt{
    display:inline-block;
    vertical-align:top;
    padding:2px 5px 3px 0;
    text-align:right;
    width:75px;
}

#wishlist-fields .field{
    display:inline-block;
    vertical-align:top;
    width:256px;
    text-align:left;
}

#wishlist-fields .form_row .textfield,
#wishlist-fields .form_row .textarea{
    width:250px;
    padding:1px 2px;
}

#wishlist-fields .form_row .textarea{
    height:50px;
}

.action_all_container{
    margin-top:10px;
    text-align:right;
}
/*** $Id$ ***/
/*** Site ***/

body{
    font:normal 1em Arial, Helvetica, Verdana, sans-serif;
    margin:0;
    padding:12px 0 0 0;
    font-size:12px;
    color:#000000;
    text-align:center;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

td{ font-size:1em; }

form{
    display:inline;
    margin:0;
    padding:0;
}

h1{ font:bold 1.5em Arial, Helvetica, Verdana, sans-serif; }
h2{ font:bold 1.3em Arial, Helvetica, Verdana, sans-serif; }
h3{ font:bold 1.1em Arial, Helvetica, Verdana, sans-serif; }

h2.header{
    color:#333333;
    padding:4px;
    background-color:#cccccc;
    color:#333333;
    font-weight:bold;
}

a img{ border:0; }

a:link          { color:#333333; }
a:visited       { color:#000000; }
a:active        { color:#999999 }
a:hover         { color:#333333; }

.clear          { clear:both; font-size:0em; height:0em; }

.floatright     { float:right; }
.floatleft      { float:left; }

.alignright     { text-align:right; }
.alignleft      { text-align:left; }

.aligncenter    { text-align:center; }
.margincenter   { margin:0 auto; }

.small          { font-size:.9em; }
.smaller        { font-size:.8em; }
.smallest       { font-size:.7em; }
.large          { font-size:1.1em; }
.larger         { font-size:1.2em; }
.largest        { font-size:1.3em; }
.bold           { font-weight:bold; }
.italic         { font-style:italic; }
.red            { color:#dd0000; }
.blue           { color:#0000ff; }
.grey           { color:#999999; }
.darkgrey       { color:#555555; }
.nowrap         { white-space:normal; }
.inlineblock    { display:inline-block; }

.link-pipe      { color:#999999; }

.input_error{ border-color:#cc0000 #ff0000 #ff0000 #ff0000; }

.input_width_small  { width: 75px; }
.input_width_medium { width: 125px; }

select{
    border-width:1px;
    border-color:#333333 #bbbbbb #bbbbbb #bbbbbb;
    padding:1px 2px;
}

.error-message{ 
    padding:4px;
    text-align:center;
    width:60%;
    margin:0 auto;
    color:#dd0000;
    font-weight:bold;
}

.GFTL .header-message,
.WLGN .header-message{
    position:relative;
    display:block;
    margin-bottom:25px;
    text-align:center;
    font-size:14px;
    font-weight:bold;
}

.GFTL .error-message,
.WLGN .error-message,
.WLST .error-message,
.LOGN .error-message,
.AFCL .error-message,
.ORDL .error-message{
    margin:12px 24px;
    width:auto;
}

.information-message{ 
    padding:4px;
    text-align:center;
    width:60%;
    margin:0 auto;
    color:#0000dd;
}

.GFTL .information-message,
.WLGN .information-message,
.WLST .information-message,
.LOGN .information-message{
    margin:12px 24px;
    width:auto;
}

.textfield, select, textarea,
#tax-fields .form_row input{
    border-width:1px;
    border-style:solid;
    border-color:#333333 #bbbbbb #bbbbbb #bbbbbb;
    padding:1px 2px;
    font:normal 1em Arial, Helvetica, Verdana, sans-serif;
}

.textfield, textarea{
    width:160px;
}

.button{
    border-width:1px;
    border-style:solid;
    border-color:#999999 #000000 #000000 #999999;
    background-color:#999999;
    color:#ffffff;
    font-size:.9em;
    padding:1px 2px;
    margin:0;
    cursor:pointer;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

#site-container{
    width:770px;
    margin:0 auto;
    text-align:left;
    border-collapse:collapse;
}

#bottom-wrap    { clear:both; font-size:0em; height:0em; }

/*** Breadcrumbs ***/
#breadcrumbs 
{
    display: block;
    margin-left: -12px;
}
#breadcrumbs ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
#breadcrumbs ul li
{
    list-style: none;
    display: block;
    float: left;
    height: 20px;
}
#breadcrumbs .cats-hidden
{
    color: #434343;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    margin: 0 6px;
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: 3px solid #FFF;
}
#breadcrumbs a
{
    color: #434343;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    margin: 0 6px;
    padding-bottom: 2px;
    border-bottom: 3px solid #FFF;
}
#breadcrumbs .breadcrumb-border
{
    color: #777;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
}

#breadcrumbs .current-item
{
    color: #434343;
    font-weight: bold;
    font-size: 12px;
    margin: 0 6px;
    line-height: 20px;
}
#breadcrumbs .shortbreadcrumb
{
    color: #434343;
    font-weight: normal;
    font-size: 12px;
    padding: 0px 6px;
    line-height: 20px;
}

/*** Top Navigation Bar ***/

#navigation-bar{
    line-height:24px;
    padding:4px 4px 0 0;
}

#navigation-bar ul{ 
    margin:0;
    padding:0;      
    float:right;
    clear:both;
    width:100%;
}

#navigation-bar li{
    color:#ffffff;
    list-style:none;
    line-height:12px;
    float:right;
    text-align:center;
    margin:0 2px;
    font-weight:bold;
}

#navigation-bar li.navigation-item-on   { background-color:#999999; }
#navigation-bar li.navigation-item-off  { background-color:#666666; }

/* tab padding */
#navigation-bar li div div{ padding:5px 18px; }

/* tab off side images */
#navigation-bar li.navigation-item-off div.item-left-side   { background:transparent url() no-repeat scroll left top; }
#navigation-bar li.navigation-item-off div.item-right-side  { background:transparent url() no-repeat scroll right top; }

/* tab on side images */
#navigation-bar li.navigation-item-on div.item-left-side    { background:transparent url() no-repeat scroll left top; }
#navigation-bar li.navigation-item-on div.item-right-side   { background:transparent url() no-repeat scroll right top; }

/* navigation bar links */
#navigation-bar li a:link,
#navigation-bar li a:visited,
#navigation-bar li a:hover,
#navigation-bar li a:active{ 
    color:#ffffff; 
    text-decoration:none;
}

#nav-checkout       {}
#nav-search         {}
#nav-basket         {}
#nav-account        {}
#nav-all-products   {}
#nav-storefront     {}

/*** Left Navigation ***/

#left-navigation{
    width:20%;
    border-right:1px solid #eeeeee;
    padding:0 0 0 4px;
    vertical-align:top;
}

/*** One Column Pages ***/
.one-column #left-navigation{ display:none; }

#category-tree{
    padding:1px;
    margin:0;
}

#category-tree-top-image{
    /* ie6 min-height hack */
    min-height:270px;
    height:auto !important;
    height:270px;
}

#category-tree-bottom-image{}

#category-tree a{
    display:block;
    text-decoration:none;
    color:#ffffff;
    font-weight:bold;
}

#category-tree div{
    background-color:#666666;
    border-bottom:1px solid #ffffff;    
}

#category-tree .level-1 a{ padding:4px 6px 4px 12px; }
#category-tree .level-2 a{ padding:4px 6px 4px 24px; }
#category-tree .level-3 a{ padding:4px 6px 4px 36px; }
#category-tree .level-4 a{ padding:4px 6px 4px 48px; }
#category-tree .level-5 a{ padding:4px 6px 4px 60px; }
#category-tree .level-6 a{ padding:4px 6px 4px 72px; }

#category-tree div.active{ background-color:#999999; }
#category-tree-header{}

#category-tree-footer{
    padding:4px;
    margin:10px 0;
}

/*** Content ***/

#content-container{
    clear:both;
    width:100%;
    border-style:solid;
    border-color:#666666;
    border-width:1px 0;
    padding:0 0 12px 0;
    margin:0;
}

#main-content{
    padding:16px;
    vertical-align:top;
}

/*** Global Header/Footer ***/

#global-header{}

#logo{
    clear:both;
    margin:0 0 0 5px;
}

#logo a{
    width:759px;
    height:85px;
    display:block;
    cursor:pointer;
}

#search{
    float:right;
    padding:4px 6px 4px 0;
}

#header-links{
    float:right;
    padding:4px 12px 0 0;
    line-height:22px;
    color:#000000;
    text-align:right;
}

#global-footer{ margin:16px 0; }
#footer-links{ text-align:right; }

#footer-links ul{
    font:normal .9em Arial, Helvetica, Verdana, sans-serif;
    margin:8px 0;
    padding:0;
}


#footer-links ul li{
    list-style-type:none;
    border-left:1px solid #999999;
    padding:0 2px 0 6px;
    margin:0;
    text-align:center;
    display:inline;
}

#footer-links ul li.first-child{ border:0; }

#miva-link{
    color: #999999;
    font-size:.8em;
    text-align:right;
    margin:16px 0;
}

#miva-link a{ color:#999999; }

#page-header{ clear:both; }
#page-footer{ clear:both; }

#maintenance{
    color:#dd0000;
    font-weight:bold;
}

.WLST .wishlists_search_container
{
    text-align:right;
}

/*** ACAD, ACED, AFAD, AFED, OCST ***/

.logout-link{
    margin:12px 0;
    float:right;
}

#customer-fields label,
#affiliate-fields label{
    float:left;
    width:150px;
    white-space:nowrap;
    text-align:right;
    padding:2px 5px 3px 0;
    clear:both;
}

#affiliate-commissions label,
.OSEL .non-editable label{
    float:left;
    width:120px;
    font-weight:bold;
    text-align:right;
    padding:0 6px 0 0;
}

#customer-fields input.textfield,
#affiliate-fields input.textfield,
#tax-fields input,
#affiliate-commissions div.form_row div,
.non-editable div.form_row div{
    width:170px;
    margin:0 0 4px 0;
}

#affiliate-commissions div.form_row div{ float:left; }

#customer-fields select,
#affiliate-fields select{
    width:176px;
    margin:0 0 4px 0;
}

#login-details,
#affiliate-information{
    margin:0 0 16px 0;
}

#affiliate-commissions .form_row{ margin:0 0 8px 0; }

.AFAD #affiliate-fields{
    width:50%;
    margin:0 auto;
}

.AFED #affiliate-fields #affiliate-contact,
.AFED #affiliate-fields #affiliate-commissions{
    float:left;
    width:50%;
}

#affiliate-commissions .affiliate-code{
    width:230px !important;
}

#affiliate-commissions #affiliate-image{
    width:236px !important;
    overflow:auto;
}

#affiliate-terms{ margin-left:155px; }

#affiliate-fields .form_row div.non-editable{
    margin:0 0 8px 0;
    padding:2px 0 0 0;
}

.save-button,
.continue-button{
    clear:both;
    text-align:right;
    padding:24px 0 0 0;
}

.required{ font-weight:bold; }

h2.fields-heading{
    background-color:#cccccc;
    color:#333333;
    margin:0 0 12px 0;
    padding:4px 4px 4px 12px;
}

.address2-label{ margin:0 0 14px 0; }

.controls{ 
    font:normal .7em Arial, Helvetica, Verdana, sans-serif;
    visibility:hidden;
}

#customer-fields .controls label{
    float:none;



}



#ship-to,
#bill-to{
    width:50%;
    float:left;
}

#ship-to h2 input.checkbox,
#bill-to h2 input.checkbox{
    margin:0 2px 0 12px;
    padding:0;
    width:13px;
    height:13px;
    overflow:hidden;
}

div.invalid input.textfield,
div.invalid select,
#tax-fields div.invalid input{
    border-color:#cc0000 #ff0000 #ff0000 #ff0000;
}

div.invalid label{ color:#dd0000; }

.warning-message{
    padding:4px;
    text-align:center;
    width:60%;
    margin:0 auto;
    color:#dd0000;
}

#customer-fields.editable .form_row,
#affiliate-fields.editable .form_row{
    margin:0 0 6px 0;
    text-align:left;
}

#customer-fields.non-editable .form_row{
    margin:0 0 4px 0; 
    text-align:left;
}

#customer-fields.non-editable label,
#affiliate-fields.non-editable label{
    margin:0 0 0 30px;
    padding:0 4px 0 0;
    font-weight:bold;
    width:110px;
    text-align:right;
    float:left;
    clear:both;
    white-space:nowrap;
}

#customer-fields.non-editable .form_row div,
#affiliate-fields.non-editable .form_row div{
    float:left;
}

#update-record{
    clear:both;
    margin:24px 0 0 24px;
}

.tax-fields label{ font-weight:bold; }

/*** LOGN, GFTL, AFCL, ORDL, ORHL, FPWD, CPWD, CEML ***/

#main-content .margin-container
{
    padding: 28px 126px;
}

.AFCL .section,
.GFTL .section,
.WLGN .section,
.LOGN .section{
    float:left;
    height:220px;
    width:49%;
}

.WLST .section_container{
    text-align:center;
}

.WLST .section{
    position:relative;
    display:inline-block;
    vertical-align:top;
    padding:10px 0;
    margin-bottom:20px;
    width:240px;
}

.ORDL .section{
    float:left;
    height:220px;
    width:33%;
}

.ORHL .lookup-section{ 
    float:left;
    height:220px;
    width:50%;
}

.ORHL .signin-section{
    float:left;
    height:220px;
    width:48%;
}

.section h3,
.lookup-section h3,
.signin-section h3{
    text-align:center;
}

.form_row{ margin:0 0 6px 0; }

.GFTL label,
.WLGN label,
.WLST .signin label,
.LOGN label,
.ORDL label,
.AFCL label,
.FPWD label{
    float:left;
    clear:both;
    width:90px;
    text-align:right;
    padding:3px 5px;
}

.ORHL label{ 
    white-space:nowrap;
    float:left;
    clear:both;
    width:90px;
    text-align:right;
    padding:3px 5px;
}

.grey-border-right{ border-right:1px solid #cccccc; }

.logn-input{ width:120px; }

#invalid-key{
    width:23px;
    float:left;
    margin:0 4px 0 0;
    border-width:1px;
    border-style:solid;
    border-color:#cc0000 #ff0000 #ff0000 #ff0000;
}

.sign-in-buttons{ 
    text-align:center;
    margin:12px 0 0 0;
}

.forgot-password{ 
    font-size:.9em; 
    text-align:center;
    margin:12px 0 0 0;
}

.FPWD .forgot-password-section{
    text-align:left;
    width:320px;
    padding:10px;
    border:1px solid #CCC;
    margin:15px auto;
}

.FPWD .fpwd-input,
.CPWD .cpwd-input{
    width:150px;
    margin:2px 3px;
}

.CEML .change-buttons,
.CPWD .change-buttons{
    text-align:right;
}

.CPWD .change-password-section{
    width:300px;
    margin:15px auto 5px;
    padding:10px;
    border:1px solid #CCC;
}

.CPWD label{
    width:110px;
    float:left;
    clear:both;
    text-align:right;
    padding:3px 5px;
}

.CEML .change-emailaddress-section{
    width:350px;
    margin:15px auto 5px;
    padding:10px;
    border:1px solid #CCC;
}

.CEML label{
    width:140px;
    float:left;
    clear:both;
    text-align:right;
    padding:3px 5px;
}

.CEML .oldemailaddress{
    line-height:22px;
}

/*** BASK, OCST, OPAY, OSEL ***/

#basket-contents.non-editable,
#basket-contents.editable,
#order-contents table{
    width:100%;
    border-left:1px solid #ffffff;
    border-top:1px solid #ffffff;
}

#basket-contents.non-editable table,
#basket-contents.editable table,
#order-contents table{
    border-collapse:collapse;
}

#basket-contents.non-editable td,
#basket-contents.editable td,
#order-contents td{
    background-color:#eeeeee;
    border-bottom:1px solid #ffffff;
    border-right:1px solid #ffffff;
    vertical-align:top;
    padding:6px;
    font:normal 1em Arial, Helvetica, Verdana, sans-serif;
}

#basket-contents table tr.basket-heading td,
#basket-contents table tr.basket-heading td,
#order-contents table tr.heading td{
    background-color:#cccccc;
    color:#333333;
    font-weight:bold;
    text-align:center;
    font-size:1em;
    white-space:nowrap;
}

#basket-contents .basket-qty-input{ width:34px; }

#basket-contents .item-image{
    vertical-align:middle;
}

#basket-contents .item-remove{
    width:8%;
    vertical-align:middle;
}

#basket-contents .item-remove-link{
    margin:auto;
    margin-top:.5em;
    vertical-align:middle;
}

#basket-contents table .basket-heading td.item-name{
    text-align:left;
}

#basket-contents.editable .item-quantity{
    width:13%;
    text-align:center;
    white-space:nowrap;
}

#basket-contents.non-editable .item-quantity{
    width:6%;
    text-align:center;
}

#basket-contents .item-options .item-name{ padding-left:16px; }

#basket-contents.non-editable .item-name{ width:59%; }

#basket-contents.editable .item-name{ width:66%; }
#basket-contents.editable .item-name div.item-name-div{ float:left; }
#basket-contents td.item-name{ text-align:left; }

#basket-contents .item-price{
    width:10%;
    text-align:right;
    white-space:nowrap;
}

#basket-contents .item-total{
    width:10%;
    text-align:right;
}

#basket-contents .custom-field{
    font-size:x-small;
}

#basket-contents .item-discount{
    white-space:nowrap;
    font-size:x-small;
    font-style:italic;
}

#basket-contents .basket-charges .charge-description,
#basket-contents .basket-charges .formatted-charge{
    font-style:italic;
    text-align:right;
    white-space:nowrap;
}

#basket-contents #basket-totals .formatted-total,
#basket-contents #basket-totals .total-prompt,
#basket-contents #basket-remaining .formatted-total,
#basket-contents #basket-remaining .total-prompt{
    font-weight:bold;
    text-align:right;
}

#basket-contents .basket-payments .charge-description,
#basket-contents .basket-payments .formatted-charge{
    font-style:normal;
    text-align:right;
    white-space:nowrap;
}

#basket-contents .item-options td{}

.checkout .item-quantity    { width:8% !important; }
.checkout .item-name        { width:64% !important; }

#fields-key{ margin:16px 0; }

.checkout-button{
    margin:12px 0;
    text-align:right;
}

#payment-fields input{
    border-width:1px;
    border-style:solid;
    border-color:#333333 #bbbbbb #bbbbbb #bbbbbb;
    padding:1px 2px;
    font:normal 1em Arial, Helvetica, Verdana, sans-serif;
}

#payment-fields label{
    white-space:nowrap;
    text-align:left;
    padding:3px 5px 3px 0;
    clear:both;
    margin:2px 0 0 0;
}

#payment-fields td{
    padding:0 0 6px 0;
}

#payment-amount-fields {
    display:inline-block;
    vertical-align:top;
}

#shipping-payment .form_row{ margin:10px 0 0 0; }

#shipping-payment label{
    float:left;
    width:65px;
    white-space:nowrap;
    text-align:left;
    padding:3px 5px 3px 0;
    clear:both;
    margin:2px 0 0 0; 
}

.OSEL .continue-button,
.OPAY .continue-button{ 
    margin:0 0 12px 0;
}

.OCST #basket-contents{ margin: 0 0 32px 0; }

.OPAY .fields-key{ margin:0 0 16px 0; }
#payment-fields .form_row{ margin:10px 0 0 0; }

#customer-fields.non-editable{ margin:0 0 32px 0; }
#basket-contents.non-editable{ margin:16px 0 32px 0; }

/*** CTGY, SRCH, PLST, OUS1, OUSM ***/

.category-listing,
.all-products,
.related-products,
.search-results{
    clear:both;
}

.product-item{
    width:50%;
    float:left;
}

.product-item .padding{
    padding:12px;
    margin:12px;
    height:300px;
    border:1px solid #cccccc;
    overflow:hidden;
}
        
.product-next-previous{ 
    clear:both;
    margin:12px 0; 
}

.CTGY .product-details,
.PLST .product-details,
.SRCH .product-details{
    height:245px;
    overflow:hidden;
}

.product-item .product-thumbnail{ 
    margin:0 0 12px 0; 
    text-align:center;
    min-height:144px;
}

.product-item .product-image{
    margin:0 0 12px 0; 
    text-align:center;
    min-height:144px;
}

.product-item .product-thumbnail img{
    vertical-align:middle;
}

.purchase-buttons, .PROD .related-products .purchase-buttons{
    text-align:center;
    margin:16px 0 0 0;
}

.product-descrip{
    margin:6px 0 0 0;
}

.product-discount{
    white-space:nowrap;
    font-size:x-small;
    font-style:italic;
}

.PROD .purchase-buttons{
    text-align:right;
    margin:16px 0 0 0;
}

.PROD .purchase-buttons-spacer{
    margin:5px 0 0 0;
}

.purchase-buttons input.button{
    margin:5px 2px 0;
}

.line-item td.item-buttons{
    white-space:nowrap;
}

.line-item tr.header-row td{ font-weight:bold; }

.thumbnail-not-available{
    display:block;
    width:234px;
    height:144px;
    background:transparent url() no-repeat scroll left top;
    margin:0 auto;
}

.image-not-available{
    display:block;
    width:234px;
    height:144px;
    background:transparent url() no-repeat scroll left top;
    margin:0 auto;
}

.next-previous{ margin:12px 0 0 0; }

.next-button    { float:right; }
.previous-button{ float:left; }

.search-again{ margin:0 0 16px 0; }

.OUS1 #main-content{
    padding-left:225px;
    padding-right:225px;
}

.upsale-heading{ text-align:center; }

.OUS1 .product-thumbnail{
    margin:12px 0; 
    text-align:left;
    height:116px;
    min-height:116px;
}

.OUS1 .product-description      { margin:16px 0 0 0; }
.OUS1 .thumbnail-not-available  { margin:16px auto; }

.OUSM #main-content{ 
    padding-left:160px;
    padding-right:160px;
}

.upsale-batch{
    width:100%;
    padding:2px;
}

.upsale-batch .heading td   { font-weight:bold; }

.upsale-checkbox{ width:32px; }
.upsale-name{ width:175px; }

.OUS1 .purchase-buttons textarea{
    text-align:center;
    width:390px;
    height:100px;
}

.OUSM .continue-button{ text-align:center; }

.line-item table{ width:100%; }
.line-item table tr.heading td{ font-weight:bold; }
.line-item table td{ 
    padding:2px;
    vertical-align:top;
}

.line-item .item-code{ 
    padding-left:2px;
    padding-right:2px;
}

.line-item .item-price{
    padding-left:2px;
    padding-right:2px;
}

.line-item .item-name{ width:80%; }
.line-item tr.alt_row{ background-color:#f4f4f4; }

#filter-items-container
{
    color: #434343;
    font-size: 11px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}
#filter-items-container .per-page
{
    position: relative;
    float:left;
    padding: 0 5px;
    margin-right: 5px;
    height: 22px;
    line-height: 20px;
}
#filter-items-container .per-page label
{
    margin-right: 3px;
}
#filter-items-container .per-page select
{
    padding: 0;
}
#filter-items-container .sorting
{
    position: relative;
    float:left;
    padding: 0 5px;
    height: 22px;
    line-height: 20px;
}
#filter-items-container .sorting label
{
    margin-right: 3px;
}
#filter-items-container .sorting select
{
    padding: 0;
    font-size: 11px;
}

.page-links-previous, .page-links-next
{
    text-decoration: none;
    line-height: 20px;
    padding: 0 8px;
    white-space: nowrap;
    font-weight: bold;
}
.page-links-previous
{
    float: left;
    text-align: right;
}
.page-links-next
{
    float: right;
    text-align: left;
}
.page-links-inactive
{
    text-decoration: none;
    padding: 2px 3px;
}
.page-links-active
{
    color: #434343;
    border-bottom: 2px solid #434343;
    font-weight: bold;
    text-decoration: none;
    padding: 1px 3px;
}
.page-links-deactivated
{
    color: #999;
    text-decoration: none;
}
.page-links-deactivated:hover
{
    color: #999;
    text-decoration: none;
    background: none;
}
.page-disp {
    display: block;
    line-height: 20px;
    float: left;
    text-align: center;
}
.page-links, .page-links a
{
    color: #434343;
    font-size: 11px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}
    .page-links
    {
        margin: 0px;
        text-align: right;
        float: right;
    }
    
.page-links-container
{
    text-decoration: none;
    display:block;
    float: right;
}
.page-links-title
{
    margin-top: 3px;
    position: relative;
    display:block;
    float:left;
}

/*** PRODUCT DISPLAY ***/

.product-details-1,
.product-details-2{
    width:50%;
    float:left;
}

.PROD .product-details-1 .product-image{
    border:1px solid #eeeeee;
    width:274px;
    height:274px;
}

.product-image{
    text-align:center;
}

.product-image span{
}

.product-image img{
    vertical-align:middle;
}

.product-quantity-input{
    width:34px;
    margin:0 4px;
}

.related-products{
    clear:both;
    margin:32px 0 16px 0;
}

.product-attributes{
    margin:16px 0;
    text-align:left;
}

.product-attributes td{
    padding:4px 0;
}

.product-attributes td.prompt{
    vertical-align:top;
    text-align:right;
    padding-right:4px;
}

.product-attributes td.field{
    text-align:left;
}

.thumbnails{
    display:block;
    margin:0;
    padding:0;
    width:274px;
}

.thumbnails li{
    display:block;
    float:left;
    margin:4px 4px 0 0;
    padding:0;
    width:42px;
    height:42px;
    text-align:center;
    border:1px solid #eeeeee;
    cursor:pointer;
}

.thumbnails li span{
    display:inline-block;
    height:100%;
    text-align:center;
    vertical-align:middle;
}

.thumbnails li img{
    vertical-align:middle;
}

.swatches{
    display:inline;
    margin:0;
    padding:0;
}

.swatches li{
    display:block;
    float:left;
    margin:4px 4px 0 0;
    padding:0;
    width:50px;
    height:50px;
    text-align:center;
    border:1px solid #eeeeee;
    cursor:pointer;
}

.swatches li span{
    display:inline-block;
    height:100%;
    text-align:center;
    vertical-align:middle;
}

.swatches li img{
    vertical-align:middle;
}

.product-image-margin{
    height:8px;
}

.closeup{
    position:absolute;
    top:75px;
    padding:10px 10px 5px 10px;
    background-color:#ffffff;
    border:1px solid #333333;
    text-align:center;
    display:none;
    z-index:2;
    min-width:274px;
    min-height:274px;
}

.closeup a{
    cursor:pointer;
    margin:5px 0 0 0;
    z-index:2;
}

.closeup_backing{
    display:none;
    position:absolute;
    left:0px;
    top:0px;
    background-color:#333333;
    opacity:0.75;
    filter:alpha(opacity=75);
    width:100%;
}

/*** INVC ***/

.INVC .order-id,
.ORDS .order-id{
    float:left;
    font-weight:bold;
}

.INVC .order-date,
.ORDS .order-date{
    float:right;
    text-align:right;
}

.INVC .order-date span,
.ORDS .order-date span{
    font-weight:bold; 
}

.INVC h3,
.ORDS h3{ 
    clear:both;
    margin:16px 0 24px 0;
}

/*** PATR ***/

.PATR .continue-button{
    text-align:right;
    margin:12px 0;
}

/*** SMAP ***/

.SMAP h3{
    
}

.SMAP .category{
    width:33%;
    text-align:left;
    float:left;
}

.SMAP .category .padding{
    padding:2px;
}

.SMAP .product{
    width:33%;
    text-align:left;
    float:left;
}

.SMAP .product .padding{ padding:2px; }

/*** ORDH, ORDS ***/

#orderhistory-list table{ 
    border-collapse:collapse;
    margin:0 0 10px 0;
}

#order-contents table{
    width:100%;
}

#order-contents table td, 
#orderhistory-list table td{ 
    vertical-align:top;
}

#orderhistory-list .order-reorder       { text-align:center; }
#orderhistory-list .order-invoice       {  }
#orderhistory-list .order-description   { text-align:left; }
#orderhistory-list .order-date          {  }
#orderhistory-list .order-purchased     { text-align:center; }
#orderhistory-list .order-quantity      { text-align:center; }
#orderhistory-list .order-status        { text-align:center; }
#orderhistory-list .order-tracking      { text-align:left; }
#orderhistory-list .order-total         { text-align:right; }
#orderhistory-list .order-price         { text-align:right; }

#orderhistory-list .order-view
{
    vertical-align:middle;
    padding:0 8px;
}

#orderhistory-list tr.heading td { 
    font-weight:bold;
    white-space:nowrap;
}

#orderhistory-list .previous-button{
    width:50%;
    text-align:left;
    float:none;
}

#orderhistory-list .next-button{
    width:50%;
    text-align:right;
    float:none;
}

#order-contents table tr td.order-reorder       { text-align:center; }
#order-contents table tr td.order-image         { vertical-align:middle; }
#order-contents table tr td.order-invoice       {  }
#order-contents table tr td.order-description   { text-align:left; }
#order-contents table tr td.order-date          { text-align:left }
#order-contents table tr td.order-purchased     { text-align:center; }
#order-contents table tr td.order-quantity      { text-align:center; }
#order-contents table tr td.order-status        { text-align:left; }
#order-contents table tr td.order-tracking      { text-align:left; }
#order-contents table tr td.order-total         { text-align:right; }
#order-contents table tr td.order-price         { text-align:right; }

#order-contents .custom-field{
    font-size:x-small;
}

#order-contents .order-discount{
    white-space:nowrap;
    font-size:x-small;
    font-style:italic;
}

#order-contents table tr td.charge-description,
#order-contents table tr td.charge-fee{
    font-style:italic;
    text-align:right;
}

#order-contents .order-payments .charge-description,
#order-contents .order-payments .charge-fee{
    font-style:normal;
    text-align:right;
    white-space:nowrap;
}

#order-contents table tr td.charge-fee{ text-align:right; }
#order-contents table tr td.formatted-total,
#order-contents table tr td.total-prompt{
    text-align:right;
    font-weight:bold;
}

#customer-fields{
    margin:16px 0;
}

#Order_BillZip{ width:44px; }

.widest{ width:100%; }

.customercredithistory_container table tr td.orderid    { white-space:nowrap; }
.customercredithistory_container table tr td.amount     { white-space:nowrap; text-align:right; }
.customercredithistory_container table tr td.dtstamp    { white-space:nowrap; }

.customer_account_box{
    position:relative;
    padding:20px 8px;
    border:1px solid #ccc;
    margin:20px 0;
}

.customer_account_box_title{
    position:relative;
    display:inline-block;
    vertical-align:top;
    width:20%;
    font-size:18px;
    color:#777;
}

.customer_account_box_content{
    position:relative;
    display:inline-block;
    vertical-align:top;
    width:80%;
    font-size:12px;
}

.customer_account_balance_container{
    position:relative;
    text-align:center;
    font-size:18px;
    padding:20px 8px;
    border:1px solid #ccc;
    margin:20px 0;
}

.customer_account_balance{
    color:#199e3d;
}

.customer_account_balance_button_redeem{
    font-size:14px;
}

.giftcertificate_redeem_content{
    position:relative;
    display:block;
    margin-top:10px;
}

.giftcertificate_redeem_giftcertificate_container{
    position:relative;
    display:inline-block;
}

.giftcertificate_redeem_giftcertificate_title{
    position:relative;
    display:block;
    margin-bottom:5px;
    font-weight:bold;
}

.giftcertificate_redeem_giftcertificate_content{
    position:relative;
    display:block;
}

.giftcertificate_redeem_giftcertificate_code{
    width:200px;
}

.giftcertificate_redeem_currentbalance_container{
    position:relative;
    float:right;
}

.wishlists_search_container{
    margin:5px 0;
    text-align:right;
}

.wishlists_actions_container{
    margin-right:8px;
}

.wishlists_container{
    margin:15px 0 0;
    text-align:center;
}

.wishlists_empty{
    font-size:16px;
    color:#666;
}

.wishlists_container table{
    text-align:left;
}

.wishlists_container table tr td.title  { white-space:nowrap; }
.wishlists_container table tr td.name   { white-space:nowrap; }

.wishlistitems_empty{
    text-align:center;
    font-size:16px;
    color:#666;
}

.wishlistitems_container table{
    width:100%;
    border-left:1px solid #ffffff;
    border-top:1px solid #ffffff;
    border-collapse:collapse;
}

.wishlistitems_container table tr td{
    background-color:#eeeeee;
    border-right:1px solid #ffffff;
    vertical-align:top;
 padding:6px 6px 2px;
    font:normal 1em Arial, Helvetica, Verdana, sans-serif;
}

.wishlistitems_container table tr.row_start td{
    border-top:1px solid #fff;
}

.wishlistitems_container table tr.option_row td{
    padding:2px 6px;
}

.wishlistitems_container table tr.controls_row td{
    padding:6px;
}

.wishlistitems_container table tr.heading td{
    background-color:#cccccc;
    color:#333333;
    font-weight:bold;
    text-align:center;
    font-size:1em;
    white-space:nowrap;
}

.wishlistitems_container .item-preview{
    width:8%;
    vertical-align:top;
}

.wishlistitems_container .note{
    display:block;
    color:#666;
    font-style:italic;
    margin-top:4px;
}

.wishlistitems_container .edit{
    display:inline-block;
    margin-top:12px;
}

.wishlistitems_container .qty-input{
    width:34px;
}

.wishlistitems_container .editable_note_container{
    padding-right:10px;
}

.wishlistitems_container .editable_note{
    margin:0;
    width:100%;
    height:75px;
    padding:4px;
}

.wishlistitems_container select.wishlist_move{
    max-width:120px;
}

.wishlistitems_container table tr.alt_row td{
  background:#e3e3e3;
}

.wishlistitems_container table tr.heading td.item-name { text-align:left; }

.wishlistitems_container table tr td.item-move      { white-space:nowrap; text-align:center; }
.wishlistitems_container table tr td.item-quantity  { white-space:nowrap; text-align:center; }
.wishlistitems_container table tr td.item-action    { text-align:center; }
.wishlistitems_container table tr td.item-price     { width:10%; text-align:right; }

.wishlistitems_container table tr td.item-name table{
    border-collapse:collapse;
    border:none;
}

.wishlistitems_container table tr td.item-name table tr td{
    border:none;
    padding:0;
}

.wishlistitems_container .item-discount{
    white-space:nowrap;
    font-size:x-small;
    font-style:italic;
}

.wishlistitems_container .item-option{
    padding-left:16px;
}

#wishlist-fields .prompt{
    display:inline-block;
    vertical-align:top;
    padding:2px 5px 3px 0;
    text-align:right;
    width:75px;
}

#wishlist-fields .field{
    display:inline-block;
    vertical-align:top;
    width:256px;
    text-align:left;
}

#wishlist-fields .form_row .textfield,
#wishlist-fields .form_row .textarea{
    width:250px;
    padding:1px 2px;
}

#wishlist-fields .form_row .textarea{
    height:50px;
}

.action_all_container{
    margin-top:10px;
    text-align:right;
}

.customer_add_address_link{
    margin:12px 0;
    float:right;
}

.customer_account_address_default_container{
    position:relative;
    display:inline-block;
    vertical-align:top;
    width:50%;
}

.customer_account_address{
    position:relative;
    display:block;
    padding:15px 8px;
    border:1px solid #ccc;
    margin:20px 0;
}

.customer_account_address_shipping{
    margin-right:10px;
}

.customer_account_address_billing{
    margin-left:10px;
}

.customer_account_address_title{
    position:relative;
    display:block;
    font-size:18px;
    color:#777;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #ccc;
}

.customer_account_address_content{
    position:relative;
    display:block;
}

.customer_account_address_details_container{
    position:relative;
    display:inline-block;
    vertical-align:top;
    width:60%;
}

.customer_account_address_details{
    position:relative;
    display:block;
    font-size:14px;
}

.customer_account_address_actions_container{
    position:relative;
    display:inline-block;
    vertical-align:top;
    width:40%;
}

.customer_account_address_actions{
    position:relative;
    display:block;
    margin-top:14px;
    font-size:12px;
    text-align:right;
}

.customer_account_address_actions_default{
    position:relative;
    display:inline-block;
    margin-bottom:5px;
    font-style:italic;
    color:#777;
}

.customer_account_address_actions_link{
    position:relative;
    display:inline-block;
    margin-bottom:5px;
}

CSSUI: Edit Page: CADA: Customer Address Fields

Original File
New File
new template
<div id="fields-key">
    <div><span class="required">Bold</span> = Required</div>
    <div><span class="italic">Italic</span> = Optional</div>
    <mvt:if expr="g.Error_Message_Count">
    <div><span class="red">Red</span> = Invalid</div>
    </mvt:if>
</div>

<div id="customer-fields" class="editable">
    <h2 class="fields-heading">Address</h2>

    <div id="shipping_fields">
        <div class="&mvte:global:Address_Description_Row;">
            <label class="required" for="Address_Description">Address Description:</label>
            <input type="text" name="Address_Description" id="Address_Description" value="&mvte:global:Address_Description;" class="textfield" />
        </div>
        <div class="&mvte:global:Address_FirstName_Row;">
            <label class="required" for="Address_FirstName">First Name:</label>
            <input type="text" name="Address_FirstName" id="Address_FirstName" value="&mvte:global:Address_FirstName;" class="textfield" />
        </div>
        <div class="&mvte:global:Address_LastName_Row;">
            <label class="required" for="Address_LastName">Last Name:</label>
            <input type="text" name="Address_LastName" id="Address_LastName" value="&mvte:global:Address_LastName;" class="textfield" />
        </div>
        <div class="&mvte:global:Address_Email_Row;">
            <label class="required" for="Address_Email">Email Address:</label>
            <input type="text" name="Address_Email" id="Address_Email" value="&mvte:global:Address_Email;" class="textfield" />
        </div>
        <div class="&mvte:global:Address_Phone_Row;">
            <label class="required" for="Address_Phone">Phone Number:</label>
            <input type="text" name="Address_Phone" id="Address_Phone" value="&mvte:global:Address_Phone;" class="textfield" />
        </div>
        <div class="&mvte:global:Address_Fax_Row;">
            <label class="italic" for="Address_Fax">Fax Number:</label>
            <input type="text" name="Address_Fax" id="Address_Fax" value="&mvte:global:Address_Fax;" class="textfield" />
        </div>
        <div class="&mvte:global:Address_Company_Row;">
            <label class="italic" for="Address_Company">Company:</label>
            <input type="text" name="Address_Company" id="Address_Company" value="&mvte:global:Address_Company;" class="textfield" />
        </div>
        <div class="&mvte:global:Address_Address1_Row;">
            <label class="required" for="Address_Address1">Address:</label>
            <input type="text" name="Address_Address1" id="Address_Address1" value="&mvte:global:Address_Address1;" class="textfield" />
        </div>
        <div class="&mvte:global:Address_Address2_Row;">
            <label class="italic" for="Address_Address2">Address 2:</label>
            <input type="text" name="Address_Address2" id="Address_Address2" value="&mvte:global:Address_Address2;" class="textfield" />
        </div>
        <div class="&mvte:global:Address_City_Row;">
            <label class="required" for="Address_City">City:</label>
            <input type="text" name="Address_City" id="Address_City" value="&mvte:global:Address_City;" class="textfield" />
        </div>
        <mvt:if expr="g.Address_States_Empty">
            <div class="&mvte:global:Address_State_Row;">
                <label class="required" for="Address_State">State/Province:</label>
                <input type="text" name="Address_State" id="Address_State" value="&mvte:global:Address_State;" class="textfield" />
            </div>
        <mvt:else>
            <div class="&mvte:global:Address_State_Row;">
                <label class="required" for="Address_StateSelect">State/Province:</label>
                <mvt:item name="states" param="Address_StateSelect" />
            </div>
            
            <div class="&mvte:global:Address_State_Row;">
                <label class="italic" for="Address_State">Other State/Province:</label>
                <input type="text" name="Address_State" id="Address_State" value="&mvte:global:Address_State;" class="textfield">
            </div>
        </mvt:if>
        <div class="&mvte:global:Address_Zip_Row;">
            <label class="required" for="Address_Zip">Zip/Postal Code:</label>
            <input type="text" name="Address_Zip" id="Address_Zip" value="&mvte:global:Address_Zip;" class="textfield" />
        </div>
        <div class="&mvte:global:Address_Country_Row;">
            <label class="required" for="Address_Country">Country:</label>
            <mvt:item name="countries" param="Address_Country" />
        </div>
        <div class="&mvte:global:Address_Default_Shipping_Row;">
            <label class="italic" for="Address_Default_Shipping"></label>
            <mvt:if expr="g.Address_Default_Shipping">
                <input type="checkbox" name="Address_Default_Shipping" id="Address_Default_Shipping" value="1" checked />
            <mvt:else>
                <input type="checkbox" name="Address_Default_Shipping" id="Address_Default_Shipping" value="1" />
            </mvt:if>

            <span class="italic">Set as Default Shipping Address</span>
        </div>

        <div class="&mvte:global:Address_Default_Billing_Row;">
            <label class="italic" for="Address_Default_Billing"></label>
            <mvt:if expr="g.Address_Default_Billing">
                <input type="checkbox" name="Address_Default_Billing" id="Address_Default_Billing" value="1" checked />
            <mvt:else>
                <input type="checkbox" name="Address_Default_Billing" id="Address_Default_Billing" value="1" />
            </mvt:if>

            <span class="italic">Set as Default Billing Address</span>
        </div>
    </div>
</div>

CSSUI: Edit Page: CADE: Customer Address Fields

Original File
New File
new template
<div id="fields-key">
    <div><span class="required">Bold</span> = Required</div>
    <div><span class="italic">Italic</span> = Optional</div>
    <mvt:if expr="g.Error_Message_Count">
    <div><span class="red">Red</span> = Invalid</div>
    </mvt:if>
</div>

<input type="hidden" name="Address_ID" value="&mvte:global:Address_ID;" />

<div id="customer-fields" class="editable">
    <h2 class="fields-heading">Address</h2>

    <div id="shipping_fields">
        <div class="&mvte:global:Address_Description_Row;">
            <label class="required" for="Address_Description">Address Description:</label>
            <input type="text" name="Address_Description" id="Address_Description" value="&mvte:global:Address_Description;" class="textfield" />
        </div>
        <div class="&mvte:global:Address_FirstName_Row;">
            <label class="required" for="Address_FirstName">First Name:</label>
            <input type="text" name="Address_FirstName" id="Address_FirstName" value="&mvte:global:Address_FirstName;" class="textfield" />
        </div>
        <div class="&mvte:global:Address_LastName_Row;">
            <label class="required" for="Address_LastName">Last Name:</label>
            <input type="text" name="Address_LastName" id="Address_LastName" value="&mvte:global:Address_LastName;" class="textfield" />
        </div>
        <div class="&mvte:global:Address_Email_Row;">
            <label class="required" for="Address_Email">Email Address:</label>
            <input type="text" name="Address_Email" id="Address_Email" value="&mvte:global:Address_Email;" class="textfield" />
        </div>
        <div class="&mvte:global:Address_Phone_Row;">
            <label class="required" for="Address_Phone">Phone Number:</label>
            <input type="text" name="Address_Phone" id="Address_Phone" value="&mvte:global:Address_Phone;" class="textfield" />
        </div>
        <div class="&mvte:global:Address_Fax_Row;">
            <label class="italic" for="Address_Fax">Fax Number:</label>
            <input type="text" name="Address_Fax" id="Address_Fax" value="&mvte:global:Address_Fax;" class="textfield" />
        </div>
        <div class="&mvte:global:Address_Company_Row;">
            <label class="italic" for="Address_Company">Company:</label>
            <input type="text" name="Address_Company" id="Address_Company" value="&mvte:global:Address_Company;" class="textfield" />
        </div>
        <div class="&mvte:global:Address_Address1_Row;">
            <label class="required" for="Address_Address1">Address:</label>
            <input type="text" name="Address_Address1" id="Address_Address1" value="&mvte:global:Address_Address1;" class="textfield" />
        </div>
        <div class="&mvte:global:Address_Address2_Row;">
            <label class="italic" for="Address_Address2">Address 2:</label>
            <input type="text" name="Address_Address2" id="Address_Address2" value="&mvte:global:Address_Address2;" class="textfield" />
        </div>
        <div class="&mvte:global:Address_City_Row;">
            <label class="required" for="Address_City">City:</label>
            <input type="text" name="Address_City" id="Address_City" value="&mvte:global:Address_City;" class="textfield" />
        </div>
        <mvt:if expr="g.Address_States_Empty">
            <div class="&mvte:global:Address_State_Row;">
                <label class="required" for="Address_State">State/Province:</label>
                <input type="text" name="Address_State" id="Address_State" value="&mvte:global:Address_State;" class="textfield" />
            </div>
        <mvt:else>
            <div class="&mvte:global:Address_State_Row;">
                <label class="required" for="Address_StateSelect">State/Province:</label>
                <mvt:item name="states" param="Address_StateSelect" />
            </div>
            
            <div class="&mvte:global:Address_State_Row;">
                <label class="italic" for="Address_State">Other State/Province:</label>
                <input type="text" name="Address_State" id="Address_State" value="&mvte:global:Address_State;" class="textfield">
            </div>
        </mvt:if>
        <div class="&mvte:global:Address_Zip_Row;">
            <label class="required" for="Address_Zip">Zip/Postal Code:</label>
            <input type="text" name="Address_Zip" id="Address_Zip" value="&mvte:global:Address_Zip;" class="textfield" />
        </div>
        <div class="&mvte:global:Address_Country_Row;">
            <label class="required" for="Address_Country">Country:</label>
            <mvt:item name="countries" param="Address_Country" />
        </div>
        <div class="&mvte:global:Address_Default_Shipping_Row;">
            <label class="italic" for="Address_Default_Shipping"></label>
            <mvt:if expr="g.Address_Default_Shipping">
                <input type="checkbox" name="Address_Default_Shipping" id="Address_Default_Shipping" value="1" checked />
            <mvt:else>
                <input type="checkbox" name="Address_Default_Shipping" id="Address_Default_Shipping" value="1" />
            </mvt:if>

            <span class="italic">Set as Default Shipping Address</span>
        </div>

        <div class="&mvte:global:Address_Default_Billing_Row;">
            <label class="italic" for="Address_Default_Billing"></label>
            <mvt:if expr="g.Address_Default_Billing">
                <input type="checkbox" name="Address_Default_Billing" id="Address_Default_Billing" value="1" checked />
            <mvt:else>
                <input type="checkbox" name="Address_Default_Billing" id="Address_Default_Billing" value="1" />
            </mvt:if>

            <span class="italic">Set as Default Billing Address</span>
        </div>
    </div>
</div>

CSSUI: Edit Page: CABK: Customer Address Book Layout

Original File
New File
new template
<div class="customer_account_addresses">
    <mvt:if expr="l.settings:addressbook:address_ship:id">
        <span class="customer_account_address">
            <div class="customer_account_address_title">
                &mvte:addressbook:address_ship:descrip;

                <mvt:if expr="l.settings:addressbook:address_ship:id EQ l.settings:addressbook:address_bill:id">
                    (Default Shipping/Billing Address)
                <mvt:else>
                    (Default Shipping Address)
                </mvt:if>
            </div>
            <div class="customer_account_address_content">
                <span class="customer_account_address_details_container">
                    <span class="customer_account_address_details">
                        <mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:fname OR NOT ISNULL l.settings:addressbook:address_ship:lname">
                            <b>&mvte:addressbook:address_ship:fname; &mvte:addressbook:address_ship:lname;</b> <br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:addr1">
                            &mvte:addressbook:address_ship:addr1; <br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:addr2">
                            &mvte:addressbook:address_ship:addr2; <br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:city OR NOT ISNULL l.settings:addressbook:address_ship:state OR NOT ISNULL l.settings:addressbook:address_ship:zip">
                            <mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:city">&mvte:addressbook:address_ship:city;</mvt:if><mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:city AND NOT ISNULL l.settings:addressbook:address_ship:state">,</mvt:if>
                            <mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:state">&mvte:addressbook:address_ship:state;</mvt:if>
                            <mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:zip">&mvte:addressbook:address_ship:zip;</mvt:if>

                            <br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:cntry">
                            &mvte:addressbook:address_ship:cntry;<br />
                        </mvt:if>

                        <mvt:if expr="l.settings:addressbook:address_ship:resdntl">
                            Residential Address<br />
                        </mvt:if>

                        <mvt:if expr="( NOT ISNULL l.settings:addressbook:address_ship:fname OR NOT ISNULL l.settings:addressbook:address_ship:lname ) AND ( NOT ISNULL l.settings:addressbook:address_ship:addr OR NOT ISNULL l.settings:addressbook:address_ship:addr2 OR NOT ISNULL l.settings:addressbook:address_ship:city OR NOT ISNULL l.settings:addressbook:address_ship:state OR NOT ISNULL l.settings:addressbook:address_ship:zip OR NOT ISNULL l.settings:addressbook:address_ship:cntry OR l.settings:addressbook:address_ship:resdntl )">
                            <br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:comp">
                            Company: &mvte:addressbook:address_ship:comp;<br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:email">
                            Email: &mvte:addressbook:address_ship:email;<br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:phone">
                            Phone: &mvte:addressbook:address_ship:phone;<br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:addressbook:address_ship:fax">
                            Fax: &mvte:addressbook:address_ship:fax;<br />
                        </mvt:if>
                    </span>
                </span><span class="customer_account_address_actions_container">
                    <span class="customer_account_address_actions">
                        <mvt:if expr="l.settings:addressbook:address_ship:id EQ g.Customer:ship_id">
                            <span class="customer_account_address_actions_default">Default Shipping Address</span><br />
                        <mvt:else>
                            <a href="&mvte:urls:_self:secure_sep;Action=CCSA&amp;ShippingAddress_ID=&mvta:addressbook:address_ship:id;" class="customer_account_address_actions_link">Set As Default Shipping</a><br />
                        </mvt:if>

                        <mvt:if expr="l.settings:addressbook:address_ship:id EQ g.Customer:bill_id">
                            <span class="customer_account_address_actions_default">Default Billing Address</span><br />
                        <mvt:else>
                            <a href="&mvte:urls:_self:secure_sep;Action=CCSA&amp;BillingAddress_ID=&mvta:addressbook:address_ship:id;" class="customer_account_address_actions_link">Set As Default Billing</a><br />
                        </mvt:if>

                        <a href="&mvte:urls:CADE:secure_sep;Address_ID=&mvta:addressbook:address_ship:id;" class="customer_account_address_actions_link">Edit</a> | <a href="&mvte:urls:_self:secure_sep;Action=DCSA&amp;Address_ID=&mvta:addressbook:address_ship:id;" class="customer_account_address_actions_link">Delete</a>
                    </span>
                </span>
            </div>
        </span>
    </mvt:if>

    <mvt:if expr="l.settings:addressbook:address_bill:id AND l.settings:addressbook:address_bill:id NE l.settings:addressbook:address_ship:id">
        <span class="customer_account_address">
            <div class="customer_account_address_title">
                &mvte:addressbook:address_bill:descrip; (Default Billing Address)
            </div>
            <div class="customer_account_address_content">
                <span class="customer_account_address_details_container">
                    <span class="customer_account_address_details">
                        <mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:fname OR NOT ISNULL l.settings:addressbook:address_bill:lname">
                            <b>&mvte:addressbook:address_bill:fname; &mvte:addressbook:address_bill:lname;</b> <br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:addr1">
                            &mvte:addressbook:address_bill:addr1; <br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:addr2">
                            &mvte:addressbook:address_bill:addr2; <br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:city OR NOT ISNULL l.settings:addressbook:address_bill:state OR NOT ISNULL l.settings:addressbook:address_bill:zip">
                            <mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:city">&mvte:addressbook:address_bill:city;</mvt:if><mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:city AND NOT ISNULL l.settings:addressbook:address_bill:state">,</mvt:if>
                            <mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:state">&mvte:addressbook:address_bill:state;</mvt:if>
                            <mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:zip">&mvte:addressbook:address_bill:zip;</mvt:if>

                            <br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:cntry">
                            &mvte:addressbook:address_bill:cntry;<br />
                        </mvt:if>

                        <mvt:if expr="l.settings:addressbook:address_bill:resdntl">
                            Residential Address<br />
                        </mvt:if>

                        <mvt:if expr="( NOT ISNULL l.settings:addressbook:address_bill:fname OR NOT ISNULL l.settings:addressbook:address_bill:lname ) AND ( NOT ISNULL l.settings:addressbook:address_bill:addr OR NOT ISNULL l.settings:addressbook:address_bill:addr2 OR NOT ISNULL l.settings:addressbook:address_bill:city OR NOT ISNULL l.settings:addressbook:address_bill:state OR NOT ISNULL l.settings:addressbook:address_bill:zip OR NOT ISNULL l.settings:addressbook:address_bill:cntry OR l.settings:addressbook:address_bill:resdntl )">
                            <br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:comp">
                            Company: &mvte:addressbook:address_bill:comp;<br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:email">
                            Email: &mvte:addressbook:address_bill:email;<br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:phone">
                            Phone: &mvte:addressbook:address_bill:phone;<br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:addressbook:address_bill:fax">
                            Fax: &mvte:addressbook:address_bill:fax;<br />
                        </mvt:if>
                    </span>
                </span><span class="customer_account_address_actions_container">
                    <span class="customer_account_address_actions">
                        <mvt:if expr="l.settings:addressbook:address_bill:id EQ g.Customer:ship_id">
                            <span class="customer_account_address_actions_default">Default Shipping Address</span><br />
                        <mvt:else>
                            <a href="&mvte:urls:_self:secure_sep;Action=CCSA&amp;ShippingAddress_ID=&mvta:addressbook:address_bill:id;" class="customer_account_address_actions_link">Set As Default Shipping</a><br />
                        </mvt:if>

                        <mvt:if expr="l.settings:addressbook:address_bill:id EQ g.Customer:bill_id">
                            <span class="customer_account_address_actions_default">Default Billing Address</span><br />
                        <mvt:else>
                            <a href="&mvte:urls:_self:secure_sep;Action=CCSA&amp;BillingAddress_ID=&mvta:addressbook:address_bill:id;" class="customer_account_address_actions_link">Set As Default Billing</a><br />
                        </mvt:if>

                        <a href="&mvte:urls:CADE:secure_sep;Address_ID=&mvta:addressbook:address_bill:id;" class="customer_account_address_actions_link">Edit</a> | <a href="&mvte:urls:_self:secure_sep;Action=DCSA&amp;Address_ID=&mvta:addressbook:address_bill:id;" class="customer_account_address_actions_link">Delete</a>
                    </span>
                </span>
            </div>
        </span>

        <h2>Other Addresses</h2>
    </mvt:if>

    <mvt:foreach iterator="address" array="addressbook:addresses">
        <mvt:if expr="l.settings:address:id EQ l.settings:addressbook:address_ship:id OR l.settings:address:id EQ l.settings:addressbook:address_bill:id">
            <mvt:foreachcontinue />
        </mvt:if>

        <span class="customer_account_address">
            <div class="customer_account_address_title">&mvte:address:descrip;</div>
            <div class="customer_account_address_content">
                <span class="customer_account_address_details_container">
                    <span class="customer_account_address_details">
                        <mvt:if expr="NOT ISNULL l.settings:address:fname OR NOT ISNULL l.settings:address:lname">
                            <b>&mvte:address:fname; &mvte:address:lname;</b> <br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:address:addr1">
                            &mvte:address:addr1; <br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:address:addr2">
                            &mvte:address:addr2; <br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:address:city OR NOT ISNULL l.settings:address:state OR NOT ISNULL l.settings:address:zip">
                            <mvt:if expr="NOT ISNULL l.settings:address:city">&mvte:address:city;</mvt:if><mvt:if expr="NOT ISNULL l.settings:address:city AND NOT ISNULL l.settings:address:state">,</mvt:if>
                            <mvt:if expr="NOT ISNULL l.settings:address:state">&mvte:address:state;</mvt:if>
                            <mvt:if expr="NOT ISNULL l.settings:address:zip">&mvte:address:zip;</mvt:if>

                            <br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:address:cntry">
                            &mvte:address:cntry;<br />
                        </mvt:if>

                        <mvt:if expr="l.settings:address:resdntl">
                            Residential Address<br />
                        </mvt:if>

                        <mvt:if expr="( NOT ISNULL l.settings:address:fname OR NOT ISNULL l.settings:address:lname ) AND ( NOT ISNULL l.settings:address:addr OR NOT ISNULL l.settings:address:addr2 OR NOT ISNULL l.settings:address:city OR NOT ISNULL l.settings:address:state OR NOT ISNULL l.settings:address:zip OR NOT ISNULL l.settings:address:cntry OR l.settings:address:resdntl )">
                            <br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:address:comp">
                            Company: &mvte:address:comp;<br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:address:email">
                            Email: &mvte:address:email;<br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:address:phone">
                            Phone: &mvte:address:phone;<br />
                        </mvt:if>

                        <mvt:if expr="NOT ISNULL l.settings:address:fax">
                            Fax: &mvte:address:fax;<br />
                        </mvt:if>
                    </span>
                </span><span class="customer_account_address_actions_container">
                    <span class="customer_account_address_actions">
                        <mvt:if expr="l.settings:address:id EQ g.Customer:ship_id">
                            <span class="customer_account_address_actions_default">Default Shipping Address</span><br />
                        <mvt:else>
                            <a href="&mvte:urls:_self:secure_sep;Action=CCSA&amp;ShippingAddress_ID=&mvta:address:id;" class="customer_account_address_actions_link">Set As Default Shipping</a><br />
                        </mvt:if>

                        <mvt:if expr="l.settings:address:id EQ g.Customer:bill_id">
                            <span class="customer_account_address_actions_default">Default Billing Address</span><br />
                        <mvt:else>
                            <a href="&mvte:urls:_self:secure_sep;Action=CCSA&amp;BillingAddress_ID=&mvta:address:id;" class="customer_account_address_actions_link">Set As Default Billing</a><br />
                        </mvt:if>

                        <a href="&mvte:urls:CADE:secure_sep;Address_ID=&mvta:address:id;" class="customer_account_address_actions_link">Edit</a> | <a href="&mvte:urls:_self:secure_sep;Action=DCSA&amp;Address_ID=&mvta:address:id;" class="customer_account_address_actions_link">Delete</a>
                    </span>
                </span>
            </div>
        </span>
    </mvt:foreach>
</div>

CSSUI: Edit Page: INVC: Order Contents

Original File
New File
<table>
    <tr class="basket-heading">
        <td class="item-name">Item</td>
        <td class="item-quantity">Qty.</td>
        <td class="item-price">Item Price</td>
        <td class="item-total">Total Price</td>
    </tr>
    <mvt:foreach iterator="item" array="order:groups">
    <tr>
        <mvt:if expr="l.settings:item:option_count">
            <mvt:assign name="l.settings:rowspan" value="l.settings:item:option_count + 1" />
        <mvt:else>
            <mvt:assign name="l.settings:rowspan" value="1" />
        </mvt:if>

        <td class="item-name">
            <div class="special-offer"><mvt:if expr="l.settings:item:upsold">(Special Offer)</mvt:if></div>
            <div class="item-name">&mvt:item:name; - 
            <span class="item-code">
                &mvt:item:code;
            
            <mvt:foreach iterator="discount" array="item:discounts">
                <mvt:if expr="l.settings:discount:display">
                    <div class="item-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div>
                </mvt:if>
            </mvt:foreach>
            </span>
            </div>
        </td>
        <td class="item-quantity">
            &mvt:item:quantity;
        </td>
        <td class="item-price">
            &mvt:item:formatted_base_price;
        </td>
        <td class="item-total">
            <mvt:if expr="l.settings:item:subtotal_base_price NE l.settings:item:subtotal">
                <span style="text-decoration: line-through;">&mvt:item:formatted_subtotal_base_price;</span>
            </mvt:if>
            &mvt:item:formatted_subtotal;
        </td>
    </tr>
    <mvt:foreach iterator="option" array="item:options">
    <tr class="item-options">
        <td class="item-name">
            <mvt:if expr="l.settings:option:option_id">
                &mvt:option:attr_code;: &mvt:option:opt_code;
            <mvt:elseif expr="NOT ISNULL l.settings:option:data">
              &mvt:option:attr_code;: &mvt:option:data;
            <mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
                &mvt:option:attr_code;: &mvt:option:data_long;
            <mvt:else>
                &mvt:option:attr_code;
            </mvt:if>
            <mvt:foreach iterator="discount" array="option:discounts">
                <mvt:if expr="l.settings:discount:display">
                    <div class="item-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div>
                </mvt:if>
            </mvt:foreach>
        </td>
        <td class="item-quantity">&nbsp;</td>
        <td class="item-price">
            <mvt:if expr="l.settings:option:base_price">
                &mvt:option:formatted_base_price;
            <mvt:else>
                &nbsp;
            </mvt:if>
        </td>
        <td class="item-total">
            <mvt:if expr="l.settings:option:subtotal_base_price OR l.settings:option:subtotal">
                <mvt:if expr="l.settings:option:subtotal_base_price NE l.settings:option:subtotal">
                    <span style="text-decoration: line-through;">&mvt:option:formatted_subtotal_base_price;</span>
                </mvt:if>
                &mvt:option:formatted_subtotal;
            <mvt:else>
                &nbsp;
            </mvt:if>
        </td>
    </tr>
    </mvt:foreach>
    </mvt:foreach>
    <mvt:foreach iterator="coupon" array="order:coupons">
    <tr>
        <td class="item-name">
            <div class="item-name">Coupon -
            <span class="item-code">
                &mvt:coupon:code;
            </span>
            <mvt:if expr="NOT ISNULL l.settings:coupon:descrip">
            <div class="item-discount">&mvt:coupon:descrip;</div>
            </mvt:if>
            </div>
        </td>
        <td class="item-quantity">
            &nbsp;
        </td>
        <td class="item-price">
            &nbsp;
        </td>
        <td class="item-total">
            &nbsp;
        </td>
    </tr>
    </mvt:foreach>
    <mvt:foreach iterator="charge" array="order:charges">
    <tr class="basket-charges">
        
        <td colspan="2">&nbsp;</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">&nbsp;</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">&nbsp;</td>
        <td class="charge-description">
            <mvt:if expr="l.settings:payment:type EQ 6">
                Refund:
            <mvt:else>
                Payment:
            </mvt:if>
            &mvt:payment:desc;:
        </td>
        <td class="formatted-charge">
            <mvt:if expr="l.settings:payment:type EQ 6">
                &mvt:payment:formatted_amount;
            <mvt:else>
                &mvt:payment:formatted_amount_negative;
            </mvt:if>
        </td>
    </tr>
    </mvt:foreach>
</table>
<div class="clear"></div>
<table>
    <tr class="basket-heading">
        <td class="item-name">Item</td>
        <td class="item-quantity">Qty.</td>
        <td class="item-price">Item Price</td>
        <td class="item-total">Total Price</td>
    </tr>
    <mvt:foreach iterator="item" array="order:groups">
    <tr>
        <mvt:if expr="l.settings:item:option_count">
            <mvt:assign name="l.settings:rowspan" value="l.settings:item:option_count + 1" />
        <mvt:else>
            <mvt:assign name="l.settings:rowspan" value="1" />
        </mvt:if>

        <td class="item-name">
            <div class="special-offer"><mvt:if expr="l.settings:item:upsold">(Special Offer)</mvt:if></div>
            <div class="item-name">&mvt:item:name; - 
            <span class="item-code">
                &mvt:item:code;
            
            <mvt:foreach iterator="discount" array="item:discounts">
                <mvt:if expr="l.settings:discount:display">
                    <div class="item-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div>
                </mvt:if>
            </mvt:foreach>
            </span>
            </div>
        </td>
        <td class="item-quantity">
            &mvt:item:quantity;
        </td>
        <td class="item-price">
            &mvt:item:formatted_base_price;
        </td>
        <td class="item-total">
            <mvt:if expr="l.settings:item:subtotal_base_price NE l.settings:item:subtotal">
                <span style="text-decoration: line-through;">&mvt:item:formatted_subtotal_base_price;</span>
            </mvt:if>
            &mvt:item:formatted_subtotal;
        </td>
    </tr>
    <mvt:foreach iterator="option" array="item:options">
    <tr class="item-options">
        <td class="item-name">
            <mvt:if expr="l.settings:option:option_id">
                &mvt:option:attr_code;: &mvt:option:opt_code;
            <mvt:elseif expr="NOT ISNULL l.settings:option:data">
             <mvt:if expr="( l.settings:option:attr_code EQ 'digitaldownload' ) AND ( NOT ISNULL l.settings:option:digital_download_url )">
                    <a href="&mvte:option:digital_download_url;" target="_blank">Digital Download</a>
                <mvt:else>
                    &mvt:option:attr_code;: &mvt:option:data;
                </mvt:if>
            <mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
                &mvt:option:attr_code;: &mvt:option:data_long;
            <mvt:else>
                &mvt:option:attr_code;
            </mvt:if>
            <mvt:foreach iterator="discount" array="option:discounts">
                <mvt:if expr="l.settings:discount:display">
                    <div class="item-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div>
                </mvt:if>
            </mvt:foreach>
        </td>
        <td class="item-quantity">&nbsp;</td>
        <td class="item-price">
            <mvt:if expr="l.settings:option:base_price">
                &mvt:option:formatted_base_price;
            <mvt:else>
                &nbsp;
            </mvt:if>
        </td>
        <td class="item-total">
            <mvt:if expr="l.settings:option:subtotal_base_price OR l.settings:option:subtotal">
                <mvt:if expr="l.settings:option:subtotal_base_price NE l.settings:option:subtotal">
                    <span style="text-decoration: line-through;">&mvt:option:formatted_subtotal_base_price;</span>
                </mvt:if>
                &mvt:option:formatted_subtotal;
            <mvt:else>
                &nbsp;
            </mvt:if>
        </td>
    </tr>
    </mvt:foreach>
    </mvt:foreach>
    <mvt:foreach iterator="coupon" array="order:coupons">
    <tr>
        <td class="item-name">
            <div class="item-name">Coupon -
            <span class="item-code">
                &mvt:coupon:code;
            </span>
            <mvt:if expr="NOT ISNULL l.settings:coupon:descrip">
            <div class="item-discount">&mvt:coupon:descrip;</div>
            </mvt:if>
            </div>
        </td>
        <td class="item-quantity">
            &nbsp;
        </td>
        <td class="item-price">
            &nbsp;
        </td>
        <td class="item-total">
            &nbsp;
        </td>
    </tr>
    </mvt:foreach>
    <mvt:foreach iterator="charge" array="order:charges">
    <tr class="basket-charges">
        
        <td colspan="2">&nbsp;</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">&nbsp;</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">&nbsp;</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>

CSSUI: Edit Page: WISH: WIsh List Items Layout

Original File
New File
<mvt:if expr="l.settings:wishlistitems:total_count EQ 0">
    <div class="wishlistitems_container wishlistitems_empty">This wish list is empty</div>
    <mvt:exit />
</mvt:if>

<div class="wishlistitems_container">
    <div id="filter-items-container">
        <mvt:if expr="l.settings:wishlistitems:total_count GT 1">
            <div class="per-page">
                <form method="get" action="&mvte:urls:_self:auto;">
                    <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;" />
                    <input type="hidden" name="WishList_ID" value="&mvte:global:WishList_ID;" />
                    <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:wishlistitems: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:wishlistitems:page_links:current_page NE 1">
                        <a href="&mvte:urls:_self:auto_sep;&mvte:wishlistitems:page_links:prev_link_params;" class="page-links-previous">&lt;</a>
                    <mvt:else>
                        <span class="page-links-previous page-links-deactivated">&lt;</span>
                    </mvt:if>
                    <mvt:if expr="l.settings:wishlistitems:page_links:current_page NE l.settings:wishlistitems:page_links:last_page">
                        <a href="&mvte:urls:_self:auto_sep;&mvte:wishlistitems:page_links:next_link_params;" class="page-links-next">&gt;</a>
                    <mvt:else>
                        <span class="page-links-next page-links-deactivated">&gt;</span>
                    </mvt:if>
                    <span class="page-disp">
                        <mvt:if expr="NOT l.settings:wishlistitems:page_links:contains_first">
                            <a href="&mvte:urls:_self:auto_sep;&mvte:wishlistitems:page_links:first_link_params;" class="page-links-inactive">1</a>...
                        </mvt:if>
                        <mvt:foreach iterator="pages" array="wishlistitems:page_links:pages">
                            <mvt:if expr="l.settings:wishlistitems: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:urls:_self:auto_sep;&mvte:pages:link_params;" class="page-links-inactive">&mvte:pages:page_num;</a>
                            </mvt:if>
                        </mvt:foreach>
                        <mvt:if expr="NOT l.settings:wishlistitems:page_links:contains_last">
                            ...<a href="&mvte:urls:_self:auto_sep;&mvte:wishlistitems:page_links:last_link_params;" class="page-links-inactive">&mvte:wishlistitems:page_links:last_page;</a>
                        </mvt:if>
                    </span>
                </span>
            </div>
        </mvt:if>
    </div>

    <div class="clear"></div>

    <mvt:if expr="( l.settings:wishlistitems:wishlist:cust_id EQ g.Basket:cust_id ) AND ( NOT ISNULL g.Edit_Wish )">
        <form name="edit_wish" method="post" action="&mvte:urls:_self:secure;">
        <input type="hidden" name="Action" value="UPWL" />
        <input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
        <input type="hidden" name="Offset" value="&mvte:global:PrevOffset;" />
        <input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
        <input type="hidden" name="WishList_ID" value="&mvte:global:WishList_ID;" />
        <input type="hidden" name="Wish_ID" value="&mvte:global:Edit_Wish;" />
    </mvt:if>

    <table>
        <tr class="heading">
            <td class="item-name">Item</td>
            <td class="item-quantity">Qty.</td>
            <td class="item-price">Price</td>
            <td class="item-action">&nbsp;</td>
        </tr>

        <mvt:foreach iterator="wishlistitem" array="wishlistitems:items">
            <mvt:if expr = "l.pos1 MOD 2">
              <tr class="alt_row">
            <mvt:else>
              <tr>
            </mvt:if>
                <td class="item-name">
                    <table>
                        <tr>
                            <td width="100%">
                                &mvt:wishlistitem:product:name; -
                                <a href="&mvte:wishlistitem:product:link;">&mvt:wishlistitem:product:code;</a>
                              <mvt:foreach iterator="option" array="wishlistitem:product:options">
                                    <div class="item-option">
                                        <mvt:if expr="l.settings:option:option_id">
                                            &mvt:option:attr_code;: &mvt:option:opt_code;
                                        <mvt:elseif expr="NOT ISNULL l.settings:option:data">
                                            &mvt:option:attr_code;: &mvt:option:data;
                                        <mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
                                            &mvt:option:attr_code;: &mvt:option:data_long;
                                        <mvt:else>
                                            &mvt:option:attr_code;
                                        </mvt:if>
                                    </div>
                                </mvt:foreach>
                            </td>
                            <td nowrap>
                                <mvt:if expr="( l.settings:wishlistitems:wishlist:cust_id EQ g.Basket:cust_id ) AND ( g.Edit_Wish EQ l.settings:wishlistitem:id ) AND ( l.settings:customerwishlists:wishlist_count GT 1 )">
                                    <select class="wishlist_move" onchange="document.forms.edit_wish.elements.Action.value='MPWL'; document.forms.edit_wish.elements.WishList_ID.value=this.value; document.forms.edit_wish.submit();">
                                        <option value="">Move</option>
                                        
                                        <mvt:foreach iterator="wishlist" array="customerwishlists:wishlists">
                                            <option value="&mvte:wishlist:id;">&mvte:wishlist:title;</option>
                                        </mvt:foreach>
                                    </select>
                                <mvt:else>
                                    <span style="color: #666;">Added: &mvt:wishlistitem:formatted_dtadded_date;</span>
                                </mvt:if>
                            </td>
                        </tr>
                        <mvt:if expr="( l.settings:wishlistitems:wishlist:cust_id EQ g.Basket:cust_id ) AND ( g.Edit_Wish EQ l.settings:wishlistitem:id )">
                            <tr>
                                <td width="100%" colspan="2">
                                    <div style="margin-top: 10px;">Notes:</div>
                                    <div class="editable_note_container">
                                        <textarea class="editable_note" name="Notes">&mvte:wishlistitem:notes;</textarea>
                                    </div>
                                </td>
                            </tr>
                        <mvt:elseif expr="NOT ISNULL l.settings:wishlistitem:notes">
                            <tr>
                                <td width="100%" colspan="2">
                                    <span class="note">Notes: &mvte:wishlistitem:notes;</span>
                                </td>
                            </tr>
                        </mvt:if>

                        <mvt:if expr="l.settings:wishlistitems:wishlist:cust_id EQ g.Basket:cust_id">
                            <tr>
                                <td width="100%">
                                    <mvt:if expr="g.Edit_Wish NE l.settings:wishlistitem:id">
                                        <a class="edit" href="&mvte:urls:_self:auto_sep;WishList_ID=&mvta:global:WishList_ID;&amp;Edit_Wish=&mvta:wishlistitem:id;&amp;Offset=&mvta:global:Offset;&amp;Sort_By=&mvte:global:Sort_By;&amp;Per_Page=&mvte:global:Per_Page">Edit comment, quantity, & wish list</a>
                                    </mvt:if>
                                </td>
                                <td nowrap align="right">
                                    <mvt:if expr="g.Edit_Wish EQ l.settings:wishlistitem:id">
                                        <a class="edit" href="&mvte:urls:_self:auto_sep;WishList_ID=&mvta:global:WishList_ID;&amp;Offset=&mvta:global:Offset;&amp;Sort_By=&mvte:global:Sort_By;&amp;Per_Page=&mvte:global:Per_Page;">Cancel</a>
                                    <mvt:else>
                                        <a class="edit" href="&mvte:urls:_self:auto_sep;Action=RMWL&amp;WishList_ID=&mvta:global:WishList_ID;&amp;Wish_ID=&mvta:wishlistitem:id;&amp;Offset=&mvta:global:Offset;">Remove</a>
                                    </mvt:if>
                                </td>
                            </tr>
                        </mvt:if>
                    </table>
                </td>
              <td class="item-quantity">
                    <mvt:if expr="( l.settings:wishlistitems:wishlist:cust_id EQ g.Basket:cust_id ) AND ( g.Edit_Wish EQ l.settings:wishlistitem:id )">
                        <input type="text" name="Quantity" class="textfield qty-input small" value="&mvte:wishlistitem:quantity;" />
                    <mvt:else>
                        &mvte:wishlistitem:quantity;
                    </mvt:if>
                </td>
                <td class="item-price">
                    <span style="text-decoration: line-through"></span>

                    <span class="bold">&mvt:wishlistitem:product:formatted_base_price;</span>
                </td>
                <td class="item-action">
                    <mvt:if expr="( l.settings:wishlistitems:wishlist:cust_id EQ g.Basket:cust_id ) AND ( g.Edit_Wish EQ l.settings:wishlistitem:id )">
                        <mvt:item name="buttons" param="Update" />
                    <mvt:elseif expr="( ISNULL g.Edit_Wish ) OR ( l.settings:wishlistitems:wishlist:cust_id NE g.Basket:cust_id )">
                        <mvt:if expr="l.settings:wishlistitem:product:inv_level EQ 'out'">
                            <span class="grey">
                                <mvt:if expr="l.settings:wishlistitem:product:inv_active">
                                &mvt:wishlistitem:product:inv_short;
                                </mvt:if>
                            </span>
                        <mvt:else>
                            <form method="post" action="&mvte:urls:BASK:secure;">
                                <input type="hidden" name="Action" value="AFWL" />
                                <input type="hidden" name="Wish_ID" value="&mvte:wishlistitem:id;" />
                                <input type="hidden" name="Quantity" value="&mvte:wishlistitem:quantity;" />
                                <mvt:item name="buttons" param="AddToBasketL" />
                            </form>
                        </mvt:if>
                    </mvt:if>
                </td>
            </tr>
        </mvt:foreach>
    </table>

    <mvt:if expr="( l.settings:wishlistitems:wishlist:cust_id EQ g.Basket:cust_id ) AND ( NOT ISNULL g.Edit_Wish )">
        </form>
    </mvt:if>

    <mvt:if expr="NOT l.settings:wishlistitems:page_disp_count GT 0">
        <mvt:if expr="( g.Offset OR g.NextOffset ) AND ( l.settings:wishlistitems:per_page NE 0 )">
            <div class="next-previous">
                <div class="previous-button">
                    <mvt:if expr="g.Offset EQ 0">
                        &nbsp;
                    <mvt:else>
                        <form method="post" action="&mvte:urls:_self:auto;" />
                            <input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
                            <input type="hidden" name="Offset" value="&mvte:global:PrevOffset;" />
                            <input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
                            <input type="hidden" name="WishList_ID" value="&mvte:global:WishList_ID;" />
                            <mvt:item name="buttons" param="Previous" />
                        </form>
                    </mvt:if>
                </div>
                <div class="next-button">
                    <mvt:if expr="g.NextOffset EQ 0">
                        &nbsp;
                    <mvt:else>
                        <form method="post" action="&mvte:urls:_self:auto;">
                            <input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
                            <input type="hidden" name="Offset" value="&mvte:global:NextOffset;" />
                            <input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
                            <input type="hidden" name="WishList_ID" value="&mvte:global:WishList_ID;" />
                            <mvt:item name="buttons" param="Next" />
                        </form>
                    </mvt:if>
                </div>
            </div>
    
            <div class="clear"></div>
        </mvt:if>
    </mvt:if>
</div>
<mvt:if expr="l.settings:wishlistitems:total_count EQ 0">
    <div class="wishlistitems_container wishlistitems_empty">This wish list is empty</div>
    <mvt:exit />
</mvt:if>

<div class="wishlistitems_container">
    <div id="filter-items-container">
        <mvt:if expr="l.settings:wishlistitems:total_count GT 1">
            <div class="per-page">
                <form method="get" action="&mvte:urls:_self:auto;">
                    <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;" />
                    <input type="hidden" name="WishList_ID" value="&mvte:global:WishList_ID;" />
                    <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:wishlistitems: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:wishlistitems:page_links:current_page NE 1">
                        <a href="&mvte:urls:_self:auto_sep;&mvte:wishlistitems:page_links:prev_link_params;" class="page-links-previous">&lt;</a>
                    <mvt:else>
                        <span class="page-links-previous page-links-deactivated">&lt;</span>
                    </mvt:if>
                    <mvt:if expr="l.settings:wishlistitems:page_links:current_page NE l.settings:wishlistitems:page_links:last_page">
                        <a href="&mvte:urls:_self:auto_sep;&mvte:wishlistitems:page_links:next_link_params;" class="page-links-next">&gt;</a>
                    <mvt:else>
                        <span class="page-links-next page-links-deactivated">&gt;</span>
                    </mvt:if>
                    <span class="page-disp">
                        <mvt:if expr="NOT l.settings:wishlistitems:page_links:contains_first">
                            <a href="&mvte:urls:_self:auto_sep;&mvte:wishlistitems:page_links:first_link_params;" class="page-links-inactive">1</a>...
                        </mvt:if>
                        <mvt:foreach iterator="pages" array="wishlistitems:page_links:pages">
                            <mvt:if expr="l.settings:wishlistitems: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:urls:_self:auto_sep;&mvte:pages:link_params;" class="page-links-inactive">&mvte:pages:page_num;</a>
                            </mvt:if>
                        </mvt:foreach>
                        <mvt:if expr="NOT l.settings:wishlistitems:page_links:contains_last">
                            ...<a href="&mvte:urls:_self:auto_sep;&mvte:wishlistitems:page_links:last_link_params;" class="page-links-inactive">&mvte:wishlistitems:page_links:last_page;</a>
                        </mvt:if>
                    </span>
                </span>
            </div>
        </mvt:if>
    </div>

    <div class="clear"></div>

    <mvt:if expr="( l.settings:wishlistitems:wishlist:cust_id EQ g.Basket:cust_id ) AND ( NOT ISNULL g.Edit_Wish )">
        <form name="edit_wish" method="post" action="&mvte:urls:_self:secure;">
        <input type="hidden" name="Action" value="UPWL" />
        <input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
        <input type="hidden" name="Offset" value="&mvte:global:PrevOffset;" />
        <input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
        <input type="hidden" name="WishList_ID" value="&mvte:global:WishList_ID;" />
        <input type="hidden" name="Wish_ID" value="&mvte:global:Edit_Wish;" />
    </mvt:if>

    <table>
        <tr class="heading">
            <td class="item-name">Item</td>
            <td class="item-quantity">Qty.</td>
            <td class="item-price">Price</td>
            <td class="item-action">&nbsp;</td>
        </tr>

        <mvt:foreach iterator="wishlistitem" array="wishlistitems:items">
            <mvt:if expr = "l.pos1 MOD 2">
             <tr class="alt_row row_start">
            <mvt:else>
             <tr class="row_start">
            </mvt:if>
                <td class="item-name">
                    <table>
                        <tr>
                            <td width="100%">
                                &mvt:wishlistitem:product:name; -
                                <a href="&mvte:wishlistitem:product:link;">&mvt:wishlistitem:product:code;</a>
                            </td>
                            <td nowrap>
                                <mvt:if expr="( l.settings:wishlistitems:wishlist:cust_id EQ g.Basket:cust_id ) AND ( g.Edit_Wish EQ l.settings:wishlistitem:id ) AND ( l.settings:customerwishlists:wishlist_count GT 1 )">
                                    <select class="wishlist_move" onchange="document.forms.edit_wish.elements.Action.value='MPWL'; document.forms.edit_wish.elements.WishList_ID.value=this.value; document.forms.edit_wish.submit();">
                                        <option value="">Move</option>
                                        
                                        <mvt:foreach iterator="wishlist" array="customerwishlists:wishlists">
                                            <option value="&mvte:wishlist:id;">&mvte:wishlist:title;</option>
                                        </mvt:foreach>
                                    </select>
                                <mvt:else>
                                    <span style="color: #666;">Added: &mvt:wishlistitem:formatted_dtadded_date;</span>
                                </mvt:if>
                            </td>
                        </tr>
                 </table>
                </td>
                <td class="item-quantity" rowspan="&mvt:rowspan;">
                    <mvt:if expr="( l.settings:wishlistitems:wishlist:cust_id EQ g.Basket:cust_id ) AND ( g.Edit_Wish EQ l.settings:wishlistitem:id )">
                        <input type="text" name="Quantity" class="textfield qty-input small" value="&mvte:wishlistitem:quantity;" />
                    <mvt:else>
                        &mvte:wishlistitem:quantity;
                    </mvt:if>
                </td>
                <td class="item-price">
                    <span style="text-decoration: line-through"></span>

                    &mvt:wishlistitem:product:formatted_base_price;
                </td>
                <td class="item-action" rowspan="&mvt:rowspan;">
                    <mvt:if expr="( l.settings:wishlistitems:wishlist:cust_id EQ g.Basket:cust_id ) AND ( g.Edit_Wish EQ l.settings:wishlistitem:id )">
                        <mvt:item name="buttons" param="Update" />
                    <mvt:elseif expr="( ISNULL g.Edit_Wish ) OR ( l.settings:wishlistitems:wishlist:cust_id NE g.Basket:cust_id )">
                        <mvt:if expr="l.settings:wishlistitem:product:inv_level EQ 'out'">
                            <span class="grey">
                                <mvt:if expr="l.settings:wishlistitem:product:inv_active">
                                &mvt:wishlistitem:product:inv_short;
                                </mvt:if>
                            </span>
                        <mvt:else>
                            <form method="post" action="&mvte:urls:BASK:secure;">
                                <input type="hidden" name="Action" value="AFWL" />
                                <input type="hidden" name="Wish_ID" value="&mvte:wishlistitem:id;" />
                                <input type="hidden" name="Quantity" value="&mvte:wishlistitem:quantity;" />
                                <mvt:item name="buttons" param="AddToBasketL" />
                            </form>
                        </mvt:if>
                    </mvt:if>
                </td>
            </tr>
            
            <mvt:foreach iterator="option" array="wishlistitem:product:options">
                <mvt:if expr = "l.pos1 MOD 2">
                    <tr class="alt_row option_row">
                <mvt:else>
                    <tr class="option_row">
                </mvt:if>
                    <td class="item-name">
                        <div class="item-option">
                            <mvt:if expr="l.settings:option:option_id">
                                &mvt:option:attr_code;: &mvt:option:opt_code;
                            <mvt:elseif expr="NOT ISNULL l.settings:option:data">
                                &mvt:option:attr_code;: &mvt:option:data;
                            <mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
                                &mvt:option:attr_code;: &mvt:option:data_long;
                            <mvt:else>
                                &mvt:option:attr_code;
                            </mvt:if>
                        </div>
                    </td>
                    <td class="item-price">
                        <span style="text-decoration: line-through"></span>

                        <mvt:if expr="l.settings:option:base_price">
                            &mvt:option:formatted_base_price;
                        <mvt:else>
                            &nbsp;
                        </mvt:if>
                    </td>
                </tr>
            </mvt:foreach>

            <mvt:if expr = "l.pos1 MOD 2">
                <tr class="alt_row controls_row">
            <mvt:else>
                <tr class="controls_row">
            </mvt:if>
                <td class="item-name">
                    <table>
                        <mvt:if expr="( l.settings:wishlistitems:wishlist:cust_id EQ g.Basket:cust_id ) AND ( g.Edit_Wish EQ l.settings:wishlistitem:id )">
                            <tr>
                                <td width="100%" colspan="2">
                                    <div style="margin-top: 10px;">Notes:</div>
                                    <div class="editable_note_container">
                                        <textarea class="editable_note" name="Notes">&mvte:wishlistitem:notes;</textarea>
                                    </div>
                                </td>
                            </tr>
                        <mvt:elseif expr="NOT ISNULL l.settings:wishlistitem:notes">
                            <tr>
                                <td width="100%" colspan="2">
                                    <span class="note">Notes: &mvte:wishlistitem:notes;</span>
                                </td>
                            </tr>
                        </mvt:if>

                        <mvt:if expr="l.settings:wishlistitems:wishlist:cust_id EQ g.Basket:cust_id">
                            <tr>
                                <td width="100%">
                                    <mvt:if expr="g.Edit_Wish NE l.settings:wishlistitem:id">
                                        <a class="edit" href="&mvte:urls:_self:auto_sep;WishList_ID=&mvta:global:WishList_ID;&amp;Edit_Wish=&mvta:wishlistitem:id;&amp;Offset=&mvta:global:Offset;&amp;Sort_By=&mvte:global:Sort_By;&amp;Per_Page=&mvte:global:Per_Page">Edit comment, quantity, & wish list</a>
                                    </mvt:if>
                                </td>
                                <td nowrap align="right">
                                    <mvt:if expr="g.Edit_Wish EQ l.settings:wishlistitem:id">
                                        <a class="edit" href="&mvte:urls:_self:auto_sep;WishList_ID=&mvta:global:WishList_ID;&amp;Offset=&mvta:global:Offset;&amp;Sort_By=&mvte:global:Sort_By;&amp;Per_Page=&mvte:global:Per_Page;">Cancel</a>
                                    <mvt:else>
                                        <a class="edit" href="&mvte:urls:_self:auto_sep;Action=RMWL&amp;WishList_ID=&mvta:global:WishList_ID;&amp;Wish_ID=&mvta:wishlistitem:id;&amp;Offset=&mvta:global:Offset;">Remove</a>
                                    </mvt:if>
                                </td>
                            </tr>
                        </mvt:if>
                    </table>
                </td>
             <td class="item-price">
                    &nbsp;
                </td>
            </tr>
        </mvt:foreach>
    </table>

    <mvt:if expr="( l.settings:wishlistitems:wishlist:cust_id EQ g.Basket:cust_id ) AND ( NOT ISNULL g.Edit_Wish )">
        </form>
    </mvt:if>

    <mvt:if expr="NOT l.settings:wishlistitems:page_disp_count GT 0">
        <mvt:if expr="( g.Offset OR g.NextOffset ) AND ( l.settings:wishlistitems:per_page NE 0 )">
            <div class="next-previous">
                <div class="previous-button">
                    <mvt:if expr="g.Offset EQ 0">
                        &nbsp;
                    <mvt:else>
                        <form method="post" action="&mvte:urls:_self:auto;" />
                            <input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
                            <input type="hidden" name="Offset" value="&mvte:global:PrevOffset;" />
                            <input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
                            <input type="hidden" name="WishList_ID" value="&mvte:global:WishList_ID;" />
                            <mvt:item name="buttons" param="Previous" />
                        </form>
                    </mvt:if>
                </div>
                <div class="next-button">
                    <mvt:if expr="g.NextOffset EQ 0">
                        &nbsp;
                    <mvt:else>
                        <form method="post" action="&mvte:urls:_self:auto;">
                            <input type="hidden" name="Sort_By" value="&mvte:global:Sort_By;" />
                            <input type="hidden" name="Offset" value="&mvte:global:NextOffset;" />
                            <input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />
                            <input type="hidden" name="WishList_ID" value="&mvte:global:WishList_ID;" />
                            <mvt:item name="buttons" param="Next" />
                        </form>
                    </mvt:if>
                </div>
            </div>
    
            <div class="clear"></div>
        </mvt:if>
    </mvt:if>
</div>

CSSUI: Edit Page: ACAD: Customer Fields

Original File
New File
<div id="fields-key">
    <div><span class="required">Bold</span> = Required</div>
    <div><span class="italic">Italic</span> = Optional</div>
  <mvt:if expr="g.Error_Message_Count">
    <div><span class="red">Red</span> = Invalid</div>
    </mvt:if>
</div>
<div id="login-details">
    <div class="&mvte:global:LoginEmail_Row;">
        <label for="Customer_LoginEmail" class="required">Email Address:</label>
        
        <mvt:if expr="l.settings:customer:primaddr EQ 'shipping'">
            <input type="text" name="Customer_LoginEmail" id="Customer_LoginEmail" value="&mvte:global:Customer_LoginEmail;" class="textfield" autocomplete="off" onblur="if ( document.getElementById( 'Customer_ShipEmail' ) && ( document.getElementById( 'Customer_ShipEmail' ).value == '' ) ) document.getElementById( 'Customer_ShipEmail' ).value = this.value;" />
        <mvt:elseif expr="l.settings:customer:primaddr EQ 'billing'">
            <input type="text" name="Customer_LoginEmail" id="Customer_LoginEmail" value="&mvte:global:Customer_LoginEmail;" class="textfield" autocomplete="off" onblur="if ( document.getElementById( 'Customer_BillEmail' ) && ( document.getElementById( 'Customer_BillEmail' ).value == '' ) ) document.getElementById( 'Customer_BillEmail' ).value = this.value;" />
        </mvt:if>
    </div>

    <div class="&mvte:global:Password_Row;">
        <label for="Customer_Password" class="required">Password:</label><input type="password" name="Customer_Password" id="Customer_Password" class="textfield" autocomplete="off" />
    </div>

    <div class="&mvte:global:VerifyPassword_Row;">
        <label for="Customer_VerifyPassword" class="required">Confirm Password:</label><input type="password" name="Customer_VerifyPassword" id="Customer_VerifyPassword" class="textfield" autocomplete="off" />
    </div>
</div>
<div id="ship-to">
    <h2 class="fields-heading">
        Ship To:
        <span id="shipping_controls" class="controls">
            <mvt:if expr="g.Action AND g.shipping_to_show">
            <input name="shipping_to_show" id="shipping_to_show" type="checkbox" value="1" class="checkbox" checked />
            <mvt:else>
            <input name="shipping_to_show" id="shipping_to_show" type="checkbox" value="1" class="checkbox" />
            </mvt:if>
            <label for="shipping_to_show">same as billing</label>
        </span>
    </h2>

    <div id="shipping_fields">
        <div class="&mvte:global:ShipFirstName_Row;">
            <label class="required" for="Customer_ShipFirstName">First Name:</label>
            <input type="text" name="Customer_ShipFirstName" id="Customer_ShipFirstName" value="&mvte:global:Customer_ShipFirstName;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipLastName_Row;">
            <label class="required" for="Customer_ShipLastName">Last Name:</label>
            <input type="text" name="Customer_ShipLastName" id="Customer_ShipLastName" value="&mvte:global:Customer_ShipLastName;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipEmail_Row;">
            <label class="required" for="Customer_ShipEmail">Email Address:</label>
            <input type="text" name="Customer_ShipEmail" id="Customer_ShipEmail" value="&mvte:global:Customer_ShipEmail;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipPhone_Row;">
            <label class="required" for="Customer_ShipPhone">Phone Number:</label>
            <input type="text" name="Customer_ShipPhone" id="Customer_ShipPhone" value="&mvte:global:Customer_ShipPhone;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipFax_Row;">
            <label class="italic" for="Customer_ShipFax">Fax Number:</label>
            <input type="text" name="Customer_ShipFax" id="Customer_ShipFax" value="&mvte:global:Customer_ShipFax;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipCompany_Row;">
            <label class="italic" for="Customer_ShipCompany">Company:</label>
            <input type="text" name="Customer_ShipCompany" id="Customer_ShipCompany" value="&mvte:global:Customer_ShipCompany;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipAddress1_Row;">
            <label class="required" for="Customer_ShipAddress1">Address:</label>
            <input type="text" name="Customer_ShipAddress1" id="Customer_ShipAddress1" value="&mvte:global:Customer_ShipAddress1;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipAddress2_Row;">
            <label class="italic" for="Customer_ShipAddress2">Address 2:</label>
            <input type="text" name="Customer_ShipAddress2" id="Customer_ShipAddress2" value="&mvte:global:Customer_ShipAddress2;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipCity_Row;">
            <label class="required" for="Customer_ShipCity">City:</label>
            <input type="text" name="Customer_ShipCity" id="Customer_ShipCity" value="&mvte:global:Customer_ShipCity;" class="textfield" />
        </div>
        <mvt:if expr="g.States_Empty">
            <div class="&mvte:global:ShipState_Row;">
                <label class="required" for="Customer_ShipState">State/Province:</label>
                <input type="text" name="Customer_ShipState" id="Customer_ShipState" value="&mvte:global:Customer_ShipState;" class="textfield" />
            </div>
        <mvt:else>
            <div class="&mvte:global:ShipState_Row;">
                <label class="required" for="Customer_ShipStateSelect">State/Province:</label>
                <mvt:item name="states" param="Customer_ShipStateSelect" />
            </div>
            
            <div class="&mvte:global:ShipState_Row;">
                <label class="italic" for="Customer_ShipState">Other State/Province:</label>
                <input type="text" name="Customer_ShipState" id="Customer_ShipState" value="&mvte:global:Customer_ShipState;" class="textfield">
            </div>
        </mvt:if>
        <div class="&mvte:global:ShipZip_Row;">
            <label class="required" for="Customer_ShipZip">Zip/Postal Code:</label>
            <input type="text" name="Customer_ShipZip" id="Customer_ShipZip" value="&mvte:global:Customer_ShipZip;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipCountry_Row;">
            <label class="required" for="Customer_ShipCountry">Country:</label>
            <mvt:item name="countries" param="Customer_ShipCountry" />
        </div>
    </div>
</div>
<div id="bill-to">
    <h2 class="fields-heading">
        Bill To:
        <span id="billing_controls" class="controls">
            <mvt:if expr="g.Action AND g.billing_to_show">
            <input name="billing_to_show" id="billing_to_show" type="checkbox" value="1" class="checkbox" checked />
            <mvt:else>
            <input name="billing_to_show" id="billing_to_show" type="checkbox" value="1" class="checkbox" />
            </mvt:if>
            <label for="billing_to_show">same as shipping</label>
        </span>
    </h2>
    <div id="billing_fields">
        <div class="&mvte:global:BillFirstName_Row;">
            <label class="required" for="Customer_BillFirstName">First Name:</label>
            <input type="text" name="Customer_BillFirstName" id="Customer_BillFirstName" value="&mvte:global:Customer_BillFirstName;" class="textfield" />
        </div>
        <div class="&mvte:global:BillLastName_Row;">
            <label class="required" for="Customer_BillLastName">Last Name:</label>
            <input type="text" name="Customer_BillLastName" id="Customer_BillLastName" value="&mvte:global:Customer_BillLastName;" class="textfield" />
        </div>
        <div class="&mvte:global:BillEmail_Row;">
            <label class="required" for="Customer_BillEmail">Email Address:</label>
            <input type="text" name="Customer_BillEmail" id="Customer_BillEmail" value="&mvte:global:Customer_BillEmail;" class="textfield" />
        </div>
        <div class="&mvte:global:BillPhone_Row;">
            <label class="required" for="Customer_BillPhone">Phone Number:</label>
            <input type="text" name="Customer_BillPhone" id="Customer_BillPhone" value="&mvte:global:Customer_BillPhone;" class="textfield" />
        </div>
        <div class="&mvte:global:BillFax_Row;">
            <label class="italic" for="Customer_BillFax">Fax Number:</label>
            <input type="text" name="Customer_BillFax" id="Customer_BillFax" value="&mvte:global:Customer_BillFax;" class="textfield" />
        </div>
        <div class="&mvte:global:BillCompany_Row;">
            <label class="italic" for="Customer_BillCompany">Company:</label>
            <input type="text" name="Customer_BillCompany" id="Customer_BillCompany" value="&mvte:global:Customer_BillCompany;" class="textfield" />
        </div>
        <div class="&mvte:global:BillAddress1_Row;">
            <label class="required" for="Customer_BillAddress1">Address:</label>
            <input type="text" name="Customer_BillAddress1" id="Customer_BillAddress1" value="&mvte:global:Customer_BillAddress1;" class="textfield" />
        </div>
        <div class="&mvte:global:BillAddress2_Row;">
            <label class="italic" for="Customer_BillAddress2">Address 2:</label>
            <input type="text" name="Customer_BillAddress2" id="Customer_BillAddress2" value="&mvte:global:Customer_BillAddress2;" class="textfield" />
        </div>
        <div class="&mvte:global:BillCity_Row;">
            <label class="required" for="Customer_BillCity">City:</label>
            <input type="text" name="Customer_BillCity" id="Customer_BillCity" value="&mvte:global:Customer_BillCity;" class="textfield" />
        </div>
        <mvt:if expr="g.States_Empty">
            <div class="&mvte:global:BillState_Row;">
                <label class="required" for="Customer_BillState">State/Province:</label>
                <input type="text" name="Customer_BillState" id="Customer_BillState" value="&mvte:global:Customer_BillState;" class="textfield" />
            </div>
        <mvt:else>
            <div class="&mvte:global:BillState_Row;">
                <label class="required" for="Customer_BillStateSelect">State/Province:</label>
                <mvt:item name="states" param="Customer_BillStateSelect" />
            </div>
            
            <div class="&mvte:global:BillState_Row;">
                <label class="italic" for="Customer_BillState">Other State/Province:</label>
                <input type="text" name="Customer_BillState" id="Customer_BillState" value="&mvte:global:Customer_BillState;" class="textfield" />
            </div>
        </mvt:if>
        <div class="&mvte:global:BillZip_Row;">
            <label class="required" for="Customer_BillZip">Zip/Postal Code:</label>
            <input type="text" name="Customer_BillZip" id="Customer_BillZip" value="&mvte:global:Customer_BillZip;" class="textfield" />
        </div>
        <div class="&mvt:global:BillCountry_Row;">
            <label class="required" for="Customer_BillCountry">Country:</label>
            <mvt:item name="countries" param="Customer_BillCountry" />
        </div>
    </div>
</div>
<mvt:if expr="l.settings:customer:match">
<script>
<mvt:if expr="l.settings:customer:primaddr EQ 'shipping'">
document.getElementById( 'billing_to_show' ).checked = true;
<mvt:elseif expr="l.settings:customer:primaddr EQ 'billing'">
document.getElementById( 'shipping_to_show' ).checked = true;
</mvt:if>
</script>
</mvt:if>

<script src="&mvte:global:clientside_url;Store_Code=&mvta:store:code;&amp;Filename=ToggleDetails.js&amp;Primaddr=shipping&amp;Shipping=D&amp;Billing=O"></script>
<div id="fields-key">
    <div><span class="required">Bold</span> = Required</div>
    <div><span class="italic">Italic</span> = Optional</div>
 <mvt:if expr="( g.UI_Exception EQ 1 ) AND ( ( g.Session:cache:last_ui_exception EQ 'order_invalid_info' ) OR ( g.Session:cache:last_ui_exception EQ 'customer_invalid_addinfo' ) OR ( g.Session:cache:last_ui_exception EQ 'customer_invalid_editinfo' ) )">
    <div><span class="red">Red</span> = Invalid</div>
    </mvt:if>
</div>
<div id="login-details">
    <div class="&mvte:global:LoginEmail_Row;">
        <label for="Customer_LoginEmail" class="required">Email Address:</label>
        
        <mvt:if expr="l.settings:customer:primaddr EQ 'shipping'">
            <input type="text" name="Customer_LoginEmail" id="Customer_LoginEmail" value="&mvte:global:Customer_LoginEmail;" class="textfield" autocomplete="off" onblur="if ( document.getElementById( 'Customer_ShipEmail' ) && ( document.getElementById( 'Customer_ShipEmail' ).value == '' ) ) document.getElementById( 'Customer_ShipEmail' ).value = this.value;" />
        <mvt:elseif expr="l.settings:customer:primaddr EQ 'billing'">
            <input type="text" name="Customer_LoginEmail" id="Customer_LoginEmail" value="&mvte:global:Customer_LoginEmail;" class="textfield" autocomplete="off" onblur="if ( document.getElementById( 'Customer_BillEmail' ) && ( document.getElementById( 'Customer_BillEmail' ).value == '' ) ) document.getElementById( 'Customer_BillEmail' ).value = this.value;" />
        </mvt:if>
    </div>

    <div class="&mvte:global:Password_Row;">
        <label for="Customer_Password" class="required">Password:</label><input type="password" name="Customer_Password" id="Customer_Password" class="textfield" autocomplete="off" />
    </div>

    <div class="&mvte:global:VerifyPassword_Row;">
        <label for="Customer_VerifyPassword" class="required">Confirm Password:</label><input type="password" name="Customer_VerifyPassword" id="Customer_VerifyPassword" class="textfield" autocomplete="off" />
    </div>
</div>
<div id="ship-to">
    <h2 class="fields-heading">
        Ship To:
        <span id="shipping_controls" class="controls">
            <mvt:if expr="g.Action AND g.shipping_to_show">
            <input name="shipping_to_show" id="shipping_to_show" type="checkbox" value="1" class="checkbox" checked />
            <mvt:else>
            <input name="shipping_to_show" id="shipping_to_show" type="checkbox" value="1" class="checkbox" />
            </mvt:if>
            <label for="shipping_to_show">same as billing</label>
        </span>
    </h2>

    <div id="shipping_fields">
     <mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified">
            <div class="&mvte:global:ShipID_Row;">
                <label class="required" for="Customer_ShipID">Saved Address:</label>
                <select name="Customer_ShipID" id="shipping_selector">
                    <option value="-1">&lt;New&gt;</option>
                    <mvt:foreach iterator="address" array="customer:addresses">
                        <mvt:if expr="toupper( l.settings:address:fname ) EQ toupper( g.Customer_ShipFirstName ) AND
                                         toupper( l.settings:address:lname ) EQ toupper( g.Customer_ShipLastName ) AND
                                         toupper( l.settings:address:email ) EQ toupper( g.Customer_ShipEmail ) AND
                                         toupper( l.settings:address:comp ) EQ toupper( g.Customer_ShipCompany ) AND
                                         toupper( l.settings:address:phone ) EQ toupper( g.Customer_ShipPhone ) AND
                                         toupper( l.settings:address:fax ) EQ toupper( g.Customer_ShipFax ) AND
                                         toupper( l.settings:address:addr1 ) EQ toupper( g.Customer_ShipAddress1 ) AND
                                         toupper( l.settings:address:addr2 ) EQ toupper( g.Customer_ShipAddress2 ) AND
                                         toupper( l.settings:address:city ) EQ toupper( g.Customer_ShipCity ) AND
                                         (
                                            ( ( NOT ISNULL g.Customer_ShipStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.Customer_ShipStateSelect ) ) ) OR
                                            ( ( ISNULL g.Customer_ShipStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.Customer_ShipState ) ) )
                                         ) AND
                                         toupper( l.settings:address:zip ) EQ toupper( g.Customer_ShipZip ) AND
                                         toupper( l.settings:address:cntry ) EQ toupper( g.Customer_ShipCountry )">
                            <option value="&mvte:address:id;" selected>&mvte:address:descrip;</option>
                        <mvt:else>
                            <option value="&mvte:address:id;">&mvte:address:descrip;</option>
                        </mvt:if>
                    </mvt:foreach>
                </select>
            </div>
        </mvt:if>
        <div class="&mvte:global:ShipFirstName_Row;">
            <label class="required" for="Customer_ShipFirstName">First Name:</label>
            <input type="text" name="Customer_ShipFirstName" id="Customer_ShipFirstName" value="&mvte:global:Customer_ShipFirstName;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipLastName_Row;">
            <label class="required" for="Customer_ShipLastName">Last Name:</label>
            <input type="text" name="Customer_ShipLastName" id="Customer_ShipLastName" value="&mvte:global:Customer_ShipLastName;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipEmail_Row;">
            <label class="required" for="Customer_ShipEmail">Email Address:</label>
            <input type="text" name="Customer_ShipEmail" id="Customer_ShipEmail" value="&mvte:global:Customer_ShipEmail;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipPhone_Row;">
            <label class="required" for="Customer_ShipPhone">Phone Number:</label>
            <input type="text" name="Customer_ShipPhone" id="Customer_ShipPhone" value="&mvte:global:Customer_ShipPhone;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipFax_Row;">
            <label class="italic" for="Customer_ShipFax">Fax Number:</label>
            <input type="text" name="Customer_ShipFax" id="Customer_ShipFax" value="&mvte:global:Customer_ShipFax;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipCompany_Row;">
            <label class="italic" for="Customer_ShipCompany">Company:</label>
            <input type="text" name="Customer_ShipCompany" id="Customer_ShipCompany" value="&mvte:global:Customer_ShipCompany;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipAddress1_Row;">
            <label class="required" for="Customer_ShipAddress1">Address:</label>
            <input type="text" name="Customer_ShipAddress1" id="Customer_ShipAddress1" value="&mvte:global:Customer_ShipAddress1;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipAddress2_Row;">
            <label class="italic" for="Customer_ShipAddress2">Address 2:</label>
            <input type="text" name="Customer_ShipAddress2" id="Customer_ShipAddress2" value="&mvte:global:Customer_ShipAddress2;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipCity_Row;">
            <label class="required" for="Customer_ShipCity">City:</label>
            <input type="text" name="Customer_ShipCity" id="Customer_ShipCity" value="&mvte:global:Customer_ShipCity;" class="textfield" />
        </div>
        <mvt:if expr="g.States_Empty">
            <div class="&mvte:global:ShipState_Row;">
                <label class="required" for="Customer_ShipState">State/Province:</label>
                <input type="text" name="Customer_ShipState" id="Customer_ShipState" value="&mvte:global:Customer_ShipState;" class="textfield" />
            </div>
        <mvt:else>
            <div class="&mvte:global:ShipState_Row;">
                <label class="required" for="Customer_ShipStateSelect">State/Province:</label>
                <mvt:item name="states" param="Customer_ShipStateSelect" />
            </div>
            
            <div class="&mvte:global:ShipState_Row;">
                <label class="italic" for="Customer_ShipState">Other State/Province:</label>
                <input type="text" name="Customer_ShipState" id="Customer_ShipState" value="&mvte:global:Customer_ShipState;" class="textfield">
            </div>
        </mvt:if>
        <div class="&mvte:global:ShipZip_Row;">
            <label class="required" for="Customer_ShipZip">Zip/Postal Code:</label>
            <input type="text" name="Customer_ShipZip" id="Customer_ShipZip" value="&mvte:global:Customer_ShipZip;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipCountry_Row;">
            <label class="required" for="Customer_ShipCountry">Country:</label>
            <mvt:item name="countries" param="Customer_ShipCountry" />
        </div>
    </div>
</div>
<div id="bill-to">
    <h2 class="fields-heading">
        Bill To:
        <span id="billing_controls" class="controls">
            <mvt:if expr="g.Action AND g.billing_to_show">
            <input name="billing_to_show" id="billing_to_show" type="checkbox" value="1" class="checkbox" checked />
            <mvt:else>
            <input name="billing_to_show" id="billing_to_show" type="checkbox" value="1" class="checkbox" />
            </mvt:if>
            <label for="billing_to_show">same as shipping</label>
        </span>
    </h2>
    <div id="billing_fields">
     <mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified">
            <div class="&mvte:global:BillID_Row;">
                <label class="required" for="Customer_BillID">Saved Address:</label>
                <select name="Customer_BillID" id="billing_selector">
                    <option value="-1">&lt;New&gt;</option>
                    <mvt:foreach iterator="address" array="customer:addresses">
                        <mvt:if expr="toupper( l.settings:address:fname ) EQ toupper( g.Customer_BillFirstName ) AND
                                         toupper( l.settings:address:lname ) EQ toupper( g.Customer_BillLastName ) AND
                                         toupper( l.settings:address:email ) EQ toupper( g.Customer_BillEmail ) AND
                                         toupper( l.settings:address:comp ) EQ toupper( g.Customer_BillCompany ) AND
                                         toupper( l.settings:address:phone ) EQ toupper( g.Customer_BillPhone ) AND
                                         toupper( l.settings:address:fax ) EQ toupper( g.Customer_BillFax ) AND
                                         toupper( l.settings:address:addr1 ) EQ toupper( g.Customer_BillAddress1 ) AND
                                         toupper( l.settings:address:addr2 ) EQ toupper( g.Customer_BillAddress2 ) AND
                                         toupper( l.settings:address:city ) EQ toupper( g.Customer_BillCity ) AND
                                         (
                                            ( ( NOT ISNULL g.Customer_BillStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.Customer_BillStateSelect ) ) ) OR
                                            ( ( ISNULL g.Customer_BillStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.Customer_BillState ) ) )
                                         ) AND
                                         toupper( l.settings:address:zip ) EQ toupper( g.Customer_BillZip ) AND
                                         toupper( l.settings:address:cntry ) EQ toupper( g.Customer_BillCountry )">
                            <option value="&mvte:address:id;" selected>&mvte:address:descrip;</option>
                        <mvt:else>
                            <option value="&mvte:address:id;">&mvte:address:descrip;</option>
                        </mvt:if>
                    </mvt:foreach>
                </select>
            </div>
        </mvt:if>
        <div class="&mvte:global:BillFirstName_Row;">
            <label class="required" for="Customer_BillFirstName">First Name:</label>
            <input type="text" name="Customer_BillFirstName" id="Customer_BillFirstName" value="&mvte:global:Customer_BillFirstName;" class="textfield" />
        </div>
        <div class="&mvte:global:BillLastName_Row;">
            <label class="required" for="Customer_BillLastName">Last Name:</label>
            <input type="text" name="Customer_BillLastName" id="Customer_BillLastName" value="&mvte:global:Customer_BillLastName;" class="textfield" />
        </div>
        <div class="&mvte:global:BillEmail_Row;">
            <label class="required" for="Customer_BillEmail">Email Address:</label>
            <input type="text" name="Customer_BillEmail" id="Customer_BillEmail" value="&mvte:global:Customer_BillEmail;" class="textfield" />
        </div>
        <div class="&mvte:global:BillPhone_Row;">
            <label class="required" for="Customer_BillPhone">Phone Number:</label>
            <input type="text" name="Customer_BillPhone" id="Customer_BillPhone" value="&mvte:global:Customer_BillPhone;" class="textfield" />
        </div>
        <div class="&mvte:global:BillFax_Row;">
            <label class="italic" for="Customer_BillFax">Fax Number:</label>
            <input type="text" name="Customer_BillFax" id="Customer_BillFax" value="&mvte:global:Customer_BillFax;" class="textfield" />
        </div>
        <div class="&mvte:global:BillCompany_Row;">
            <label class="italic" for="Customer_BillCompany">Company:</label>
            <input type="text" name="Customer_BillCompany" id="Customer_BillCompany" value="&mvte:global:Customer_BillCompany;" class="textfield" />
        </div>
        <div class="&mvte:global:BillAddress1_Row;">
            <label class="required" for="Customer_BillAddress1">Address:</label>
            <input type="text" name="Customer_BillAddress1" id="Customer_BillAddress1" value="&mvte:global:Customer_BillAddress1;" class="textfield" />
        </div>
        <div class="&mvte:global:BillAddress2_Row;">
            <label class="italic" for="Customer_BillAddress2">Address 2:</label>
            <input type="text" name="Customer_BillAddress2" id="Customer_BillAddress2" value="&mvte:global:Customer_BillAddress2;" class="textfield" />
        </div>
        <div class="&mvte:global:BillCity_Row;">
            <label class="required" for="Customer_BillCity">City:</label>
            <input type="text" name="Customer_BillCity" id="Customer_BillCity" value="&mvte:global:Customer_BillCity;" class="textfield" />
        </div>
        <mvt:if expr="g.States_Empty">
            <div class="&mvte:global:BillState_Row;">
                <label class="required" for="Customer_BillState">State/Province:</label>
                <input type="text" name="Customer_BillState" id="Customer_BillState" value="&mvte:global:Customer_BillState;" class="textfield" />
            </div>
        <mvt:else>
            <div class="&mvte:global:BillState_Row;">
                <label class="required" for="Customer_BillStateSelect">State/Province:</label>
                <mvt:item name="states" param="Customer_BillStateSelect" />
            </div>
            
            <div class="&mvte:global:BillState_Row;">
                <label class="italic" for="Customer_BillState">Other State/Province:</label>
                <input type="text" name="Customer_BillState" id="Customer_BillState" value="&mvte:global:Customer_BillState;" class="textfield" />
            </div>
        </mvt:if>
        <div class="&mvte:global:BillZip_Row;">
            <label class="required" for="Customer_BillZip">Zip/Postal Code:</label>
            <input type="text" name="Customer_BillZip" id="Customer_BillZip" value="&mvte:global:Customer_BillZip;" class="textfield" />
        </div>
        <div class="&mvt:global:BillCountry_Row;">
            <label class="required" for="Customer_BillCountry">Country:</label>
            <mvt:item name="countries" param="Customer_BillCountry" />
        </div>
    </div>
</div>
<mvt:if expr="l.settings:customer:match">
<script>
<mvt:if expr="l.settings:customer:primaddr EQ 'shipping'">
document.getElementById( 'billing_to_show' ).checked = true;
<mvt:elseif expr="l.settings:customer:primaddr EQ 'billing'">
document.getElementById( 'shipping_to_show' ).checked = true;
</mvt:if>
</script>
</mvt:if>

<mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified AND l.settings:customer:address_count">
    <script type="text/javascript">
        var MvCustomerAddresses = [];

        <mvt:foreach iterator="address" array="customer:addresses">
            MvCustomerAddresses[ <mvt:eval expr="int( l.settings:address:id )" /> ] = {
                "id":       <mvt:eval expr="int( l.settings:address:id )" />,
                "cust_id":  <mvt:eval expr="int( l.settings:address:cust_id )" />,
                "descrip":  "&mvtj:address:descrip;",
                "fname":    "&mvtj:address:fname;",
                "lname":    "&mvtj:address:lname;",
                "email":    "&mvtj:address:email;",
                "comp":     "&mvtj:address:comp;",
                "phone":    "&mvtj:address:phone;",
                "fax":      "&mvtj:address:fax;",
                "addr1":    "&mvtj:address:addr1;",
                "addr2":    "&mvtj:address:addr2;",
                "city":     "&mvtj:address:city;",
                "state":    "&mvtj:address:state;",
                "zip":      "&mvtj:address:zip;",
                "cntry":    "&mvtj:address:cntry;",
                "resdntl":  <mvt:if expr="l.settings:address:resdntl">true<mvt:else>false</mvt:if>
            };
        </mvt:foreach>
    </script>
</mvt:if>

<script src="&mvte:global:clientside_url;Store_Code=&mvta:store:code;&amp;Filename=ToggleDetails.js&amp;Primaddr=shipping&amp;Shipping=D&amp;Billing=O"></script>

CSSUI: Edit Page: ACED: Customer Fields

Original File
New File
<div id="fields-key">
    <div><span class="required">Bold</span> = Required</div>
    <div><span class="italic">Italic</span> = Optional</div>
  <mvt:if expr="g.Error_Message_Count">
    <div><span class="red">Red</span> = Invalid</div>
    </mvt:if>
</div>
<input type="hidden" name="Customer_Login" value="&mvte:global:Customer:login;" />
<input type="hidden" name="Customer_PasswordEmail" value="&mvte:global:Customer:pw_email;" />
<div id="ship-to">
    <h2 class="fields-heading">
        Ship To:
        <span id="shipping_controls" class="controls">
            <mvt:if expr="g.Action AND g.shipping_to_show">
            <input name="shipping_to_show" id="shipping_to_show" type="checkbox" value="1" class="checkbox" checked />
            <mvt:else>
            <input name="shipping_to_show" id="shipping_to_show" type="checkbox" value="1" class="checkbox" />
            </mvt:if>
            <label for="shipping_to_show">same as billing</label>
        </span>
    </h2>

    <div id="shipping_fields">
        <div class="&mvte:global:ShipFirstName_Row;">
            <label class="required" for="Customer_ShipFirstName">First Name:</label>
            <input type="text" name="Customer_ShipFirstName" id="Customer_ShipFirstName" value="&mvte:global:Customer_ShipFirstName;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipLastName_Row;">
            <label class="required" for="Customer_ShipLastName">Last Name:</label>
            <input type="text" name="Customer_ShipLastName" id="Customer_ShipLastName" value="&mvte:global:Customer_ShipLastName;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipEmail_Row;">
            <label class="required" for="Customer_ShipEmail">Email Address:</label>
            <input type="text" name="Customer_ShipEmail" id="Customer_ShipEmail" value="&mvte:global:Customer_ShipEmail;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipPhone_Row;">
            <label class="required" for="Customer_ShipPhone">Phone Number:</label>
            <input type="text" name="Customer_ShipPhone" id="Customer_ShipPhone" value="&mvte:global:Customer_ShipPhone;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipFax_Row;">
            <label class="italic" for="Customer_ShipFax">Fax Number:</label>
            <input type="text" name="Customer_ShipFax" id="Customer_ShipFax" value="&mvte:global:Customer_ShipFax;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipCompany_Row;">
            <label class="italic" for="Customer_ShipCompany">Company:</label>
            <input type="text" name="Customer_ShipCompany" id="Customer_ShipCompany" value="&mvte:global:Customer_ShipCompany;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipAddress1_Row;">
            <label class="required" for="Customer_ShipAddress1">Address:</label>
            <input type="text" name="Customer_ShipAddress1" id="Customer_ShipAddress1" value="&mvte:global:Customer_ShipAddress1;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipAddress2_Row;">
            <label class="italic" for="Customer_ShipAddress2">Address 2:</label>
            <input type="text" name="Customer_ShipAddress2" id="Customer_ShipAddress2" value="&mvte:global:Customer_ShipAddress2;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipCity_Row;">
            <label class="required" for="Customer_ShipCity">City:</label>
            <input type="text" name="Customer_ShipCity" id="Customer_ShipCity" value="&mvte:global:Customer_ShipCity;" class="textfield" />
        </div>
        <mvt:if expr="g.States_Empty">
            <div class="&mvte:global:ShipState_Row;">
                <label class="required" for="Customer_ShipState">State/Province:</label>
                <input type="text" name="Customer_ShipState" id="Customer_ShipState" value="&mvte:global:Customer_ShipState;" class="textfield" />
            </div>
        <mvt:else>
            <div class="&mvte:global:ShipState_Row;">
                <label class="required" for="Customer_ShipStateSelect">State/Province:</label>
                <mvt:item name="states" param="Customer_ShipStateSelect" />
            </div>
            
            <div class="&mvte:global:ShipState_Row;">
                <label class="italic" for="Customer_ShipState">Other State/Province:</label>
                <input type="text" name="Customer_ShipState" id="Customer_ShipState" value="&mvte:global:Customer_ShipState;" class="textfield">
            </div>
        </mvt:if>
        <div class="&mvte:global:ShipZip_Row;">
            <label class="required" for="Customer_ShipZip">Zip/Postal Code:</label>
            <input type="text" name="Customer_ShipZip" id="Customer_ShipZip" value="&mvte:global:Customer_ShipZip;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipCountry_Row;">
            <label class="required" for="Customer_ShipCountry">Country:</label>
            <mvt:item name="countries" param="Customer_ShipCountry" />
        </div>
    </div>
</div>
<div id="bill-to">
    <h2 class="fields-heading">
        Bill To:
        <span id="billing_controls" class="controls">
            <mvt:if expr="g.Action AND g.billing_to_show">
            <input name="billing_to_show" id="billing_to_show" type="checkbox" value="1" class="checkbox" checked />
            <mvt:else>
            <input name="billing_to_show" id="billing_to_show" type="checkbox" value="1" class="checkbox" />
            </mvt:if>
            <label for="billing_to_show">same as shipping</label>
        </span>
    </h2>
    <div id="billing_fields">
        <div class="&mvte:global:BillFirstName_Row;">
            <label class="required" for="Customer_BillFirstName">First Name:</label>
            <input type="text" name="Customer_BillFirstName" id="Customer_BillFirstName" value="&mvte:global:Customer_BillFirstName;" class="textfield" />
        </div>
        <div class="&mvte:global:BillLastName_Row;">
            <label class="required" for="Customer_BillLastName">Last Name:</label>
            <input type="text" name="Customer_BillLastName" id="Customer_BillLastName" value="&mvte:global:Customer_BillLastName;" class="textfield" />
        </div>
        <div class="&mvte:global:BillEmail_Row;">
            <label class="required" for="Customer_BillEmail">Email Address:</label>
            <input type="text" name="Customer_BillEmail" id="Customer_BillEmail" value="&mvte:global:Customer_BillEmail;" class="textfield" />
        </div>
        <div class="&mvte:global:BillPhone_Row;">
            <label class="required" for="Customer_BillPhone">Phone Number:</label>
            <input type="text" name="Customer_BillPhone" id="Customer_BillPhone" value="&mvte:global:Customer_BillPhone;" class="textfield" />
        </div>
        <div class="&mvte:global:BillFax_Row;">
            <label class="italic" for="Customer_BillFax">Fax Number:</label>
            <input type="text" name="Customer_BillFax" id="Customer_BillFax" value="&mvte:global:Customer_BillFax;" class="textfield" />
        </div>
        <div class="&mvte:global:BillCompany_Row;">
            <label class="italic" for="Customer_BillCompany">Company:</label>
            <input type="text" name="Customer_BillCompany" id="Customer_BillCompany" value="&mvte:global:Customer_BillCompany;" class="textfield" />
        </div>
        <div class="&mvte:global:BillAddress1_Row;">
            <label class="required" for="Customer_BillAddress1">Address:</label>
            <input type="text" name="Customer_BillAddress1" id="Customer_BillAddress1" value="&mvte:global:Customer_BillAddress1;" class="textfield" />
        </div>
        <div class="&mvte:global:BillAddress2_Row;">
            <label class="italic" for="Customer_BillAddress2">Address 2:</label>
            <input type="text" name="Customer_BillAddress2" id="Customer_BillAddress2" value="&mvte:global:Customer_BillAddress2;" class="textfield" />
        </div>
        <div class="&mvte:global:BillCity_Row;">
            <label class="required" for="Customer_BillCity">City:</label>
            <input type="text" name="Customer_BillCity" id="Customer_BillCity" value="&mvte:global:Customer_BillCity;" class="textfield" />
        </div>
        <mvt:if expr="g.States_Empty">
            <div class="&mvte:global:BillState_Row;">
                <label class="required" for="Customer_BillState">State/Province:</label>
                <input type="text" name="Customer_BillState" id="Customer_BillState" value="&mvte:global:Customer_BillState;" class="textfield" />
            </div>
        <mvt:else>
            <div class="&mvte:global:BillState_Row;">
                <label class="required" for="Customer_BillStateSelect">State/Province:</label>
                <mvt:item name="states" param="Customer_BillStateSelect" />
            </div>
            
            <div class="&mvte:global:BillState_Row;">
                <label class="italic" for="Customer_BillState">Other State/Province:</label>
                <input type="text" name="Customer_BillState" id="Customer_BillState" value="&mvte:global:Customer_BillState;" class="textfield" />
            </div>
        </mvt:if>
        <div class="&mvte:global:BillZip_Row;">
            <label class="required" for="Customer_BillZip">Zip/Postal Code:</label>
            <input type="text" name="Customer_BillZip" id="Customer_BillZip" value="&mvte:global:Customer_BillZip;" class="textfield" />
        </div>
        <div class="&mvt:global:BillCountry_Row;">
            <label class="required" for="Customer_BillCountry">Country:</label>
            <mvt:item name="countries" param="Customer_BillCountry" />
        </div>
    </div>
</div>
<mvt:if expr="l.settings:customer:match">
<script>
<mvt:if expr="l.settings:customer:primaddr EQ 'shipping'">
document.getElementById( 'billing_to_show' ).checked = true;
<mvt:elseif expr="l.settings:customer:primaddr EQ 'billing'">
document.getElementById( 'shipping_to_show' ).checked = true;
</mvt:if>
</script>
</mvt:if>

<script src="&mvte:global:clientside_url;Store_Code=&mvta:store:code;&amp;Filename=ToggleDetails.js&amp;Primaddr=shipping&amp;Shipping=D&amp;Billing=O"></script>
<div id="fields-key">
    <div><span class="required">Bold</span> = Required</div>
    <div><span class="italic">Italic</span> = Optional</div>
 <mvt:if expr="( g.UI_Exception EQ 1 ) AND ( ( g.Session:cache:last_ui_exception EQ 'order_invalid_info' ) OR ( g.Session:cache:last_ui_exception EQ 'customer_invalid_addinfo' ) OR ( g.Session:cache:last_ui_exception EQ 'customer_invalid_editinfo' ) )">
    <div><span class="red">Red</span> = Invalid</div>
    </mvt:if>
</div>
<input type="hidden" name="Customer_Login" value="&mvte:global:Customer:login;" />
<input type="hidden" name="Customer_PasswordEmail" value="&mvte:global:Customer:pw_email;" />
<div id="ship-to">
    <h2 class="fields-heading">
        Ship To:
        <span id="shipping_controls" class="controls">
            <mvt:if expr="g.Action AND g.shipping_to_show">
            <input name="shipping_to_show" id="shipping_to_show" type="checkbox" value="1" class="checkbox" checked />
            <mvt:else>
            <input name="shipping_to_show" id="shipping_to_show" type="checkbox" value="1" class="checkbox" />
            </mvt:if>
            <label for="shipping_to_show">same as billing</label>
        </span>
    </h2>

    <div id="shipping_fields">
     <mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified">
            <div class="&mvte:global:ShipID_Row;">
                <label class="required" for="Customer_ShipID">Saved Address:</label>
                <select name="Customer_ShipID" id="shipping_selector">
                    <option value="-1">&lt;New&gt;</option>
                    <mvt:foreach iterator="address" array="customer:addresses">
                        <mvt:if expr="toupper( l.settings:address:fname ) EQ toupper( g.Customer_ShipFirstName ) AND
                                         toupper( l.settings:address:lname ) EQ toupper( g.Customer_ShipLastName ) AND
                                         toupper( l.settings:address:email ) EQ toupper( g.Customer_ShipEmail ) AND
                                         toupper( l.settings:address:comp ) EQ toupper( g.Customer_ShipCompany ) AND
                                         toupper( l.settings:address:phone ) EQ toupper( g.Customer_ShipPhone ) AND
                                         toupper( l.settings:address:fax ) EQ toupper( g.Customer_ShipFax ) AND
                                         toupper( l.settings:address:addr1 ) EQ toupper( g.Customer_ShipAddress1 ) AND
                                         toupper( l.settings:address:addr2 ) EQ toupper( g.Customer_ShipAddress2 ) AND
                                         toupper( l.settings:address:city ) EQ toupper( g.Customer_ShipCity ) AND
                                         (
                                            ( ( NOT ISNULL g.Customer_ShipStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.Customer_ShipStateSelect ) ) ) OR
                                            ( ( ISNULL g.Customer_ShipStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.Customer_ShipState ) ) )
                                         ) AND
                                         toupper( l.settings:address:zip ) EQ toupper( g.Customer_ShipZip ) AND
                                         toupper( l.settings:address:cntry ) EQ toupper( g.Customer_ShipCountry )">
                            <option value="&mvte:address:id;" selected>&mvte:address:descrip;</option>
                        <mvt:else>
                            <option value="&mvte:address:id;">&mvte:address:descrip;</option>
                        </mvt:if>
                    </mvt:foreach>
                </select>
            </div>
        </mvt:if>
        <div class="&mvte:global:ShipFirstName_Row;">
            <label class="required" for="Customer_ShipFirstName">First Name:</label>
            <input type="text" name="Customer_ShipFirstName" id="Customer_ShipFirstName" value="&mvte:global:Customer_ShipFirstName;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipLastName_Row;">
            <label class="required" for="Customer_ShipLastName">Last Name:</label>
            <input type="text" name="Customer_ShipLastName" id="Customer_ShipLastName" value="&mvte:global:Customer_ShipLastName;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipEmail_Row;">
            <label class="required" for="Customer_ShipEmail">Email Address:</label>
            <input type="text" name="Customer_ShipEmail" id="Customer_ShipEmail" value="&mvte:global:Customer_ShipEmail;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipPhone_Row;">
            <label class="required" for="Customer_ShipPhone">Phone Number:</label>
            <input type="text" name="Customer_ShipPhone" id="Customer_ShipPhone" value="&mvte:global:Customer_ShipPhone;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipFax_Row;">
            <label class="italic" for="Customer_ShipFax">Fax Number:</label>
            <input type="text" name="Customer_ShipFax" id="Customer_ShipFax" value="&mvte:global:Customer_ShipFax;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipCompany_Row;">
            <label class="italic" for="Customer_ShipCompany">Company:</label>
            <input type="text" name="Customer_ShipCompany" id="Customer_ShipCompany" value="&mvte:global:Customer_ShipCompany;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipAddress1_Row;">
            <label class="required" for="Customer_ShipAddress1">Address:</label>
            <input type="text" name="Customer_ShipAddress1" id="Customer_ShipAddress1" value="&mvte:global:Customer_ShipAddress1;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipAddress2_Row;">
            <label class="italic" for="Customer_ShipAddress2">Address 2:</label>
            <input type="text" name="Customer_ShipAddress2" id="Customer_ShipAddress2" value="&mvte:global:Customer_ShipAddress2;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipCity_Row;">
            <label class="required" for="Customer_ShipCity">City:</label>
            <input type="text" name="Customer_ShipCity" id="Customer_ShipCity" value="&mvte:global:Customer_ShipCity;" class="textfield" />
        </div>
        <mvt:if expr="g.States_Empty">
            <div class="&mvte:global:ShipState_Row;">
                <label class="required" for="Customer_ShipState">State/Province:</label>
                <input type="text" name="Customer_ShipState" id="Customer_ShipState" value="&mvte:global:Customer_ShipState;" class="textfield" />
            </div>
        <mvt:else>
            <div class="&mvte:global:ShipState_Row;">
                <label class="required" for="Customer_ShipStateSelect">State/Province:</label>
                <mvt:item name="states" param="Customer_ShipStateSelect" />
            </div>
            
            <div class="&mvte:global:ShipState_Row;">
                <label class="italic" for="Customer_ShipState">Other State/Province:</label>
                <input type="text" name="Customer_ShipState" id="Customer_ShipState" value="&mvte:global:Customer_ShipState;" class="textfield">
            </div>
        </mvt:if>
        <div class="&mvte:global:ShipZip_Row;">
            <label class="required" for="Customer_ShipZip">Zip/Postal Code:</label>
            <input type="text" name="Customer_ShipZip" id="Customer_ShipZip" value="&mvte:global:Customer_ShipZip;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipCountry_Row;">
            <label class="required" for="Customer_ShipCountry">Country:</label>
            <mvt:item name="countries" param="Customer_ShipCountry" />
        </div>
    </div>
</div>
<div id="bill-to">
    <h2 class="fields-heading">
        Bill To:
        <span id="billing_controls" class="controls">
            <mvt:if expr="g.Action AND g.billing_to_show">
            <input name="billing_to_show" id="billing_to_show" type="checkbox" value="1" class="checkbox" checked />
            <mvt:else>
            <input name="billing_to_show" id="billing_to_show" type="checkbox" value="1" class="checkbox" />
            </mvt:if>
            <label for="billing_to_show">same as shipping</label>
        </span>
    </h2>
    <div id="billing_fields">
     <mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified">
            <div class="&mvte:global:BillID_Row;">
                <label class="required" for="Customer_BillID">Saved Address:</label>
                <select name="Customer_BillID" id="billing_selector">
                    <option value="-1">&lt;New&gt;</option>
                    <mvt:foreach iterator="address" array="customer:addresses">
                        <mvt:if expr="toupper( l.settings:address:fname ) EQ toupper( g.Customer_BillFirstName ) AND
                                         toupper( l.settings:address:lname ) EQ toupper( g.Customer_BillLastName ) AND
                                         toupper( l.settings:address:email ) EQ toupper( g.Customer_BillEmail ) AND
                                         toupper( l.settings:address:comp ) EQ toupper( g.Customer_BillCompany ) AND
                                         toupper( l.settings:address:phone ) EQ toupper( g.Customer_BillPhone ) AND
                                         toupper( l.settings:address:fax ) EQ toupper( g.Customer_BillFax ) AND
                                         toupper( l.settings:address:addr1 ) EQ toupper( g.Customer_BillAddress1 ) AND
                                         toupper( l.settings:address:addr2 ) EQ toupper( g.Customer_BillAddress2 ) AND
                                         toupper( l.settings:address:city ) EQ toupper( g.Customer_BillCity ) AND
                                         (
                                            ( ( NOT ISNULL g.Customer_BillStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.Customer_BillStateSelect ) ) ) OR
                                            ( ( ISNULL g.Customer_BillStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.Customer_BillState ) ) )
                                         ) AND
                                         toupper( l.settings:address:zip ) EQ toupper( g.Customer_BillZip ) AND
                                         toupper( l.settings:address:cntry ) EQ toupper( g.Customer_BillCountry )">
                            <option value="&mvte:address:id;" selected>&mvte:address:descrip;</option>
                        <mvt:else>
                            <option value="&mvte:address:id;">&mvte:address:descrip;</option>
                        </mvt:if>
                    </mvt:foreach>
                </select>
            </div>
        </mvt:if>
        <div class="&mvte:global:BillFirstName_Row;">
            <label class="required" for="Customer_BillFirstName">First Name:</label>
            <input type="text" name="Customer_BillFirstName" id="Customer_BillFirstName" value="&mvte:global:Customer_BillFirstName;" class="textfield" />
        </div>
        <div class="&mvte:global:BillLastName_Row;">
            <label class="required" for="Customer_BillLastName">Last Name:</label>
            <input type="text" name="Customer_BillLastName" id="Customer_BillLastName" value="&mvte:global:Customer_BillLastName;" class="textfield" />
        </div>
        <div class="&mvte:global:BillEmail_Row;">
            <label class="required" for="Customer_BillEmail">Email Address:</label>
            <input type="text" name="Customer_BillEmail" id="Customer_BillEmail" value="&mvte:global:Customer_BillEmail;" class="textfield" />
        </div>
        <div class="&mvte:global:BillPhone_Row;">
            <label class="required" for="Customer_BillPhone">Phone Number:</label>
            <input type="text" name="Customer_BillPhone" id="Customer_BillPhone" value="&mvte:global:Customer_BillPhone;" class="textfield" />
        </div>
        <div class="&mvte:global:BillFax_Row;">
            <label class="italic" for="Customer_BillFax">Fax Number:</label>
            <input type="text" name="Customer_BillFax" id="Customer_BillFax" value="&mvte:global:Customer_BillFax;" class="textfield" />
        </div>
        <div class="&mvte:global:BillCompany_Row;">
            <label class="italic" for="Customer_BillCompany">Company:</label>
            <input type="text" name="Customer_BillCompany" id="Customer_BillCompany" value="&mvte:global:Customer_BillCompany;" class="textfield" />
        </div>
        <div class="&mvte:global:BillAddress1_Row;">
            <label class="required" for="Customer_BillAddress1">Address:</label>
            <input type="text" name="Customer_BillAddress1" id="Customer_BillAddress1" value="&mvte:global:Customer_BillAddress1;" class="textfield" />
        </div>
        <div class="&mvte:global:BillAddress2_Row;">
            <label class="italic" for="Customer_BillAddress2">Address 2:</label>
            <input type="text" name="Customer_BillAddress2" id="Customer_BillAddress2" value="&mvte:global:Customer_BillAddress2;" class="textfield" />
        </div>
        <div class="&mvte:global:BillCity_Row;">
            <label class="required" for="Customer_BillCity">City:</label>
            <input type="text" name="Customer_BillCity" id="Customer_BillCity" value="&mvte:global:Customer_BillCity;" class="textfield" />
        </div>
        <mvt:if expr="g.States_Empty">
            <div class="&mvte:global:BillState_Row;">
                <label class="required" for="Customer_BillState">State/Province:</label>
                <input type="text" name="Customer_BillState" id="Customer_BillState" value="&mvte:global:Customer_BillState;" class="textfield" />
            </div>
        <mvt:else>
            <div class="&mvte:global:BillState_Row;">
                <label class="required" for="Customer_BillStateSelect">State/Province:</label>
                <mvt:item name="states" param="Customer_BillStateSelect" />
            </div>
            
            <div class="&mvte:global:BillState_Row;">
                <label class="italic" for="Customer_BillState">Other State/Province:</label>
                <input type="text" name="Customer_BillState" id="Customer_BillState" value="&mvte:global:Customer_BillState;" class="textfield" />
            </div>
        </mvt:if>
        <div class="&mvte:global:BillZip_Row;">
            <label class="required" for="Customer_BillZip">Zip/Postal Code:</label>
            <input type="text" name="Customer_BillZip" id="Customer_BillZip" value="&mvte:global:Customer_BillZip;" class="textfield" />
        </div>
        <div class="&mvt:global:BillCountry_Row;">
            <label class="required" for="Customer_BillCountry">Country:</label>
            <mvt:item name="countries" param="Customer_BillCountry" />
        </div>
    </div>
</div>
<mvt:if expr="l.settings:customer:match">
<script>
<mvt:if expr="l.settings:customer:primaddr EQ 'shipping'">
document.getElementById( 'billing_to_show' ).checked = true;
<mvt:elseif expr="l.settings:customer:primaddr EQ 'billing'">
document.getElementById( 'shipping_to_show' ).checked = true;
</mvt:if>
</script>
</mvt:if>

<mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified AND l.settings:customer:address_count">
    <script type="text/javascript">
        var MvCustomerAddresses = [];

        <mvt:foreach iterator="address" array="customer:addresses">
            MvCustomerAddresses[ <mvt:eval expr="int( l.settings:address:id )" /> ] = {
                "id":       <mvt:eval expr="int( l.settings:address:id )" />,
                "cust_id":  <mvt:eval expr="int( l.settings:address:cust_id )" />,
                "descrip":  "&mvtj:address:descrip;",
                "fname":    "&mvtj:address:fname;",
                "lname":    "&mvtj:address:lname;",
                "email":    "&mvtj:address:email;",
                "comp":     "&mvtj:address:comp;",
                "phone":    "&mvtj:address:phone;",
                "fax":      "&mvtj:address:fax;",
                "addr1":    "&mvtj:address:addr1;",
                "addr2":    "&mvtj:address:addr2;",
                "city":     "&mvtj:address:city;",
                "state":    "&mvtj:address:state;",
                "zip":      "&mvtj:address:zip;",
                "cntry":    "&mvtj:address:cntry;",
                "resdntl":  <mvt:if expr="l.settings:address:resdntl">true<mvt:else>false</mvt:if>
            };
        </mvt:foreach>
    </script>
</mvt:if>

<script src="&mvte:global:clientside_url;Store_Code=&mvta:store:code;&amp;Filename=ToggleDetails.js&amp;Primaddr=shipping&amp;Shipping=D&amp;Billing=O"></script>

CSSUI: Edit Page: OCST: Customer Fields

Original File
New File
<div id="fields-key">
    <div><span class="required">Bold</span> = Required</div>
    <div><span class="italic">Italic</span> = Optional</div>
  <mvt:if expr="g.Error_Message_Count">
    <div><span class="red">Red</span> = Invalid</div>
    </mvt:if>
</div>
<div id="ship-to">
    <h2 class="fields-heading">
        Ship To:
        <span id="shipping_controls" class="controls">
            <mvt:if expr="g.Action AND g.shipping_to_show">
            <input name="shipping_to_show" id="shipping_to_show" type="checkbox" value="1" class="checkbox" checked />
            <mvt:else>
            <input name="shipping_to_show" id="shipping_to_show" type="checkbox" value="1" class="checkbox" />
            </mvt:if>
            <label for="shipping_to_show">same as billing</label>
        </span>
    </h2>

    <div id="shipping_fields">
        <div class="&mvte:global:ShipFirstName_Row;">
            <label class="required" for="ShipFirstName">First Name:</label>
            <input type="text" name="ShipFirstName" id="ShipFirstName" value="&mvte:global:ShipFirstName;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipLastName_Row;">
            <label class="required" for="ShipLastName">Last Name:</label>
            <input type="text" name="ShipLastName" id="ShipLastName" value="&mvte:global:ShipLastName;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipEmail_Row;">
            <label class="required" for="ShipEmail">Email Address:</label>
            <input type="text" name="ShipEmail" id="ShipEmail" value="&mvte:global:ShipEmail;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipPhone_Row;">
            <label class="required" for="ShipPhone">Phone Number:</label>
            <input type="text" name="ShipPhone" id="ShipPhone" value="&mvte:global:ShipPhone;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipFax_Row;">
            <label class="italic" for="ShipFax">Fax Number:</label>
            <input type="text" name="ShipFax" id="ShipFax" value="&mvte:global:ShipFax;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipCompany_Row;">
            <label class="italic" for="ShipCompany">Company:</label>
            <input type="text" name="ShipCompany" id="ShipCompany" value="&mvte:global:ShipCompany;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipAddress1_Row;">
            <label class="required" for="ShipAddress1">Address:</label>
            <input type="text" name="ShipAddress1" id="ShipAddress1" value="&mvte:global:ShipAddress1;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipAddress2_Row;">
            <label class="italic" for="ShipAddress2">Address 2:</label>
            <input type="text" name="ShipAddress2" id="ShipAddress2" value="&mvte:global:ShipAddress2;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipCity_Row;">
            <label class="required" for="ShipCity">City:</label>
            <input type="text" name="ShipCity" id="ShipCity" value="&mvte:global:ShipCity;" class="textfield" />
        </div>
        <mvt:if expr="g.States_Empty">
            <div class="&mvte:global:ShipState_Row;">
                <label class="required" for="ShipState">State/Province:</label>
                <input type="text" name="ShipState" id="ShipState" value="&mvte:global:ShipState;" class="textfield" />
            </div>
        <mvt:else>
            <div class="&mvte:global:ShipState_Row;">
                <label class="required" for="ShipStateSelect">State/Province:</label>
                <mvt:item name="states" param="ShipStateSelect" />
            </div>
            
            <div class="&mvte:global:ShipState_Row;">
                <label class="italic" for="ShipState">Other State/Province:</label>
                <input type="text" name="ShipState" id="ShipState" value="&mvte:global:ShipState;" class="textfield">
            </div>
        </mvt:if>
        <div class="&mvte:global:ShipZip_Row;">
            <label class="required" for="ShipZip">Zip/Postal Code:</label>
            <input type="text" name="ShipZip" id="ShipZip" value="&mvte:global:ShipZip;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipCountry_Row;">
            <label class="required" for="ShipCountry">Country:</label>
            <mvt:item name="countries" param="ShipCountry" />
        </div>
    </div>
</div>
<div id="bill-to">
    <h2 class="fields-heading">
        Bill To:
        <span id="billing_controls" class="controls">
            <mvt:if expr="g.Action AND g.billing_to_show">
            <input name="billing_to_show" id="billing_to_show" type="checkbox" value="1" class="checkbox" checked />
            <mvt:else>
            <input name="billing_to_show" id="billing_to_show" type="checkbox" value="1" class="checkbox" />
            </mvt:if>
            <label for="billing_to_show">same as shipping</label>
        </span>
    </h2>
    <div id="billing_fields">
        <div class="&mvte:global:BillFirstName_Row;">
            <label class="required" for="BillFirstName">First Name:</label>
            <input type="text" name="BillFirstName" id="BillFirstName" value="&mvte:global:BillFirstName;" class="textfield" />
        </div>
        <div class="&mvte:global:BillLastName_Row;">
            <label class="required" for="BillLastName">Last Name:</label>
            <input type="text" name="BillLastName" id="BillLastName" value="&mvte:global:BillLastName;" class="textfield" />
        </div>
        <div class="&mvte:global:BillEmail_Row;">
            <label class="required" for="BillEmail">Email Address:</label>
            <input type="text" name="BillEmail" id="BillEmail" value="&mvte:global:BillEmail;" class="textfield" />
        </div>
        <div class="&mvte:global:BillPhone_Row;">
            <label class="required" for="BillPhone">Phone Number:</label>
            <input type="text" name="BillPhone" id="BillPhone" value="&mvte:global:BillPhone;" class="textfield" />
        </div>
        <div class="&mvte:global:BillFax_Row;">
            <label class="italic" for="BillFax">Fax Number:</label>
            <input type="text" name="BillFax" id="BillFax" value="&mvte:global:BillFax;" class="textfield" />
        </div>
        <div class="&mvte:global:BillCompany_Row;">
            <label class="italic" for="BillCompany">Company:</label>
            <input type="text" name="BillCompany" id="BillCompany" value="&mvte:global:BillCompany;" class="textfield" />
        </div>
        <div class="&mvte:global:BillAddress1_Row;">
            <label class="required" for="BillAddress1">Address:</label>
            <input type="text" name="BillAddress1" id="BillAddress1" value="&mvte:global:BillAddress1;" class="textfield" />
        </div>
        <div class="&mvte:global:BillAddress2_Row;">
            <label class="italic" for="BillAddress2">Address 2:</label>
            <input type="text" name="BillAddress2" id="BillAddress2" value="&mvte:global:BillAddress2;" class="textfield" />
        </div>
        <div class="&mvte:global:BillCity_Row;">
            <label class="required" for="BillCity">City:</label>
            <input type="text" name="BillCity" id="BillCity" value="&mvte:global:BillCity;" class="textfield" />
        </div>
        <mvt:if expr="g.States_Empty">
            <div class="&mvte:global:BillState_Row;">
                <label class="required" for="BillState">State/Province:</label>
                <input type="text" name="BillState" id="BillState" value="&mvte:global:BillState;" class="textfield" />
            </div>
        <mvt:else>
            <div class="&mvte:global:BillState_Row;">
                <label class="required" for="BillStateSelect">State/Province:</label>
                <mvt:item name="states" param="BillStateSelect" />
            </div>
            
            <div class="&mvte:global:BillState_Row;">
                <label class="italic" for="BillState">Other State/Province:</label>
                <input type="text" name="BillState" id="BillState" value="&mvte:global:BillState;" class="textfield" />
            </div>
        </mvt:if>
        <div class="&mvte:global:BillZip_Row;">
            <label class="required" for="BillZip">Zip/Postal Code:</label>
            <input type="text" name="BillZip" id="BillZip" value="&mvte:global:BillZip;" class="textfield" />
        </div>
        <div class="&mvt:global:BillCountry_Row;">
            <label class="required" for="BillCountry">Country:</label>
            <mvt:item name="countries" param="BillCountry" />
        </div>
    </div>
</div>
<div id="tax-fields">
<mvt:foreach array="tax:fields" iterator="field">
    <mvt:if expr="l.settings:field:invalid">
    <div class="form_row invalid">
    <mvt:else>
    <div class="form_row">
    </mvt:if>
        <label>&mvt:field:prompt;</label>
        <mvt:item name="tax" param="field:code" />
    </div>
</mvt:foreach>
</div>

<mvt:if expr="g.Basket:cust_id">
<div id="update-record">
    <mvt:if expr="g.Update_Customer">
    <input type="checkbox" name="Update_Customer" value="Yes" checked />
    <mvt:else>
    <input type="checkbox" name="Update_Customer" value="Yes" />
    </mvt:if>
    Update Customer Record With This Information
</div>
</mvt:if>
<mvt:if expr="l.settings:customer:match">
<script>
<mvt:if expr="l.settings:customer:primaddr EQ 'shipping'">
document.getElementById( 'billing_to_show' ).checked = true;
<mvt:elseif expr="l.settings:customer:primaddr EQ 'billing'">
document.getElementById( 'shipping_to_show' ).checked = true;
</mvt:if>
</script>
</mvt:if>

<script src="&mvte:global:clientside_url;Store_Code=&mvta:store:code;&amp;Filename=ToggleDetails.js&amp;Primaddr=shipping&amp;Shipping=D&amp;Billing=O"></script>
<div id="fields-key">
    <div><span class="required">Bold</span> = Required</div>
    <div><span class="italic">Italic</span> = Optional</div>
 <mvt:if expr="( g.UI_Exception EQ 1 ) AND ( ( g.Session:cache:last_ui_exception EQ 'order_invalid_info' ) OR ( g.Session:cache:last_ui_exception EQ 'customer_invalid_addinfo' ) OR ( g.Session:cache:last_ui_exception EQ 'customer_invalid_editinfo' ) )">
    <div><span class="red">Red</span> = Invalid</div>
    </mvt:if>
</div>
<div id="ship-to">
    <h2 class="fields-heading">
        Ship To:
        <span id="shipping_controls" class="controls">
            <mvt:if expr="g.Action AND g.shipping_to_show">
            <input name="shipping_to_show" id="shipping_to_show" type="checkbox" value="1" class="checkbox" checked />
            <mvt:else>
            <input name="shipping_to_show" id="shipping_to_show" type="checkbox" value="1" class="checkbox" />
            </mvt:if>
            <label for="shipping_to_show">same as billing</label>
        </span>
    </h2>

    <div id="shipping_fields">
     <mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified">
            <div class="&mvte:global:ShipID_Row;">
                <label class="required" for="ShipID">Saved Address:</label>
                <select name="ShipID" id="shipping_selector">
                    <option value="-1">&lt;New&gt;</option>
                    <mvt:foreach iterator="address" array="customer:addresses">
                        <mvt:if expr="toupper( l.settings:address:fname ) EQ toupper( g.ShipFirstName ) AND
                                         toupper( l.settings:address:lname ) EQ toupper( g.ShipLastName ) AND
                                         toupper( l.settings:address:email ) EQ toupper( g.ShipEmail ) AND
                                         toupper( l.settings:address:comp ) EQ toupper( g.ShipCompany ) AND
                                         toupper( l.settings:address:phone ) EQ toupper( g.ShipPhone ) AND
                                         toupper( l.settings:address:fax ) EQ toupper( g.ShipFax ) AND
                                         toupper( l.settings:address:addr1 ) EQ toupper( g.ShipAddress1 ) AND
                                         toupper( l.settings:address:addr2 ) EQ toupper( g.ShipAddress2 ) AND
                                         toupper( l.settings:address:city ) EQ toupper( g.ShipCity ) AND
                                         (
                                            ( ( NOT ISNULL g.ShipStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.ShipStateSelect ) ) ) OR
                                            ( ( ISNULL g.ShipStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.ShipState ) ) )
                                         ) AND
                                         toupper( l.settings:address:zip ) EQ toupper( g.ShipZip ) AND
                                         toupper( l.settings:address:cntry ) EQ toupper( g.ShipCountry )">
                            <option value="&mvte:address:id;" selected>&mvte:address:descrip;</option>
                        <mvt:else>
                            <option value="&mvte:address:id;">&mvte:address:descrip;</option>
                        </mvt:if>
                    </mvt:foreach>
                </select>
            </div>
        </mvt:if>
        <div class="&mvte:global:ShipFirstName_Row;">
            <label class="required" for="ShipFirstName">First Name:</label>
            <input type="text" name="ShipFirstName" id="ShipFirstName" value="&mvte:global:ShipFirstName;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipLastName_Row;">
            <label class="required" for="ShipLastName">Last Name:</label>
            <input type="text" name="ShipLastName" id="ShipLastName" value="&mvte:global:ShipLastName;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipEmail_Row;">
            <label class="required" for="ShipEmail">Email Address:</label>
            <input type="text" name="ShipEmail" id="ShipEmail" value="&mvte:global:ShipEmail;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipPhone_Row;">
            <label class="required" for="ShipPhone">Phone Number:</label>
            <input type="text" name="ShipPhone" id="ShipPhone" value="&mvte:global:ShipPhone;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipFax_Row;">
            <label class="italic" for="ShipFax">Fax Number:</label>
            <input type="text" name="ShipFax" id="ShipFax" value="&mvte:global:ShipFax;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipCompany_Row;">
            <label class="italic" for="ShipCompany">Company:</label>
            <input type="text" name="ShipCompany" id="ShipCompany" value="&mvte:global:ShipCompany;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipAddress1_Row;">
            <label class="required" for="ShipAddress1">Address:</label>
            <input type="text" name="ShipAddress1" id="ShipAddress1" value="&mvte:global:ShipAddress1;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipAddress2_Row;">
            <label class="italic" for="ShipAddress2">Address 2:</label>
            <input type="text" name="ShipAddress2" id="ShipAddress2" value="&mvte:global:ShipAddress2;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipCity_Row;">
            <label class="required" for="ShipCity">City:</label>
            <input type="text" name="ShipCity" id="ShipCity" value="&mvte:global:ShipCity;" class="textfield" />
        </div>
        <mvt:if expr="g.States_Empty">
            <div class="&mvte:global:ShipState_Row;">
                <label class="required" for="ShipState">State/Province:</label>
                <input type="text" name="ShipState" id="ShipState" value="&mvte:global:ShipState;" class="textfield" />
            </div>
        <mvt:else>
            <div class="&mvte:global:ShipState_Row;">
                <label class="required" for="ShipStateSelect">State/Province:</label>
                <mvt:item name="states" param="ShipStateSelect" />
            </div>
            
            <div class="&mvte:global:ShipState_Row;">
                <label class="italic" for="ShipState">Other State/Province:</label>
                <input type="text" name="ShipState" id="ShipState" value="&mvte:global:ShipState;" class="textfield">
            </div>
        </mvt:if>
        <div class="&mvte:global:ShipZip_Row;">
            <label class="required" for="ShipZip">Zip/Postal Code:</label>
            <input type="text" name="ShipZip" id="ShipZip" value="&mvte:global:ShipZip;" class="textfield" />
        </div>
        <div class="&mvte:global:ShipCountry_Row;">
            <label class="required" for="ShipCountry">Country:</label>
            <mvt:item name="countries" param="ShipCountry" />
        </div>
    </div>
</div>
<div id="bill-to">
    <h2 class="fields-heading">
        Bill To:
        <span id="billing_controls" class="controls">
            <mvt:if expr="g.Action AND g.billing_to_show">
            <input name="billing_to_show" id="billing_to_show" type="checkbox" value="1" class="checkbox" checked />
            <mvt:else>
            <input name="billing_to_show" id="billing_to_show" type="checkbox" value="1" class="checkbox" />
            </mvt:if>
            <label for="billing_to_show">same as shipping</label>
        </span>
    </h2>
    <div id="billing_fields">
     <mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified">
            <div class="&mvte:global:BillID_Row;">
                <label class="required" for="BillID">Saved Address:</label>
                <select name="BillID" id="billing_selector">
                    <option value="-1">&lt;New&gt;</option>
                    <mvt:foreach iterator="address" array="customer:addresses">
                        <mvt:if expr="toupper( l.settings:address:fname ) EQ toupper( g.BillFirstName ) AND
                                         toupper( l.settings:address:lname ) EQ toupper( g.BillLastName ) AND
                                         toupper( l.settings:address:email ) EQ toupper( g.BillEmail ) AND
                                         toupper( l.settings:address:comp ) EQ toupper( g.BillCompany ) AND
                                         toupper( l.settings:address:phone ) EQ toupper( g.BillPhone ) AND
                                         toupper( l.settings:address:fax ) EQ toupper( g.BillFax ) AND
                                         toupper( l.settings:address:addr1 ) EQ toupper( g.BillAddress1 ) AND
                                         toupper( l.settings:address:addr2 ) EQ toupper( g.BillAddress2 ) AND
                                         toupper( l.settings:address:city ) EQ toupper( g.BillCity ) AND
                                         (
                                            ( ( NOT ISNULL g.BillStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.BillStateSelect ) ) ) OR
                                            ( ( ISNULL g.BillStateSelect ) AND ( toupper( l.settings:address:state ) EQ toupper( g.BillState ) ) )
                                         ) AND
                                         toupper( l.settings:address:zip ) EQ toupper( g.BillZip ) AND
                                         toupper( l.settings:address:cntry ) EQ toupper( g.BillCountry )">
                            <option value="&mvte:address:id;" selected>&mvte:address:descrip;</option>
                        <mvt:else>
                            <option value="&mvte:address:id;">&mvte:address:descrip;</option>
                        </mvt:if>
                    </mvt:foreach>
                </select>
            </div>
        </mvt:if>
        <div class="&mvte:global:BillFirstName_Row;">
            <label class="required" for="BillFirstName">First Name:</label>
            <input type="text" name="BillFirstName" id="BillFirstName" value="&mvte:global:BillFirstName;" class="textfield" />
        </div>
        <div class="&mvte:global:BillLastName_Row;">
            <label class="required" for="BillLastName">Last Name:</label>
            <input type="text" name="BillLastName" id="BillLastName" value="&mvte:global:BillLastName;" class="textfield" />
        </div>
        <div class="&mvte:global:BillEmail_Row;">
            <label class="required" for="BillEmail">Email Address:</label>
            <input type="text" name="BillEmail" id="BillEmail" value="&mvte:global:BillEmail;" class="textfield" />
        </div>
        <div class="&mvte:global:BillPhone_Row;">
            <label class="required" for="BillPhone">Phone Number:</label>
            <input type="text" name="BillPhone" id="BillPhone" value="&mvte:global:BillPhone;" class="textfield" />
        </div>
        <div class="&mvte:global:BillFax_Row;">
            <label class="italic" for="BillFax">Fax Number:</label>
            <input type="text" name="BillFax" id="BillFax" value="&mvte:global:BillFax;" class="textfield" />
        </div>
        <div class="&mvte:global:BillCompany_Row;">
            <label class="italic" for="BillCompany">Company:</label>
            <input type="text" name="BillCompany" id="BillCompany" value="&mvte:global:BillCompany;" class="textfield" />
        </div>
        <div class="&mvte:global:BillAddress1_Row;">
            <label class="required" for="BillAddress1">Address:</label>
            <input type="text" name="BillAddress1" id="BillAddress1" value="&mvte:global:BillAddress1;" class="textfield" />
        </div>
        <div class="&mvte:global:BillAddress2_Row;">
            <label class="italic" for="BillAddress2">Address 2:</label>
            <input type="text" name="BillAddress2" id="BillAddress2" value="&mvte:global:BillAddress2;" class="textfield" />
        </div>
        <div class="&mvte:global:BillCity_Row;">
            <label class="required" for="BillCity">City:</label>
            <input type="text" name="BillCity" id="BillCity" value="&mvte:global:BillCity;" class="textfield" />
        </div>
        <mvt:if expr="g.States_Empty">
            <div class="&mvte:global:BillState_Row;">
                <label class="required" for="BillState">State/Province:</label>
                <input type="text" name="BillState" id="BillState" value="&mvte:global:BillState;" class="textfield" />
            </div>
        <mvt:else>
            <div class="&mvte:global:BillState_Row;">
                <label class="required" for="BillStateSelect">State/Province:</label>
                <mvt:item name="states" param="BillStateSelect" />
            </div>
            
            <div class="&mvte:global:BillState_Row;">
                <label class="italic" for="BillState">Other State/Province:</label>
                <input type="text" name="BillState" id="BillState" value="&mvte:global:BillState;" class="textfield" />
            </div>
        </mvt:if>
        <div class="&mvte:global:BillZip_Row;">
            <label class="required" for="BillZip">Zip/Postal Code:</label>
            <input type="text" name="BillZip" id="BillZip" value="&mvte:global:BillZip;" class="textfield" />
        </div>
        <div class="&mvt:global:BillCountry_Row;">
            <label class="required" for="BillCountry">Country:</label>
            <mvt:item name="countries" param="BillCountry" />
        </div>
    </div>
</div>
<div id="tax-fields">
<mvt:foreach array="tax:fields" iterator="field">
    <mvt:if expr="l.settings:field:invalid">
    <div class="form_row invalid">
    <mvt:else>
    <div class="form_row">
    </mvt:if>
        <label>&mvt:field:prompt;</label>
        <mvt:item name="tax" param="field:code" />
    </div>
</mvt:foreach>
</div>

<mvt:if expr="g.Basket:cust_id">
<div id="update-record">
    <mvt:if expr="g.Update_Customer">
    <input type="checkbox" name="Update_Customer" value="Yes" checked />
    <mvt:else>
    <input type="checkbox" name="Update_Customer" value="Yes" />
    </mvt:if>
    Update Customer Record With This Information
</div>
</mvt:if>
<mvt:if expr="l.settings:customer:match">
<script>
<mvt:if expr="l.settings:customer:primaddr EQ 'shipping'">
document.getElementById( 'billing_to_show' ).checked = true;
<mvt:elseif expr="l.settings:customer:primaddr EQ 'billing'">
document.getElementById( 'shipping_to_show' ).checked = true;
</mvt:if>
</script>
</mvt:if>

<mvt:if expr="g.Basket:cust_id AND g.Customer_Session_Verified AND l.settings:customer:address_count">
    <script type="text/javascript">
        var MvCustomerAddresses = [];

        <mvt:foreach iterator="address" array="customer:addresses">
            MvCustomerAddresses[ <mvt:eval expr="int( l.settings:address:id )" /> ] = {
                "id":       <mvt:eval expr="int( l.settings:address:id )" />,
                "cust_id":  <mvt:eval expr="int( l.settings:address:cust_id )" />,
                "descrip":  "&mvtj:address:descrip;",
                "fname":    "&mvtj:address:fname;",
                "lname":    "&mvtj:address:lname;",
                "email":    "&mvtj:address:email;",
                "comp":     "&mvtj:address:comp;",
                "phone":    "&mvtj:address:phone;",
                "fax":      "&mvtj:address:fax;",
                "addr1":    "&mvtj:address:addr1;",
                "addr2":    "&mvtj:address:addr2;",
                "city":     "&mvtj:address:city;",
                "state":    "&mvtj:address:state;",
                "zip":      "&mvtj:address:zip;",
                "cntry":    "&mvtj:address:cntry;",
                "resdntl":  <mvt:if expr="l.settings:address:resdntl">true<mvt:else>false</mvt:if>
            };
        </mvt:foreach>
    </script>
</mvt:if>

<script src="&mvte:global:clientside_url;Store_Code=&mvta:store:code;&amp;Filename=ToggleDetails.js&amp;Primaddr=shipping&amp;Shipping=D&amp;Billing=O"></script>

CSSUI: Edit Page: PROD: Product Display Layout

Original File
New File
<h1>&mvt:product:name;</h1>
<div class="product-details-1"><div class="product-image"><img id="main_image" src="graphics/en-US/cssui/blank.gif" alt="&mvte:product:name;" /></div>
    
    <ul id="thumbnails" class="thumbnails"></ul>
    <div id="closeup_div" class="closeup"><img id="closeup_image" src="graphics/en-US/cssui/blank.gif" alt="" /><div><a id="closeup_close">close</a></div></div>
    <mvt:item name="product_display_imagemachine" param="body:product:id" />
    <div class="clear product-image-margin"></div>
    <div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div>
    <div class="product-price">
    Price: 
    <span id="price-value-additional" style="text-decoration: line-through"></span>

    <span id="price-value" class="bold">&mvt:product:formatted_base_price;</span>

    <div id="product-discounts">
    </div>
    </div>
    <mvt:if expr="l.settings:product:weight NE 0">
    <div class="product-weight">Shipping Weight: <span class="bold">&mvt:product:weight;</span> &mvt:store:wtunits;</div>
    </mvt:if>
    <div id="inventory-message">
        <mvt:if expr="l.settings:product:inv_active">
        &mvt:product:inv_long;
        </mvt:if>
    </div>
    <div class="product-quantity">Quantity in Basket:
        <mvt:if expr="l.settings:product:quantity EQ 0">
        <span class="italic">None</span>
        <mvt:else>
        <span class="bold">&mvt:product:quantity;</span>
        </mvt:if>
    </div>
</div>
<div class="product-details-2">
    <div class="product-description">&mvt:product:descrip;</div>
    <form name="add" method="post" action="&mvte:urls:BASK:auto;">
    <div id="swatches" class="swatches"></div>
    <div class="clear"></div>
    <input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
    <input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
    <input type="hidden" name="Action" value="ADPR" />
    <input type="hidden" name="Product_Code" value="&mvte:product:code;" />
    <input type="hidden" name="Category_Code" value="&mvte:global:category_code;" />
    <input type="hidden" name="Offset" value="&mvte:global:Offset;" />
    <input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" />
    <input type="hidden" name="CatListingOffset" value="&mvte:global:CatListingOffset;" />
    <input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" />
    <input type="hidden" name="SearchOffset" value="&mvte:global:SearchOffset;" />
    <div class="product-attributes"><mvt:item name="product_attributes" param="product:id" /></div>
    <div class="purchase-buttons">
        Quantity: <input type="text" name="Quantity" value="1" class="product-quantity-input textfield" />

        <div class="purchase-buttons-spacer">
            <mvt:if expr="l.settings:product:inv_level NE 'out'">
              <mvt:item name="buttons" param="AddToBasket" />
            </mvt:if>
        
            <span data-mmnodisable="true"><span onclick="document.forms.add.action = '&mvtj:urls:WISH:secure;'; document.forms.add.elements.Action.value = 'ATWL';"><mvt:item name="buttons" param="AddToWishList" /></span></span>
        </div>
    </div>
    </form>
</div>
<div class="clear"></div>
<h1>&mvt:product:name;</h1>
<div class="product-details-1"><div class="product-image"><img id="main_image" src="graphics/en-US/cssui/blank.gif" alt="&mvte:product:name;" /></div>
    
    <ul id="thumbnails" class="thumbnails"></ul>
    <div id="closeup_div" class="closeup"><img id="closeup_image" src="graphics/en-US/cssui/blank.gif" alt="" /><div><a id="closeup_close">close</a></div></div>
    <mvt:item name="product_display_imagemachine" param="body:product:id" />
    <div class="clear product-image-margin"></div>
    <div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div>
    <div class="product-price">
    Price: 
    <span id="price-value-additional" style="text-decoration: line-through"></span>

    <span id="price-value" class="bold">&mvt:product:formatted_base_price;</span>

    <div id="product-discounts">
    </div>
    </div>
    <mvt:if expr="l.settings:product:weight NE 0">
    <div class="product-weight">Shipping Weight: <span class="bold">&mvt:product:weight;</span> &mvt:store:wtunits;</div>
    </mvt:if>
    <div id="inventory-message">
        <mvt:if expr="l.settings:product:inv_active">
        &mvt:product:inv_long;
        </mvt:if>
    </div>
    <div class="product-quantity">Quantity in Basket:
        <mvt:if expr="l.settings:product:quantity EQ 0">
        <span class="italic">None</span>
        <mvt:else>
        <span class="bold">&mvt:product:quantity;</span>
        </mvt:if>
    </div>
</div>
<div class="product-details-2">
    <div class="product-description">&mvt:product:descrip;</div>
    <form name="add" method="post" action="&mvte:urls:BASK:auto;">
    <div id="swatches" class="swatches"></div>
    <div class="clear"></div>
    <input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
    <input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
    <input type="hidden" name="Action" value="ADPR" />
    <input type="hidden" name="Product_Code" value="&mvte:product:code;" />
    <input type="hidden" name="Category_Code" value="&mvte:global:category_code;" />
    <input type="hidden" name="Offset" value="&mvte:global:Offset;" />
    <input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" />
    <input type="hidden" name="CatListingOffset" value="&mvte:global:CatListingOffset;" />
    <input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" />
    <input type="hidden" name="SearchOffset" value="&mvte:global:SearchOffset;" />
    <div class="product-attributes"><mvt:item name="product_attributes" param="product:id" /></div>
    <div class="purchase-buttons">
        Quantity: <input type="text" name="Quantity" value="1" class="product-quantity-input textfield" />

        <div class="purchase-buttons-spacer">
            <mvt:if expr="l.settings:product:inv_level NE 'out'">
             <span onclick="document.forms.add.action = '&mvtj:urls:BASK:auto;'; document.forms.add.elements.Action.value = 'ADPR';">
                    <mvt:item name="buttons" param="AddToBasket" />
                </span>
            </mvt:if>
        
            <span data-mmnodisable="true"><span onclick="document.forms.add.action = '&mvtj:urls:WISH:secure;'; document.forms.add.elements.Action.value = 'ATWL';"><mvt:item name="buttons" param="AddToWishList" /></span></span>
        </div>
    </div>
    </form>
</div>
<div class="clear"></div>

CSSUI: Edit Page: ORDS: Order Contents

Original File
New File
<script language="JavaScript">
<!--
function ReloadForm( form_field )
{
    document.location.reload();
    document.getElementsByName( "OrderDetails_Format" ).value = form_field;
}
//-->
</script>
<table>
    <tr class="heading">
        <td class="order-reorder">&nbsp;</td>
        <td class="order-description">Product Description</td>
        <td class="order-status">Status</td>
        <td class="order-quantity">Quantity</td>
        <td class="order-price">Price/Ea.</td>
        <td class="order-total">Total</td>
    </tr>

    <mvt:foreach iterator="item" array="order:groups">
    <tr>
        <mvt:if expr="l.settings:item:option_count">
            <mvt:assign name="l.settings:rowspan" value="l.settings:item:option_count + 1" />
        <mvt:else>
            <mvt:assign name="l.settings:rowspan" value="1" />
        </mvt:if>

        <td class="order-reorder" rowspan="&mvt:rowspan;">
            <mvt:if expr="l.settings:item:reorder EQ 1">
                <a target="_blank" href="&mvte:urls:BASK:secure_sep;Action=ADPR&amp;Product_Code=&mvta:item:code;&amp;Quantity=1">reorder</a>
            <mvt:else>
                &nbsp;
            </mvt:if>
        </td>

        <td class="order-description">
            &mvt:item:name; <mvt:if expr="l.settings:item:upsold">(Special Offer)</mvt:if>
            <mvt:foreach iterator="discount" array="item:discounts">
                <mvt:if expr="l.settings:discount:display">
                    <div class="order-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div>
                </mvt:if>
            </mvt:foreach>
        </td>
        <td class="order-status">&mvt:item:order_status;</td>
        <td class="order-quantity">&mvt:item:quantity;</td>
        <td class="order-price">
            &mvt:item:formatted_base_price;
        </td>
        <td class="order-total">
            <mvt:if expr="l.settings:item:subtotal_base_price NE l.settings:item:subtotal">
                <span style="text-decoration: line-through;">&mvt:item:formatted_subtotal_base_price;</span>
            </mvt:if>
            &mvt:item:formatted_subtotal;
        </td>
    </tr>

    <mvt:foreach iterator="option" array="item:options">
    <tr class="item-options">
        <td colspan="2">
            <mvt:if expr="l.settings:option:option_id">
                &mvt:option:attr_code;: &mvt:option:opt_code;
            <mvt:elseif expr="NOT ISNULL l.settings:option:data">
              &mvt:option:attr_code;: &mvt:option:data;
            <mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
                &mvt:option:attr_code;: &mvt:option:data_long;
            <mvt:else>
                &mvt:option:attr_code;
            </mvt:if>
            <mvt:foreach iterator="discount" array="option:discounts">
                <mvt:if expr="l.settings:discount:display">
                    <div class="order-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div>
                </mvt:if>
            </mvt:foreach>
        </td>
        <td>&nbsp;</td>
        <td class="order-price">
            <mvt:if expr="l.settings:option:base_price">
                &mvt:option:formatted_base_price;
            <mvt:else>
                &nbsp;
            </mvt:if>
        </td>
        <td class="order-total">
            <mvt:if expr="l.settings:option:subtotal_base_price OR l.settings:option:subtotal">
                <mvt:if expr="l.settings:option:subtotal_base_price NE l.settings:option:subtotal">
                    <span style="text-decoration: line-through;">&mvt:option:formatted_subtotal_base_price;</span>
                </mvt:if>
                &mvt:option:formatted_subtotal;
            <mvt:else>
                &nbsp;
            </mvt:if>
        </td>
    </tr>
    </mvt:foreach>
    </mvt:foreach>


    <mvt:foreach iterator="charge" array="order:charges">
    <tr class="order-charges">
        <td colspan="4">&nbsp;</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">&nbsp;</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">&nbsp;</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>
<script language="JavaScript">
<!--
function ReloadForm( form_field )
{
    document.location.reload();
    document.getElementsByName( "OrderDetails_Format" ).value = form_field;
}
//-->
</script>
<table>
    <tr class="heading">
        <td class="order-reorder">&nbsp;</td>
        <td class="order-description">Product Description</td>
        <td class="order-status">Status</td>
        <td class="order-quantity">Quantity</td>
        <td class="order-price">Price/Ea.</td>
        <td class="order-total">Total</td>
    </tr>

    <mvt:foreach iterator="item" array="order:groups">
    <tr>
        <mvt:if expr="l.settings:item:option_count">
            <mvt:assign name="l.settings:rowspan" value="l.settings:item:option_count + 1" />
        <mvt:else>
            <mvt:assign name="l.settings:rowspan" value="1" />
        </mvt:if>

        <td class="order-reorder" rowspan="&mvt:rowspan;">
            <mvt:if expr="l.settings:item:reorder EQ 1">
                <a target="_blank" href="&mvte:urls:BASK:secure_sep;Action=ADPR&amp;Product_Code=&mvta:item:code;&amp;Quantity=1">reorder</a>
            <mvt:else>
                &nbsp;
            </mvt:if>
        </td>

        <td class="order-description">
            &mvt:item:name; <mvt:if expr="l.settings:item:upsold">(Special Offer)</mvt:if>
            <mvt:foreach iterator="discount" array="item:discounts">
                <mvt:if expr="l.settings:discount:display">
                    <div class="order-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div>
                </mvt:if>
            </mvt:foreach>
        </td>
        <td class="order-status">&mvt:item:order_status;</td>
        <td class="order-quantity">&mvt:item:quantity;</td>
        <td class="order-price">
            &mvt:item:formatted_base_price;
        </td>
        <td class="order-total">
            <mvt:if expr="l.settings:item:subtotal_base_price NE l.settings:item:subtotal">
                <span style="text-decoration: line-through;">&mvt:item:formatted_subtotal_base_price;</span>
            </mvt:if>
            &mvt:item:formatted_subtotal;
        </td>
    </tr>

    <mvt:foreach iterator="option" array="item:options">
    <tr class="item-options">
        <td colspan="2">
            <mvt:if expr="l.settings:option:option_id">
                &mvt:option:attr_code;: &mvt:option:opt_code;
            <mvt:elseif expr="NOT ISNULL l.settings:option:data">
             <mvt:if expr="( l.settings:option:attr_code EQ 'digitaldownload' ) AND ( NOT ISNULL l.settings:option:digital_download_url )">
                    <a href="&mvte:option:digital_download_url;" target="_blank">Digital Download</a>
                <mvt:else>
                    &mvt:option:attr_code;: &mvt:option:data;
                </mvt:if>
            <mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
                &mvt:option:attr_code;: &mvt:option:data_long;
            <mvt:else>
                &mvt:option:attr_code;
            </mvt:if>
            <mvt:foreach iterator="discount" array="option:discounts">
                <mvt:if expr="l.settings:discount:display">
                    <div class="order-discount">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</div>
                </mvt:if>
            </mvt:foreach>
        </td>
        <td>&nbsp;</td>
        <td class="order-price">
            <mvt:if expr="l.settings:option:base_price">
                &mvt:option:formatted_base_price;
            <mvt:else>
                &nbsp;
            </mvt:if>
        </td>
        <td class="order-total">
            <mvt:if expr="l.settings:option:subtotal_base_price OR l.settings:option:subtotal">
                <mvt:if expr="l.settings:option:subtotal_base_price NE l.settings:option:subtotal">
                    <span style="text-decoration: line-through;">&mvt:option:formatted_subtotal_base_price;</span>
                </mvt:if>
                &mvt:option:formatted_subtotal;
            <mvt:else>
                &nbsp;
            </mvt:if>
        </td>
    </tr>
    </mvt:foreach>
    </mvt:foreach>


    <mvt:foreach iterator="charge" array="order:charges">
    <tr class="order-charges">
        <td colspan="4">&nbsp;</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">&nbsp;</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">&nbsp;</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>