<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:skx="http://www.skechers.com"
                xmlns:Xsl="http://www.w3.org/1999/XSL/Transform">

  <xsl:output method="html" doctype-system="http://www.w3.org/TR/html4/strict.dtd"
              doctype-public="-//W3C//DTD HTML 4.01//EN"/>

  <xsl:variable name="xsmall-img" select="page/conf/prop[@key='xsmall-img']/@value"/>
  <xsl:variable name="small-img" select="page/conf/prop[@key='small-img']/@value"/>
  <xsl:variable name="med-img" select="page/conf/prop[@key='medium-img']/@value"/>
  <xsl:variable name="large-img" select="page/conf/prop[@key='large-img']/@value"/>
  <xsl:variable name="xlarge-img" select="page/conf/prop[@key='xlarge-img']/@value"/>

  <xsl:variable name="version" select="page/conf/prop[@key='version']/@value"/>

  <xsl:variable name="path" select="page/conf/prop[@key='path']/@value"/>
  <xsl:variable name="scss" select="page/conf/prop[@key='scss']/@value"/>
  <xsl:variable name="sjs" select="page/conf/prop[@key='sjs']/@value"/>
  <xsl:variable name="cms" select="page/conf/prop[@key='cms']/@value"/>

  <!--<xsl:key name="line-item" match="order_item" use="concat(skuNumber,'|', totalPrice)"/>-->
  <xsl:key name="line-item" match="order_item" use="skuNumber"/>

  <xsl:template match="page[@key='/secure/signin']">
    <html xmlns="http://www.w3.org/1999/xhtml">

      <xsl:call-template name="head"/>
      <body class="template-signin">
        <xsl:call-template name="header"/>
        <div id="doc4">
          <div id="bd">

            <div class="droplet-checkout-tab-content">
              <form action="/secure/j_security_check" id="signInForm"  method="post" class="signinPage">
                <fieldset>

                  <div class="checkout-signIn">
                    <div class= "droplet-myaccount-wrapper">
                      <div class="droplet-checkout-topnav">
                        <a class="continue-shopping-button" href="/">Continue Shopping</a>
                        <xsl:if test="//redirect-uri = '/secure/checkout/customer'">
                          <div class="droplet-my-account-header">

                            <div class="progress-bar-sign-in">&#160;</div>

                          </div>
                        </xsl:if>
                        <div class="droplet-checkout-livehelp droplet-livehelp">&#160;</div>
                      </div>
                      <div class="clear">&#160;</div>
                      <div class="droplet-myaccount-body">
                        <div class="myaccount-body-top-header">Sign in or create a SKECHERS account</div>
                        <xsl:choose>

                          <xsl:when test="contains(errors/message/@severity, 'ERROR') and errors/message/@message != 'Please log in first' ">
                            <div class="error-skx-message full-width-style">
                              <div class="errorImage">&#160;</div>
                              <div class="login-error-message">
                                <span class="esc">
                                  <xsl:value-of select="errors/message/@message" disable-output-escaping="yes"/>
                                </span>
                              </div>

                            </div>
                          </xsl:when>
                          <xsl:when test="contains(errors/message/@severity, 'INFO') and errors/message/@message != 'Please log in first' ">
                            <div class="info-message full-width-style">
                              <div class="info-errorImage">&#160;</div>
                              <div class="login-error-message">
                                <span class="esc">
                                  <xsl:value-of select="errors/message/@message" disable-output-escaping="yes"/>
                                </span>

                              </div>
                            </div>
                          </xsl:when>
                        </xsl:choose>
                        <div class="myaccount-body-content">

                          <div class="myaccount-body-left login-section">
                            <h2>Ordering from SKECHERS is quick and easy!</h2>
                            <ul id="accountName">

                              <li>
                                <label for="si-email">Enter your email address:</label>
                              </li>
                              <li>
                                <input type="email" name="j_username" size="32px" class="form-email-style form-email form-text form-fields" title="form-email" id="si-email"/>
                              </li>
                            </ul>

                            <div class="pw-section">
                              <div class='select-option-error hidehtml'>Please make a selection.</div>
                              <div class="input-radio">
                                <input type="radio" class="hasPassword noValidation" name="hasPassword" id="hasPasswordNo" value="no"/>
                                <label for="hasPasswordNo">I am a new customer.</label>

                                <div class="pw pw-indent">(You will create a password later.)</div>
                              </div>
                              <div class="input-radio">
                                <input type="radio" class="hasPassword noValidation" name="hasPassword" id="hasPasswordYes" value="yes" />
                                <label for="hasPasswordYes">I am a returning customer and my password is:</label>
                              </div>

                              <div class="hasAccount registerAccount">
                                <div class="myaccount-button continue">
                                  <a id="register" href="/secure/register">
                                    <span id="myaccount-text">Continue</span>
                                  </a>
                                </div>
                                <div class="pw">
                                  <a href="/c/modal-privacy.html" class="privacy-link">Privacy Statement</a>
                                </div>

                              </div>


                              <div class="hasAccount activeAccount">
                                <div class="input-text">
                                  <label class="hidden" for="si-password">Enter your password here:</label>
                                  <input class="form-pw form-pw-text form-fields-pw" type="password" name="j_password" size="32px" title="form-current-pw" id="si-password"/>
                                  <div class="pw">(Remember, your password is case sensitive)</div>
                                </div>

                                <div class="myaccount-button continue">
                                  <a id="signin" href="#">
                                    <span id="myaccount-text">Sign In</span>
                                  </a>
                                </div>
                                <div class="pw">
                                  <a href="/secure/forgot-password" id="forgot-password-link" class="forgot-pw-link">Forgot your password?</a>
                                </div>
                              </div>
                            </div>
                            <div id="window-privacy" class="jqmWindow">&#160;</div>
                          </div>
                          <div class="myaccount-body-right">

                            <div class="social-media-login">
                              <h2>New! Sign in with social networks:</h2>
                              <a class="oAuth_link" id="facebook" href="/secure/oauth/facebook/authenticate">
                                <img alt="Facebook Login" src="{concat($path,'/','sign-in-with-facebook.png')}"/>
                              </a>
                              <a class="oAuth_link" id="twitter" href="/secure/oauth/twitter/authenticate">
                                <img alt="Twitter Login" src="{concat($path,'/','sign-in-with-twitter-d.png')}"/>
                              </a>

                              <a class="oAuth_link" id="google" href="/secure/oauth/google/authenticate">
                                <img alt="Google Login" src="{concat($path,'/','sign-in-with-google.png')}"/>
                              </a>

                              <!--<div class="oAuth_customLink">-->
                              <!--<a class="oAuth_link" id="google" href="/secure/oauth/google/authenticate">-->
                              <!--<img alt="Google Login" src="{concat($path,'/','sign-in-with-google.png')}"/>-->
                              <!--</a>-->
                              <!--<span class="oAuth_textLink">Sign in with Google</span>-->

                              <!--</div>-->
                              <!--<div class="clear">&#160;</div>-->
                              <!--<a class="oAuth_link" id="yahoo" href="/secure/oauth/yahoo/authenticate">-->
                              <!--<img alt="Yahoo Login" src="{concat($path,'/','sign-in-with-yahoo.png')}"/>-->
                              <!--</a>-->

                              <a class="modal modal-social-login" href="/c/modal-social-login.html">
                                What’s this?
                              </a>

                            </div>

                          </div>
                          <!--<div class="social-media-login">-->
                          <!--<a id="facebook" href="/secure/oauth/facebook/authenticate">-->
                          <!--<img alt="Facebook Login" src="{concat($path,'/','sign-in-with-facebook.png')}"/>-->
                          <!--</a>-->

                          <!--<a class="modal modal-security-code" href="/c/modal-social-login.html">-->
                          <!--What’s this?-->

                          <!--</a>-->

                          <!--</div>-->
                        </div>
                        <div class="missing-fields sign-in-error">Please fill out all fields.</div>
                        <div class="clear">&#160;</div>
                        <xsl:call-template name="shopping-bag"/>
                      </div>
                    </div>

                  </div>
                </fieldset>
              </form>
            </div>
          </div>
        </div>

        <!-- oAuth modal -->
        <div id="window-social-network" class="jqmWindow">&#160;</div>

        <div id="window-oAuth-login" class="jqmWindow">&#160;</div>

        <div id="window-childrens-privacy" class="jqmWindow">&#160;</div>

        <!-- shopping bag modals -->
        <div class="window-merchandise jqmWindow">&#160;</div>
        <div class="window-shipping jqmWindow">&#160;</div>
        <div class="window-tax jqmWindow">&#160;</div>
        <div id="window-notify" class="jqmWindow">&#160;</div>

        <xsl:call-template name="footer"/>
        <xsl:call-template name="pixels"/>
        <xsl:call-template name="javascript"/>
      </body>
    </html>
  </xsl:template>

  <xsl:template match="page[@key='/secure/forgot-password']">
    <html xmlns="http://www.w3.org/1999/xhtml">

      <xsl:call-template name="head"/>
      <body class="template-signin">
        <xsl:call-template name="header"/>
        <div id="doc4">
          <div id="bd">

            <div class="droplet-checkout-tab-content">
              <form action="/secure/password/reminder" id="forgot-pw-form"  method="post" class="forgot-pw-page">
                <fieldset>

                  <div>
                    <div class= "droplet-myaccount-wrapper">
                      <div class="droplet-my-account-topnav">
                        <a href="/secure/signin">Back to Sign In</a>
                        <div class="droplet-forgot-pw-header">
                          <div class= "droplet-my-account-header">Reset Your Password</div>
                        </div>
                        <div class="droplet-checkout-livehelp droplet-livehelp">&#160;</div>

                      </div>
                      <div class="clear">&#160;</div>
                      <div class="droplet-myaccount-body">
                        <div class="myaccount-body-content forgot-pw-content">

                          <h2>Enter your email address and we&#8217;ll send you a temporary password.</h2>
                          <div class="clear">&#160;</div>

                          <div class="forgot-pw-body-left">

                            <!--<div class="missing-fields forgot-pw-error">Please fill out all fields.</div>-->

                            <xsl:if test="errors">
                              <div class='error-skx-message'>
                                <div class='errorImage'>&#160;</div>
                                <div>
                                  <xsl:value-of select="errors/message/@message"/>&#160;
                                </div>
                              </div>
                            </xsl:if>

                            <ul id="accountName">
                              <li>
                                <label for="fp-email">Email Address:</label>
                              </li>

                              <li>
                                <input class="username form-email-style form-email form-text form-fields" type="email" name="j_username" size="32px" title="form-email" id="fp-email"/>
                              </li>
                            </ul>

                            <div class="pw-section">
                              <div class="myaccount-button continue">
                                <a id="forgot-password" href="#">
                                  <span id="myaccount-text">Send Password</span>
                                </a>
                              </div>
                            </div>
                            <div class="forgot-pw-message">
                              If you don&#8217;t have a SKECHERS.com account, you can <a id="create-account" href="/secure/register">create one now.</a>
                            </div>

                          </div>
                          <!-- <div class="myaccount-body-right">

                                            </div>  -->
                        </div>

                        <div class="clear">&#160;</div>

                      </div>
                    </div>
                  </div>
                </fieldset>

              </form>
            </div>
          </div>
        </div>
        <xsl:call-template name="footer"/>
        <xsl:call-template name="pixels"/>
        <xsl:call-template name="javascript"/>
      </body>
    </html>

  </xsl:template>

  <xsl:template match="page[@key='/secure/register']">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <xsl:call-template name="head"/>
      <body class="template-customer">
        <xsl:call-template name="header"/>
        <div id="doc4">
          <div id="bd">

            <div class="droplet-myaccount-wrapper myaccount-form-profile">
              <div class="droplet-checkout-topnav">
                <a id="signin-topnav" href="/secure/signin">Back to Sign In</a>

                <div class="droplet-my-account-header">Create Account</div>

                <div class="droplet-checkout-livehelp droplet-livehelp">&#160;</div>
              </div>
              <div class="bg-wrapper">

                <div class="droplet-myaccount-body">
                  <form action="/secure/api/user" method="post" id="create-account-form">
                    <fieldset>
                      <div class="clear">&#160;</div>
                      <div class="checkout-body-content">
                        <div class="myaccount-body-left">
                          <div class="account-info-form remove-p-space">

                            <div class="form-info">

                              <label class="form-title" for="ca-fname">
                                First Name:<span class="required">*</span>
                              </label>
                              <input type="text" name="firstName" class="form-name form-fields form-text showRight" title="form-fname" id="ca-fname"/>
                            </div>

                            <div class="form-info">
                              <label class="form-title" for="ca-lname">
                                Last Name:<span class="required">*</span>
                              </label>
                              <input type="text" name="lastName" class="form-name form-fields form-text" title="form-lname" id="ca-lname"/>

                            </div>

                            <div class="form-info">
                              <div class="account-exists select-error">&#160;</div>
                              <label class="form-title" for="ca-email">
                                Email Address:<span class="required">*</span>
                              </label>
                              <input type="email" name="email" class="form-email-style form-email form-fields form-text" title="form-email" id="ca-email" />
                              <!--<p class="register-email-info"><i>Your email address will be used to notify you of your order status.</i></p>-->
                            </div>

                            <div class="form-info">
                              <label class="form-title" for="ca-create-pw">
                                Create Password:<span class="required">*</span>
                              </label>
                              <input type="password" name="password" class="form-password form-pw form-pw-text form-fields-pw" title="form-pw" id="ca-create-pw"/>
                              <p class="register-password-hint">
                                <i>Must be at least six letters or numbers.</i>
                              </p>

                            </div>
                            <div class="form-info">
                              <label class="form-title" for="ca-confirm-pw">
                                Confirm Password:<span class="required">*</span>
                              </label>
                              <input type="password" name="confirm-password"
                                     class="form-confirm-pw form-pw form-pw-text form-fields-pw" title="form-confirm-pw" id="ca-confirm-pw"/>

                            </div>
                            <div class="form-info">
                              <p>
                                Gender:<span class="required">*</span>
                              </p>

                              <div class="input-radio">
                                <input type="radio" name="gender" value="F" class="gender-register" id="ca-female"/>
                                <label for="ca-female">Female</label>
                              </div>
                              <div class="input-radio">
                                <input type="radio" name="gender" value="M" class="gender-register" id="ca-male"/>
                                <label for="ca-male">Male</label>
                              </div>

                            </div>
                            <div class="form-info original-bDay form-birthday">
                              <label class="form-title">
                                Birth Date:<span class="required">*</span>
                              </label>
                              <label class="hidden" for="ca-month">Month</label>
                              <select name="birthMonth" class="register-birthday" id="ca-month">
                                <option value="">Month</option>

                              </select>

                              <label class="hidden" for="ca-day">Day</label>
                              <select name="birthDay" class="register-birthday" id="ca-day">
                                <option value="">Day</option>

                              </select>

                              <label class="hidden" for="ca-year">Year</label>

                              <select name="birthYear" class="register-birthday" id="ca-year">
                                <option value="">Year</option>

                              </select>
                              <p class="age-hint">
                                <i>
                                  Must be 13 years old to register. <a href="/c/modal-childrens-privacy.html" class="modal-childrens-privacy">Why?</a>
                                </i>
                              </p>

                              <div class='register-error birthday-error select-error'>&#160;</div>
                            </div>

                            <div class="form-info crm-bDay">
                              <label class="age-limit form-title">
                                Are you age 13 or older?<span class="required">*</span>
                              </label>

                              <div class="input-radio">
                                <input type="radio" name="age" value="yes" title="form-age" class="age-register" checked="checked" id="ca-true" />
                                <label for="ca-true">Yes</label>

                              </div>
                              <div class="input-radio">
                                <input type="radio" name="age" value="no" title="form-age" class="age-register" id="ca-false"/>
                                <label for="ca-false">No</label>
                              </div>

                              <p class="age-hint">
                                <i>
                                  Must be 13 years old to register. <a href="/c/modal-childrens-privacy.html" class="modal-childrens-privacy">Why?</a>
                                </i>

                              </p>

                              <div class='register-error birthday-error select-error'>&#160;</div>
                            </div>

                            <div class="form-info">
                              <label class="form-title" for="ca-cell">Cell Number: (Optional)</label>
                              <input title="form-phone" type="tel" name="mobilePhone" class="validate-phone not-required orEmpty form-fields form-text" id="ca-cell"/>
                              <p class="phone-hint">

                                <i>Example: xxx-xxx-xxxx</i>
                              </p>
                              <div class='register-error phone-error text-error'>&#160;</div>
                            </div>
                            <div class="form-info">
                              <input type="checkbox" value="text-msg-true"
                                     class="big-checkbox text-message" name="text-msg" id="ca-text-msg"/>
                              <div class="register-text">
                                <label for="ca-text-msg">
                                  Yes, I would like to receive
                                  occasional text messages on my mobile phone with exciting
                                  offers from SKECHERS. Coming Soon!
                                </label>
                              </div>

                            </div>

                          </div>
                        </div>
                        <div class="myaccount-body-right">
                          <div class="delivery-info">
                            <span class="blue-subhead">SKECHERS Elite&#8482; Information</span>
                            <p>
                              SKECHERS Elite&#8482; membership is FREE. Give us your email
                              address and a few details (we promise to never sell your information)
                              and you get these great benefits:
                            </p>

                            <ul>
                              <li class="checkout-list">SKECHERS Elite&#8482; members earn one point for every dollar spent in SKECHERS stores or online at SKECHERS.com</li>
                              <li>For every 150 points earned, you will receive a $10 certificate valid on SKECHERS merchandise</li>
                              <li>FREE Standard Shipping for every order with no quantity limits</li>
                              <li>Get access to exclusive discounts, bonus point opportunities, special birthday offers, and more</li>
                            </ul>

                            <div class="clear">&#160;</div>
                            <p>
                              Already a member? <a id="signin-content" href="/secure/signin">Sign In</a>
                            </p>


                            <div class="register-privacy">
                              <div class="lfloat lockImg">&#160;</div>
                              <div class="rfloat register-privacy-content">
                                <h3>
                                  We value your <a href="/info/privacy">privacy.</a>
                                </h3>

                                <span>SKECHERS will never sell or rent the information you provide us to third parties.</span>
                              </div>
                              <div class="clear">&#160;</div>
                            </div>

                          </div>
                        </div>
                      </div>
                      <div class="clear">&#160;</div>

                      <div class="vip-header-box">
                        <input type="checkbox" class="big-checkbox vip-checkbox noValidation" name="crmCheckbox"
                                                value="true" id="ca-elite"/>
                        <input id="create-account-form-crmUser" type="hidden" class="noValidation" name="crmUser"
                                                value="true" />
                        <div class="vip-message-register">
                          <label class="blue-subhead" for="ca-elite">
                            Yes, I would like FREE membership in the SKECHERS Elite&#8482; program, to earn points and to receive FREE Standard Shipping on every SKECHERS.com order!
                          </label>
                          <div class="crm-modal">
                            <a href="/c/modal-card-link.html" class="modal-card-link">Click Here To link a SKECHERS Elite&#8482; Card.</a>

                          </div>
                          <p>
                            I agree to the <a href="/c/modal-crm-terms.html" class="modal-crm-terms">Terms and Conditions</a> of the SKECHERS Elite&#8482; program.
                          </p>
                        </div>
                      </div>

                      <input type="hidden" id="create-account-form-optInEmail" name="optIn" class="not-required orEmpty" value="true"/>

                      <input type="hidden" id="create-account-form-crmNumber" name="memberNum" class="not-required orEmpty"/>

                      <div class="next-step continue">
                        <span class="required-text">
                          <span class="required">*</span>Indicates required fields.
                        </span>
                        <a href="#" name="create-profile" class="register-profile" id="register-profile-id">
                          <span class="submit-text">Create My Account</span>
                        </a>
                      </div>

                      <div class="account-conditions">
                        <p>
                          By clicking the button above, I agree to SKECHERS.com <a href="/info/terms-and-conditions">Terms of Use</a>
                        </p>
                      </div>

                      <!--Email Type -->
                      <input type="hidden" name="emailType" value="N"/>
                    </fieldset>
                  </form>

                </div>
              </div>
            </div>

          </div>
        </div>

        <div id="window-privacy" class="jqmWindow">&#160;</div>
        <div id="window-childrens-privacy" class="jqmWindow">&#160;</div>
        <div id="window-card-link" class="jqmWindow">&#160;</div>

        <div id="window-crm-tc" class="jqmWindow">&#160;</div>

        <xsl:call-template name="footer"/>
        <xsl:call-template name="pixels"/>
        <xsl:call-template name="javascript"/>
      </body>
    </html>
  </xsl:template>


  <xsl:template match="page[@key='/secure/checkout/customer']">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <xsl:call-template name="head"/>
      <body class="template-customer">
        <xsl:call-template name="header-checkout"/>

        <div id="doc4">
          <div id="bd">
            <div class="loading-wrapper">
              <div class="inf-loading">Loading...</div>
            </div>

            <div class="checkout-customer ajax-overlay">
              <div class="droplet-checkout-topnav">
                <!--<a href="/">Continue Shopping</a>-->
                <div class="droplet-checkout-header">
                  <!--<div class="progress-bar-sign-in"></div> -->
                  <div class="progress-bar-shipping-address">&#160;</div>
                  <!-- <div class="progress-bar-payment"></div>
                                  <div class="progress-bar-place-order"></div> -->
                </div>
                <div class="droplet-secure-livehelp droplet-livehelp">&#160;</div>

              </div>
              <div class="droplet-myaccount-wrapper">
                <div class="bg-wrapper">
                  <div class="checkout-shipping-address checkout-tab">
                    <div class="droplet-myaccount-body">
                      <div class="myaccount-body-top-header">Where would you like your order shipped?</div>
                      <!--<div class="logout-checkout" onclick="location.href='/secure/signout';"-->
                      <!--style="cursor:pointer;">Sign Out-->

                      <!--</div>-->
                      <div class="saved-address shipping-addr">
                        <!--THIS DIV WILL BE CREATED DYNAMICALLY -->
                        <h2>Your saved shipping addresses:</h2>

                      </div>

                      <div class="clear">&#160;</div>
                      <div class="checkout-body-content">
                        <div class="myaccount-body-left">

                          <h2 class="update-header-info">Enter a new shipping address here:</h2>
                          <div class="account-info-form remove-p-space">
                            <form id="shippingForm" action="" class="shipping-form" >
                              <fieldset>

                                <div class="form-info">
                                  <label class="form-title" for="sa-fname">
                                    First Name:<span class="required">*</span>
                                  </label>
                                  <input type="text" name="firstName" class="fname form-name form-fields form-text showRight" title="form-fname" id="sa-fname" />

                                </div>

                                <div class="form-info">
                                  <label class="form-title" for="sa-lname">
                                    Last Name:<span class="required">*</span>
                                  </label>
                                  <input type="text" name="lastName" class="lname form-name form-fields form-text" title="form-lname" id="sa-lname"/>
                                </div>

                                <div class="form-info">
                                  <label class="form-title" for="sa-addr1">
                                    Address Line 1:<span class="required">*</span>
                                  </label>

                                  <input type="text" name="address1"
                                         class="form-address form-address1 ship-address1 form-fields form-text" title="form-shipaddr" id="sa-addr1"/>
                                  <p class="address-hint">
                                    <i>Street address, P.O. Box, company name</i>
                                  </p>
                                </div>
                                <div class="form-info">
                                  <label class="form-title" for="sa-addr2">Address Line 2:</label>
                                  <input type="text" name="address2"
                                         class="form-address form-address2 ship-address2 noValidation not-required orEmpty form-fields form-text" id="sa-addr2"/>

                                  <p class="address-hint">
                                    <i>Apartment, suite, unit, building, floor, etc.</i>
                                  </p>
                                </div>
                                <div class="form-info">
                                  <label class="form-title" for="sa-city">
                                    City:<span class="required">*</span>
                                  </label>
                                  <input type="text" name="city" class="form-city form-fields form-text" title="form-city" id="sa-city"/>

                                </div>
                                <div class="form-info">
                                  <label class="form-title" for="sa-state">
                                    State:<span class="required">*</span>
                                  </label>
                                  <select name="state" class="form-state" id="sa-state">
                                    <option value="CA-ship">CA</option>
                                  </select>
                                </div>

                                <div class="form-info">
                                  <label class="form-title" for="sa-zip">
                                    Zip/Postal Code:<span class="required">*</span>
                                  </label>
                                  <input type="text" name="zip"
                                         class="form-zipcode form-fields" title="form-zip" id="sa-zip"/>
                                </div>
                                <div class="form-info">
                                  <label class="form-title" for="sa-phone">
                                    Phone Number:<span class="required">*</span>
                                  </label>
                                  <input type="tel" name="homePhone" class="phone-checkout validate-phone form-fields form-text" title="form-shipPhone" id="sa-phone"/>

                                  <p class="phone-hint">
                                    <i>Example: xxx-xxx-xxxx</i>
                                  </p>
                                  <div class="invalid-phone">
                                    Please enter a valid phone number.
                                  </div>
                                </div>
                                <div class="form-info same-address-section">
                                  <label class="form-title">Is this also your billing address?</label>

                                  <div class="input-radio">
                                    <input type="radio" class="same-address-ship" name="same-address-ship"
                                           value="true" id="sa-true"/>
                                    <label for="sa-true">Yes</label>
                                  </div>
                                  <div class="input-radio">
                                    <input type="radio" class="same-address-ship" name="same-address-ship"
                                           value="false" id="sa-false"/>
                                    <label for="sa-false">No</label>
                                  </div>

                                </div>
                                <input type="hidden" name="default" value="true"/>
                              </fieldset>
                            </form>
                          </div>
                        </div>
                        <div class="myaccount-body-right">
                          <div class="address-book-info delivery-info">
                            <span class="blue-subhead">International Shipments</span>

                            <p>
                              We currently do not ship to addresses outside the United States,
                              with a few exceptions. Please see our
                              <a class="modal modal-shipping-returns" href="/c/modal-shipping-returns.html">Shipping &amp; Returns Policy</a>
                              for more information.
                            </p>
                            <!--<p><b>Note:</b> You can have more than one shipping address for your account.-->
                            <!--</p>-->
                          </div>
                        </div>

                      </div>
                      <div class="clear">&#160;</div>
                      <div class="missing-fields shipping-address-error">Please fill out all required fields.</div>
                      <div class="next-step continue">
                        <span class="required-text">
                          <span class="required">*</span>Indicates required fields.
                        </span>
                        <a id="shipping-address-btn" href="#shipping-method" class="add-new-address btn-160x25" name="new-address">
                          <span class="submit-text">Continue to Next Step</span>

                        </a>
                      </div>
                    </div>
                  </div>
                  <!-- SHIPPING METHOD -->
                  <script type="text/javascript">
                    var ship_method = new Array();

                    <xsl:for-each select="//shipping_method">

                      var name='<xsl:value-of select="name"/>';
                      name = name.replace(/^\s+|\s+$/g, '');

                      ship_method.push({
                      name:  name,
                      description: '<xsl:value-of select="description"/>',
                      price: '<xsl:value-of select="price"/>',
                      type: '<xsl:value-of select="type"/>',
                      allowPoBox: <xsl:value-of select="allowPoBox"/>

                      });

                    </xsl:for-each>


                  </script>

                  <div class="checkout-shipping-method checkout-tab">
                    <div class="droplet-myaccount-body">
                      <div class="myaccount-body-top-header">How soon do you want your order to arrive?</div>
                      <!--<div class="logout-checkout" onclick="location.href='/secure/signout';"-->

                      <!--style="cursor:pointer;">Sign Out-->
                      <!--</div>-->
                      <div class="checkout-body-content">
                        <div class="myaccount-body-left">
                          <h2>Choose a shipping speed:</h2>
                          <div class="radio-ship-method">
                            <div class="input-radio">
                              <input type="radio" class="standard-ship ship-select" name="ship-method" value="Standard" id="sm-standard"/>

                              <label for="sm-standard">
                                Standard Shipping (4-10 business days) <span class="standard-shipping-price">
                                  <b>$8.50</b>
                                </span>
                              </label>
                              <div class="blue-subhead vip-message">
                                <div class="opt-in-review">
                                  Wait! You can still get FREE Shipping!
                                  Check the box below to join SKECHERS Elite&#8482;.
                                  <div>
                                    <input type="checkbox" class='optIn' name='optIn' id="sm-elite"/>
                                    <label class="sign-up" for="sm-elite">Sign me up for SKECHERS Elite&#8482;!</label>
                                    <div class="crm-terms-message">
                                      I agree to the <a href="/c/modal-crm-terms.html" class="modal-crm-terms">Terms and Conditions</a> of the SKECHERS Elite&#8482; Program.
                                    </div>

                                  </div>
                                </div>
                              </div>
                              <div class="blue-subhead active-club-member vip-message">
                                Thank you
                                for being a SKECHERS Elite&#8482; member!
                              </div>
                              <div class=" active-club-member blue-subhead vip-message isFreeStandardShipping">
                                Enjoy FREE shipping on your order today.
                              </div>
                            </div>

                          </div>
                        </div>
                        <div class="shipping-method-right">
                          <div class="delivery-info">
                            <div class="blue-subhead">Delivery Times</div>
                            <p>Processing takes 1-4 business days.</p>
                            <p>
                              Order by 11:59PM Pacific time for the following estimated
                              delivery times:
                            </p>

                            <ul>
                              <li>
                                <b>Standard Shipping</b>: 4-10 business days.
                              </li>
                              <li>
                                <b>Express Shipping</b>: 3-6 business days.
                              </li>
                              <li>
                                <b>Alaska and Hawaii</b>: 6-14 business days.
                              </li>
                            </ul>
                          </div>

                          <div class="shipping-image">
                            <div class="skechers-shipping-box">&#160;</div>
                          </div>
                        </div>
                      </div>
                      <div class="clear">&#160;</div>
                      <div class="missing-fields shipping-method-error">Please choose a shipping speed:</div>
                      <div class="next-step continue">

                        <a id="shipping-method-btn" href="#billing">
                          <span class="submit-text">Continue to Next Step</span>
                        </a>
                      </div>
                    </div>
                  </div>
                  <!-- BILLING -->
                  <div class="checkout-billing checkout-tab">

                    <div class="droplet-myaccount-body">
                      <div class="myaccount-body-top-header">Please choose a billing address</div>
                      <!--<div class="logout-checkout" onclick="location.href='/secure/signout';"-->
                      <!--style="cursor:pointer;">Sign Out-->
                      <!--</div>-->
                      <div class="saved-address billing-addr">
                        <!--THIS DIV WILL BE CREATED DYNAMICALLY -->
                        <h2>Your saved billing addresses:</h2>

                      </div>


                      <div class="clear">&#160;</div>
                      <div class="checkout-body-content">
                        <div class="myaccount-body-left">
                          <h2 class="update-header-info">Enter a new billing address:</h2>
                          <div class="account-info-form remove-p-space">
                            <form id="billingForm" action="" class="billing-form">

                              <fieldset>

                                <div class="form-info">
                                  <label class="form-title" for="ba-fname">
                                    First Name:<span class="required">*</span>
                                  </label>
                                  <input type="text" name="firstName" class="fname form-name form-fields form-text showRight" title="form-fname" id="ba-fname"/>
                                </div>

                                <div class="form-info">
                                  <label class="form-title" for="ba-lname">
                                    Last Name:<span class="required">*</span>
                                  </label>

                                  <input type="text" name="lastName" class="lname form-name form-fields form-text" title="form-lname" id="ba-lname"/>
                                </div>

                                <div class="form-info">
                                  <label class="form-title" for="ba-addr1">
                                    Address Line 1:<span class="required">*</span>
                                  </label>
                                  <input type="text" name="address1"
                                         class="form-address form-address1 bill-address1 form-fields form-text" title="form-billaddr" id="ba-addr1"/>
                                  <p class="address-hint">
                                    <i>Street address, P.O. Box, company name</i>

                                  </p>
                                </div>
                                <div class="form-info">
                                  <label class="form-title" for="ba-addr2">Address Line 2:</label>
                                  <input type="text" name="address2"
                                         class="form-address form-address2 bill-address2 not-required noValidation orEmpty form-fields form-text" id="ba-addr2"/>
                                  <p class="address-hint">
                                    <i>Apartment, suite, unit, building, floor, etc.</i>
                                  </p>

                                </div>
                                <div class="form-info">
                                  <label class="form-title" for="ba-city">
                                    City:<span class="required">*</span>
                                  </label>
                                  <input type="text" name="city" class="form-city form-fields form-text" title="form-city" id="ba-city"/>
                                </div>
                                <div class="form-info">
                                  <label class="form-title" for="ba-state">
                                    State:<span class="required">*</span>
                                  </label>

                                  <select name="state" class="form-state" id="ba-state">
                                    <option value=" ">Select</option>
                                    <option value="CA-bill">CA</option>
                                  </select>
                                </div>
                                <div class="form-info">
                                  <label class="form-title" for="ba-zip">
                                    Zip/Postal Code:<span class="required">*</span>
                                  </label>

                                  <input type="text" name="zip"
                                         class="form-zipcode form-fields" title="form-zip" id="ba-zip"/>
                                </div>
                                <div class="form-info">
                                  <label class="form-title" for="ba-phone">
                                    Phone Number:<span class="required">*</span>
                                  </label>
                                  <input type="text" name="homePhone" class="phone-checkout validate-phone form-fields form-text" title="form-billPhone" id="ba-phone"/>
                                  <p class="phone-hint">
                                    <i>example: xxx-xxx-xxxx</i>

                                  </p>
                                  <div class="invalid-phone">
                                    Please enter a valid phone number.
                                  </div>
                                </div>
                                <input type="hidden" name="default" value="true"/>
                              </fieldset>
                            </form>
                          </div>
                        </div>

                        <div class="myaccount-body-right">
                          <div class="delivery-info">
                            <p>
                              <b>Note:</b> Your billing address must match the information appearing on your credit card and its billing statement.
                            </p>
                          </div>
                        </div>
                        <div class="clear">&#160;</div>
                        <div class="missing-fields billing-address-error">Please fill out all required fields.</div>

                        <div class="next-step continue">
                          <span class="required-text">
                            <span class="required">*</span>Indicates required fields.
                          </span>
                          <a id="billing-address-btn" href="#payment" class="nextPage" name="new-address">
                            <span class="submit-text">Continue to Next Step</span>
                          </a>
                        </div>
                      </div>

                    </div>
                  </div>
                  <!-- PAYMENT -->
                  <div class="checkout-payment checkout-tab">
                    <div class="droplet-myaccount-body">
                      <div class="myaccount-body-top-header">
                        How would you like to pay?
                        <br/>
                      </div>
                      <!--<div class="logout-checkout" onclick="location.href='/secure/signout';"-->

                      <!--style="cursor:pointer;">Sign Out-->
                      <!--</div>-->

                      <xsl:choose>
                        <xsl:when test="contains(errors/message/@severity, 'ERROR') and errors/message/@message != 'Please log in first' ">
                          <div class="error-skx-message full-width-style">
                            <div class="errorImage">&#160;</div>
                            <div class="login-error-message">
                              <span class="esc">

                                <xsl:value-of select="errors/message/@message" disable-output-escaping="yes"/>
                              </span>
                            </div>
                          </div>
                        </xsl:when>
                        <xsl:when test="contains(//errors/message/@severity, 'INFO') and not(contains(errors/message/@message, 'Welcome')) ">
                          <div class="info-message full-width-style">
                            <div class="info-errorImage">&#160;</div>
                            <div class="info-message-content">

                              <span class="esc">
                                <xsl:value-of select="//errors/message/@message" disable-output-escaping="yes"/>
                              </span>
                            </div>
                          </div>
                        </xsl:when>
                      </xsl:choose>

                      <div class="saved-credit-cards">
                        <!--THIS DIV WILL BE CREATED DYNAMICALLY -->

                        <table>
                          <tr>
                            <td width="345px">
                              <div class="saved-credit-header">
                                <h2>Your saved credit card(s):</h2>
                              </div>
                            </td>
                            <td width="130px">Name on Card:</td>

                            <td width="335px">Expiration Date:</td>
                          </tr>
                        </table>
                        <table class="credit-cards-list saved-cc-record ">
                          &#160;

                        </table>
                      </div>
                      <div class="checkout-body-content contentArea">

                        <div class="myaccount-body-left">
                          <div id="payment-page-hdr">
                            <h2>Please enter your payment information:</h2>
                          </div>
                          <div class="payment-method">
                            <ul>
                              <li>
                                <div class="nav-desc panelInfo cc-payment active-panel">

                                  <span class="list-arrow list-arrow-top list-arrow-pos-left">&#160;</span>
                                  <span class="paymentHeader">Credit Card</span>
                                </div>

                                <div class="defaultShow panelContent">
                                  <div class="paymentProcessor">
                                    <input type="hidden" id="tnxId" name="tnxId"/>
                                    <div class="topBox-gradient">&#160;</div>
                                    <div class="box-gradient paymentContent">

                                      <iframe width="300" onload="setupIframeModal();" allowTransparency="true" scrolling="no" src="#" id="iframe" frameBorder="0">&#160;</iframe>
                                    </div>
                                    <div class="bottomBox-gradient">&#160;</div>
                                  </div>
                                </div>
                              </li>

                              <li>
                                <div class="nav-desc panelInfo gcTab">

                                  <span class="list-arrow list-arrow-right list-arrow-pos-left">&#160;</span>
                                  Gift Card / Reward Certificate
                                  <span class="question-modal">
                                    <a href="/c/modal-gift-card.html" class="modal modal-gift-card">&#160;</a>
                                  </span>
                                </div>
                                <div class="panelContent">
                                  <div class="topBox-gradient">&#160;</div>
                                  <div class="box-gradient pm-gc">

                                    <div class="paymentContent">
                                      <div class="gift-card-balance full-width-style info-message">
                                        &#160;
                                      </div>
                                      <label class="form-title" for="pm-gcnumber">
                                        Gift Card / Reward Number:<span class="required">*</span>
                                      </label>
                                      <input type="text" name="gift-card-number" class="form-fields form-gc-number form-text" id="pm-gcnumber"/>
                                      <label class="form-title" for="pm-gcpin">
                                        Gift Card / Reward PIN:<span class="required">*</span>
                                      </label>

                                      <input type="text" name="gift-card-pin" class="form-fields form-gc-pin form-text" id="pm-gcpin"/>
                                      <p>
                                        <a class="apply-another-card" href="#">
                                          Apply Another
                                          Card / Reward +
                                        </a>
                                      </p>

                                      <div class="lfloat btn95x32 gift-card-link button-link">
                                        <a id="useGiftCard" class="paymentBtn apply-gift-card" href="#">
                                          Apply
                                        </a>

                                      </div>
                                    </div>
                                  </div>
                                  <div class="bottomBox-gradient">&#160;</div>
                                </div>
                              </li>

                              <li>
                                <div class="nav-desc panelInfo promoTab">

                                  <span class="list-arrow list-arrow-right list-arrow-pos-left">&#160;</span>
                                  Promotional Code
                                  <span class="question-modal">
                                    <a href="/c/modal-promo.html" class="modal modal-promo">&#160;</a>
                                  </span>
                                </div>
                                <div class="panelContent">
                                  <div class="topBox-gradient">&#160;</div>
                                  <div class="box-gradient pm-promo">

                                    <div class="paymentContent">
                                      <label class="form-title" for="pm-promocode">
                                        Promotional Code:<span class="required">*</span>
                                      </label>
                                      <input type="text" name="promo-code-review" class="promo-code-val not-required form-fields form-text"/>
                                      <div class="lfloat button-link btn95x32">
                                        <a id="apply-promo-code" class="paymentBtn apply-promo-code paymentPromo" href="#">
                                          Apply
                                        </a>
                                      </div>

                                    </div>
                                  </div>
                                  <div class="bottomBox-gradient">&#160;</div>
                                </div>
                              </li>
                            </ul>

                            <!--<div class="input-radio radio-payment">-->
                            <!--<input type="radio" class="new-credit-card cc-radio-btn" name="payment-option"-->

                            <!--value="new-credit-card" id="pm-cc"/>-->
                            <!--<label for="pm-cc">Credit Card</label>-->
                            <!--</div>-->
                            <!--<div class="credit-method used-payment-option payment-method">-->

                            <!--</div>-->
                            <!--<div class="input-radio radio-payment">-->
                            <!--<input class="gc-radio-btn" type="radio" name="payment-option"-->
                            <!--value="gift-card" id="pm-gc"/>-->

                            <!--<label for="pm-gc">Gift Card / Reward Certificate</label>-->
                            <!--<span class="question-modal">-->
                            <!--<a href="/c/modal-gift-card.html"-->
                            <!--class="modal modal-gift-card">&#160;</a>-->
                            <!--</span>-->
                            <!--</div>-->

                            <!--<div class="gift-method used-payment-option payment-method">-->

                            <!--<div class="gift-card-error payment-error">-->

                            <!--<div class="errorImage">&#160;</div>-->
                            <!--<p class="gift-card-error-content">Please fill out all fields.</p>-->
                            <!--</div>-->

                            <!--<div class="gift-card-balance info-message">-->
                            <!--&#160;-->
                            <!--</div>-->

                            <!--<label class="form-title" for="pm-gcnumber">Gift Card / Reward Number:<span class="required">*</span></label>-->
                            <!--<input type="text" name="gift-card-number" class="form-fields form-gc-number form-text" id="pm-gcnumber"/>-->

                            <!--<label class="form-title" for="pm-gcpin">Gift Card / Reward PIN:<span class="required">*</span></label>-->
                            <!--<input type="text" name="gift-card-pin" class="form-fields form-gc-pin form-text" id="pm-gcpin"/>-->
                            <!--<div class="button-link gift-card-link">-->
                            <!--<a id="useGiftCard" class="apply-button apply-gift-card" href="#">-->
                            <!--Apply-->
                            <!--</a>-->
                            <!--</div>-->
                            <!--<p>-->
                            <!--<a class="apply-another-card" href="#">Apply Another-->

                            <!--Card / Reward +-->
                            <!--</a>-->
                            <!--</p>-->
                            <!--</div>-->

                            <!--<div class="input-radio radio-payment">-->
                            <!--<input  type="radio" class="promo-code-button promo-radio-btn" name="payment-option"-->
                            <!--value="promotional-code" id="pm-pcode"/>-->
                            <!--<label for="pm-pcode">Promotional Code</label>-->

                            <!--<span class="question-modal">-->
                            <!--<a href="/c/modal-promo.html" class="modal modal-promo">-->
                            <!--&#160;</a>-->
                            <!--</span>-->
                            <!--</div>-->
                            <!--<div class="promo-method promo-section used-payment-option payment-method">-->
                            <!--<input type="text" name="promo-code-review" class="promo-code-val not-required form-fields form-text"/>-->
                            <!--<div class="button-link">-->
                            <!--<a id="apply-promo-code" class="apply-button apply-promo-code" href="#">-->

                            <!--Apply-->
                            <!--</a>-->
                            <!--</div>-->
                            <!--</div>-->

                          </div>
                        </div>
                        <div class="payment-method-right">
                          <div class="credit-safeguard">

                            <div class="blue-subhead">Credit Safeguard</div>
                            <div class="lfloat lockImg">&#160;</div>
                            <div class="lfloat safeguard-content">
                              Safe Shopping 100&#37; Guaranteed!
                              At SKECHERS, you never have to worry about your credit card
                              safety.
                              <br />
                              <a href="/c/modal-safeguard.html" class="modal modal-safeguard">Learn More</a>.
                            </div>

                            <!--<span class="modal-safeguard">-->
                            <!--<span>Learn More</span>-->
                            <!--<a href="/c/modal-safeguard.html"-->
                            <!--class="modal modal-safeguard">&#160;</a>-->
                            <!--</span>-->
                          </div>
                          <!-- <div class="payment-images">
                                                    <div class="credit-card-images">
                                                        <div class="verified-visa">&#160;</div>
                                                        <div class="mastercard-secure">&#160;</div>
                                                    </div>
                                                </div> -->
                        </div>

                      </div>
                      <div class="clear">&#160;</div>
                      <div class="next-step continue">
                        <span class="required-text">
                          <span class="required">*</span>Indicates required fields.
                        </span>
                        <a id="payment-btn" href="#review-order">
                          <span class="submit-text">Continue to Review Order</span>
                        </a>

                      </div>
                    </div>
                  </div>
                  <!-- Review ORDER -->
                  <div class="checkout-review-order checkout-tab">
                    <!-- form for persistent data -->
                    <form class="customer" action="/secure/checkout/customer" method="post">
                      <input type="hidden" id="review-username" name="review-username"/>
                      <input type="hidden" id="review-vip-member" name="review-vip-member"/>

                      <input type="hidden" id="review-id-ship" name="review-id-ship" class="not-required"/>
                      <input type="hidden" id="review-fname-ship" name="review-fname-ship"/>
                      <input type="hidden" id="review-lname-ship" name="review-lname-ship"/>
                      <input type="hidden" id="review-address1-ship" name="review-address1-ship"/>
                      <input type="hidden" id="review-address2-ship" name="review-address2-ship" class="not-required"/>
                      <input type="hidden" id="review-city-ship" name="review-city-ship"/>
                      <input type="hidden" id="review-state-ship" name="review-state-ship"/>
                      <input type="hidden" id="review-zipcode-ship" name="review-zipcode-ship"/>

                      <input type="hidden" id="review-phone-ship" name="review-phone-ship"/>

                      <input type="hidden" id="review-id-bill" name="review-id-bill" class="not-required"/>
                      <input type="hidden" id="review-fname-bill" name="review-fname-bill"/>
                      <input type="hidden" id="review-lname-bill" name="review-lname-bill"/>
                      <input type="hidden" id="review-address1-bill" name="review-address1-bill"/>
                      <input type="hidden" id="review-address2-bill" name="review-address2-bill" class="not-required"/>
                      <input type="hidden" id="review-city-bill" name="review-city-bill"/>
                      <input type="hidden" id="review-state-bill" name="review-state-bill"/>

                      <input type="hidden" id="review-zipcode-bill" name="review-zipcode-bill"/>
                      <input type="hidden" id="review-phone-bill" name="review-phone-bill"/>

                      <input type="hidden" id="review-ship-method" name="review-ship-method" value="Standard" />
                      <input type="hidden" id="review-tax-rate" name="review-tax-rate" class="not-required"/>

                      <!-- Saved CC fields -->
                      <input type="hidden" id="review-saved-cc-id" name="review-saved-cc-id" class="not-required cc-data"/>
                      <input type="hidden" id="review-saved-cc-number" name="review-saved-cc-number" class="cc-data"/>
                      <input type="hidden" id="review-saved-card-type" name="review-saved-card-type" class="cc-data"/>

                      <input type="hidden" id="review-saved-card-fname" name="review-saved-card-fname" class="cc-data" />
                      <input type="hidden" id="review-saved-card-lname" name="review-saved-card-lname" class="cc-data" />
                      <input type="hidden" id="review-saved-exp-month" name="review-saved-exp-month" class="cc-data" />
                      <input type="hidden" id="review-saved-exp-year" name="review-saved-exp-year" class="cc-data" />

                      <!--<input type="hidden" class="not-required" id="review-card-number" name="review-card-number"/>-->
                      <!--<input type="hidden" class="not-required" id="review-card-type" name="review-card-type"/>-->
                      <!--<input type="hidden" class="not-required" id="review-card-fname" name="review-card-fname"/>-->
                      <!--<input type="hidden" class="not-required" id="review-card-lname" name="review-card-lname"/>-->

                      <!--<input type="hidden" class="not-required" id="review-exp-month" name="review-exp-month"/>-->
                      <!--<input type="hidden" class="not-required" id="review-exp-year" name="review-exp-year"/>-->
                      <!--<input type="hidden" id="review-security-code" name="review-cvv" class="not-required"/>-->

                      <input type="hidden" id="review-promo-code" name="review-promo-code" class="not-required"/>

                      <div class="droplet-myaccount-body">
                        <div class="myaccount-body-top-header">
                          Please review and submit your
                          order
                        </div>
                        <!--<div class="logout-checkout" onclick="location.href='/secure/signout';"-->

                        <!--style="cursor:pointer;">Sign Out-->
                        <!--</div>-->
                        <div class="next-step continue placeOrderButton">
                          <div class="review-warning blue-subhead">
                            Please verify the
                            information below and proceed to place order.
                          </div>
                          <a id="placeOrder" href="#" class="submitForm">
                            <span class="submit-text placeOrderText">Place Order Now</span>
                          </a>
                          <!-- <input type="image" src="images/submit-image.png" class="submit-button" /> -->

                        </div>
                        <div class="info-links">
                          <a href="/c/modal-shipping-returns.html" class="modal modal-shipping-returns">Shipping &amp; Return Policy</a>&#160;&#160;|&#160;&#160;<a href="/c/modal-safeguard.html" class="modal modal-safeguard">Safe Shopping Guarantee</a>
                        </div>
                        <div class="checkout-body-content ">
                          <div class="review-order-body-left">
                            <div class="review-section review-account-section">
                              <h2>Account</h2>

                              <div class="clear">&#160;</div>
                              <div class="review-content">
                                <div class="account-info">
                                  <div class="order-info">
                                    <span class="review-account-name">
                                      &#160;
                                    </span>
                                  </div>
                                  <div class="vip-club-area vip-badge">
                                    SKECHERS Elite&#8482;

                                    Member

                                    <div class="crm-checkout-badge">
                                      <div class="small-badge member-badge">&#160;</div>
                                    </div>

                                  </div>
                                </div>
                                <div class="clear">&#160;</div>
                                <div class="blue-subhead vip-message">
                                  <div class="opt-in-review">
                                    Wait! You can still get FREE Shipping!
                                    Check the box below to join SKECHERS Elite&#8482;.
                                    <div>

                                      <input type="checkbox" class="optIn" name="optIn" id="ro-elite"/>
                                      <label class="sign-up" for="ro-elite">Sign me up for SKECHERS Elite&#8482;!</label>
                                      <div class="crm-terms-message">
                                        I agree to the <a href="/c/modal-crm-terms.html" class="modal-crm-terms">Terms and Conditions</a> of the SKECHERS Elite&#8482; Program.
                                      </div>
                                    </div>
                                  </div>

                                </div>
                                <div class="blue-subhead active-club-member vip-message">
                                  Thank you
                                  for being a SKECHERS Elite&#8482; member!
                                </div>
                                <div class=" active-club-member blue-subhead vip-message isFreeStandardShipping">
                                  Enjoy FREE shipping on your order today.
                                </div>
                              </div>
                              <div class="order-info">
                                <h2>Payment Method:</h2>

                              </div>
                              <div class="edit-order goto-step">
                                <div>
                                  <a class="payment-edit" href="#billing" id="go-to-payment-page">
                                    Edit
                                  </a>
                                </div>
                              </div>
                              <div class="clear">&#160;</div>

                              <div class="review-content review-payment-section">
                                <div class="remove-p-space review-cc-info">
                                  <p>
                                    <span class="review-credit-type">
                                      &#160;
                                    </span>
                                  </p>
                                  <p>
                                    <span class="review-credit-info">
                                      &#160;
                                    </span>

                                  </p>
                                  <p>
                                    Expires: <span class="review-credit-exp">
                                      &#160;
                                    </span>
                                  </p>
                                </div>
                                <div class="useGiftCard goto-step">
                                  <a class="payment-edit" id="useGiftCard-link" href="#payment">Pay with a Gift Card / Reward</a>
                                </div>
                                <div class="clear">&#160;</div>

                                <div class="remove-p-space review-cc-bill-info">
                                  <p>
                                    <span class="review-credit-name">&#160;</span>
                                  </p>
                                  <p>
                                    <span class="review-credit-address">
                                      &#160;
                                    </span>
                                  </p>
                                  <p>

                                    <span class="review-credit-city">&#160;</span>
                                  </p>
                                  <p>
                                    <span class="review-credit-phone">&#160;</span>
                                  </p>
                                </div>
                              </div>
                            </div>
                          </div>

                          <div class="review-order-body-right">
                            <div class="review-section">
                              <div class="order-info">
                                <h2>Shipping To:</h2>
                              </div>
                              <div class="edit-order goto-step">
                                <div>
                                  <a href="#shipping-address" id="go-to-shipping-page">

                                    Edit
                                  </a>
                                </div>
                              </div>
                              <div class="clear">&#160;</div>
                              <div class="review-content review-ship-section">
                                <div class="remove-p-space lfloat">
                                  <p>
                                    <span class="review-ship-name">&#160;</span>

                                  </p>
                                  <p>
                                    <span class="review-ship-address">&#160;</span>
                                  </p>
                                  <p>
                                    <span class="review-ship-city">&#160;</span>
                                  </p>
                                  <p>
                                    <span class="review-ship-phone">&#160;</span>

                                  </p>
                                </div>
                              </div>
                              <div class="order-info">
                                <h2>Shipping Method:</h2>
                              </div>
                              <div class="edit-order goto-step">
                                <div>

                                  <a href="#shipping-method" id="go-to-shipping-method-page"
                                                                  >
                                    Edit
                                  </a>
                                </div>
                              </div>
                              <div class="clear">&#160;</div>
                              <div class="review-content">
                                <div class="remove-p-space">
                                  <span class="review-ship-method">
                                    Standard
                                    Shipping (4-10 business days)*
                                    <sup>*processing usually takes 1-4 days</sup>

                                  </span>
                                </div>
                                <div class="promo-code-review promo-section">
                                  <h2>
                                    <label for="ro-pcode">Promotional Code:&#160;</label>
                                  </h2>
                                  <a href="/c/modal-promo.html" class="modal-promo-review">What&#8217;s this?</a>
                                  <input type="text" name="promo-code-review"
                                         class="promo-code-val not-required form-fields form-text" id="ro-pcode"/>

                                  <div class="button-link">
                                    <a class="apply-button apply-promo-code" href="#">
                                      Apply
                                    </a>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>

                        </div>
                        <div class="clear">&#160;</div>
                      </div>
                    </form>
                  </div>
                  <xsl:call-template name="shopping-bag"/>
                  <div class="bottom-order hideHtml">
                    <div class="next-step continue placeOrderButton">
                      <!-- <input id="formsubmit" class="submit" type="image" src="" alt="" width="213" height="25" border="0" /> -->

                      <!--<input type="image" src="images/submit-image.png" class="submit-button" /> -->
                      <a href="#" class="submitForm placeOrdertext">
                        <span class="submit-text">Place Order Now</span>
                      </a>
                    </div>
                    <div class="info-links">
                      <a href="/c/modal-shipping-returns.html" class="modal modal-shipping-returns">Shipping &amp; Return Policy</a>&#160;&#160;|&#160;&#160;<a href="/c/modal-safeguard.html" class="modal modal-safeguard">Safe Shopping Guarantee</a>
                    </div>

                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- Payment Options Modals -->
        <div id="window-security-code" class="jqmWindow">&#160;</div>

        <div id="window-gift-card" class="jqmWindow">&#160;</div>
        <div id="window-promo" class="jqmWindow">&#160;</div>
        <div id="window-paypal" class="jqmWindow">&#160;</div>
        <div id="window-google-checkout" class="jqmWindow">&#160;</div>
        <div id="window-safeguard" class="jqmWindow">&#160;</div>
        <div id="window-shipping-returns" class="jqmWindow">&#160;</div>

        <!-- Review Order Modals -->
        <div id="window-promo-review" class="jqmWindow">&#160;</div>

        <div id="window-error-checkout" class="jqmWindow">&#160;</div>

        <!-- Bag Modals -->
        <div class="window-merchandise jqmWindow">&#160;</div>
        <div class="window-shipping jqmWindow">&#160;</div>
        <div class="window-tax jqmWindow">&#160;</div>

        <xsl:call-template name="footer"/>
        <xsl:call-template name="pixels"/>
        <xsl:call-template name="javascript"/>

      </body>
    </html>
  </xsl:template>

  <xsl:template match="page[@key='/secure/checkout/processing']">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <xsl:call-template name="head" />
      <body class="template-signin">
        <xsl:call-template name="header-checkout"/>

        <div id="doc4">
          <div id="bd">

            <div class= "droplet-myaccount-wrapper">
              <div class="droplet-checkout-topnav">
                <!-- <a href="#" onclick="history.go(-1); return false;"> Continue Shopping</a> -->
                <div class="droplet-checkout-header">
                  <!--<div class="progress-bar-place-order">&#160;</div>-->
                  &#160;
                </div>

                <div class="droplet-checkout-livehelp droplet-livehelp">&#160;</div>
              </div>
              <div class="processing-bg-wrapper">
                <div class="droplet-myaccount-body">
                  <div class= "myaccount-body-top-header">Your Order is Processing</div>
                  <div class="myaccount-body-center">
                    <div class="loading-image">&#160;</div>
                    <div class="order-process-content">

                      <div class="blue-subhead">Please wait while your order is processing...</div>
                      <div class="order-warning">Do not hit your browser&#8217;s back button or your order may not be processed.</div>
                    </div>
                    <div class="skechers-shipping-box center-image">&#160;</div>
                  </div>
                </div>
              </div>

            </div>

          </div>
        </div>

        <xsl:call-template name="footer"/>
        <xsl:call-template name="pixels"/>
        <xsl:call-template name="javascript"/>
      </body>
    </html>

  </xsl:template>

  <xsl:template match="page[@key='/secure/checkout/thankyou']">
    <xsl:variable name="finalPrice" select='format-number(data/order_log/order_item/totalPrice,"###,###.00")' />
    <xsl:variable name="tax" select='format-number(data/order_log/order_item/tax,"###,###.00")' />
    <xsl:variable name="shippingCost" select='format-number(data/order_log/shippingCost,"###,###.00")'/>
    <xsl:variable name="merchDiscount" select='format-number(sum(//order_log/order_item/discountAmount),"###,###0.00")'/>
    <xsl:variable name="categoryDiscount" select='format-number(sum(//order_log/order_item/categoryDiscountAmount),"###,###0.00")' />
    <xsl:variable name="couponDiscount" select='format-number($merchDiscount - $categoryDiscount,"###,###0.00")'/>

    <xsl:variable name="merchPrice" select="$finalPrice - $shippingCost - $tax" />
    <html xmlns="http://www.w3.org/1999/xhtml">
      <xsl:call-template name="head"/>
      <body class="template-signin">
        <xsl:call-template name="header-checkout"/>
        <div id="doc4">
          <div id="bd">

            <div class= "droplet-myaccount-wrapper thankyou-page">

              <div class="droplet-my-account-topnav">
                <a href="/">Continue Shopping</a>
                <div class="droplet-my-account-header">
                  <div class="progress-bar-thank-you">Thank you for your order!</div>
                </div>
                <div class="droplet-checkout-livehelp droplet-livehelp">&#160;</div>
              </div>

              <div class="bg-wrapper">

                <div class="droplet-myaccount-body">
                  <div class="logout-checkout" onclick="location.href='/secure/signout';"
                       style="cursor:pointer;">
                    Sign Out
                  </div>
                  <div class="myaccount-body-top-content">
                    <div class="remove-p-space">
                      <p>
                        We&#8217;re sending a confirmation to <xsl:value-of select="//emailAddress" />.
                      </p>
                      <p>
                        Please visit <a href="/secure/account/home#myaccount-order">My Order History</a> to check your order status or <a href="/">continue shopping</a> for more SKECHERS products!
                      </p>

                    </div>
                  </div>
                  <div class="order-record">
                    <div class="order-number">

                      <xsl:call-template name="format-date-time">
                        <xsl:with-param name="date" select="//date" />
                      </xsl:call-template>

                      Order# <xsl:value-of select="//order_id"/>
                    </div>

                    <div class="print-page">
                      <a href="javaScript:window.print();">Print Page</a>
                    </div>
                  </div>

                  <div class="clear">&#160;</div>
                  <div class="ship-bill-body-content thank-you-body-content">
                    <div class="lfloat">
                      <div class="review-section">
                        <h2>Payment Method:</h2>

                        <script type="text/javascript">
                          var payment_log = {};

                          <xsl:for-each select="//payments">

                            payment_log['<xsl:value-of select="payment_id"/>']  = {
                            cardNumber: '<xsl:value-of select="cardNumber"/>',
                            paymentType: '<xsl:value-of select="paymentType"/>',
                            amount:'<xsl:value-of select="amount"/>'
                            };

                          </xsl:for-each>


                        </script>

                        <div class="thank-you-content">
                          <div class="remove-p-space">

                            <xsl:for-each select="//order_log/payments">

                              <xsl:if test="paymentType = 'Credit' ">
                                <div class="final-cc">
                                  <p>
                                    <xsl:value-of select="ccType"/>: xxxxxxxxxxx<xsl:value-of select="cardNumber"/>
                                  </p>
                                  <p>
                                    EXP: <xsl:value-of select="ccExp"/>
                                  </p>

                                </div>
                              </xsl:if>

                              <xsl:if test="paymentType = 'Gift' ">
                                <xsl:variable name="orderTotal" select='format-number(sum(//order_item/totalPrice),"###,###.00")' />
                                <xsl:variable name="gcBalance" select="$orderTotal -  amount" />
                                <div class="final-gc">
                                  <p>
                                    Gift Card / Reward: xxxxxxxxxxx<xsl:value-of select="cardNumber"/>
                                  </p>
                                  <p>
                                    Amount: $<xsl:value-of select="format-number(amount,'###,###.00')"/>
                                  </p>

                                  <!--<xsl:choose>-->
                                  <!--<xsl:when test="gcBalance > 0">-->
                                  <!--<p>Remaining Balance: $ <xsl:value-of select="$gcBalance"/></p>-->
                                  <!--</xsl:when>-->
                                  <!--<xsl:otherwise>-->
                                  <!--<p>Remaining Balance: $0</p>-->
                                  <!--</xsl:otherwise>-->
                                  <!--</xsl:choose>-->
                                </div>

                              </xsl:if>

                            </xsl:for-each>

                          </div>
                          <div class="remove-p-space">
                            <p>
                              <xsl:value-of select="//billtoFirstName" />&#160;<xsl:value-of select="//billtoLastName" />
                            </p>
                            <p>
                              <xsl:value-of select="//billtoAddress1" />
                            </p>
                            <xsl:if test="//billtoAddress2">

                              <p>
                                <xsl:value-of select="//billtoAddress2"/>
                              </p>
                            </xsl:if>

                            <xsl:variable name="billzip" select="//billtoZip"/>
                            <xsl:variable name="bill-regZip" select="substring($billzip, 1, 5)" />
                            <xsl:variable name="bill-lastZip" select="substring($billzip, 6)" />
                            <xsl:variable name="bill-parseZip" select="concat($bill-regZip,'-', $bill-lastZip)" />

                            <xsl:choose>
                              <xsl:when test="$bill-lastZip != ''">

                                <p>
                                  <xsl:value-of select="//billtoCity" />, <xsl:value-of select="//billtoState" />&#160;<xsl:value-of select="$bill-parseZip" />
                                </p>
                              </xsl:when>
                              <xsl:otherwise>
                                <p>
                                  <xsl:value-of select="//billtoCity" />, <xsl:value-of select="//billtoState" />&#160;<xsl:value-of select="$bill-regZip" />
                                </p>
                              </xsl:otherwise>
                            </xsl:choose>
                            <p>
                              <xsl:variable name="billPhone" select="//billtoHomePhone"/>

                              <xsl:variable name="area-code-bill" select="substring($billPhone, 1, 3)" />
                              <xsl:variable name="code-exchange-bill" select="substring($billPhone, 4, 3)" />
                              <xsl:variable name="sln-bill" select="substring($billPhone, 7)" />
                              <xsl:value-of select="concat($area-code-bill,'-', $code-exchange-bill, '-', $sln-bill)" />
                            </p>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div class="rfloat">
                      <div class="review-section">
                        <h2>Shipping To:</h2>
                        <div class="thank-you-content lfloat">
                          <div class="remove-p-space">
                            <p>
                              <xsl:value-of select="//shiptoFirstName" />&#160;<xsl:value-of select="//shiptoLastName" />
                            </p>
                            <p>
                              <xsl:value-of select="//shiptoAddress1" />
                            </p>
                            <xsl:if test="//shiptoAddress2">

                              <p>
                                <xsl:value-of select="//shiptoAddress2"/>
                              </p>
                            </xsl:if>

                            <xsl:variable name="shipZip" select="//shiptoZip"/>
                            <xsl:variable name="regZip" select="substring($shipZip, 1, 5)" />
                            <xsl:variable name="lastZip" select="substring($shipZip, 6)" />
                            <xsl:choose>
                              <xsl:when test="$lastZip != ''">
                                <p>
                                  <span class="ship-city">
                                    <xsl:value-of select="//shiptoCity" />
                                  </span>, <span class="ship-state">
                                    <xsl:value-of select="//shiptoState" />
                                  </span>&#160; <span class="ship-zip">
                                    <xsl:value-of select="concat($regZip,'-', $lastZip)" />
                                  </span>
                                </p>

                              </xsl:when>
                              <xsl:otherwise>
                                <p>
                                  <span class="ship-city">
                                    <xsl:value-of select="//shiptoCity" />
                                  </span>, <span class="ship-state">
                                    <xsl:value-of select="//shiptoState" />
                                  </span>&#160; <span class="ship-zip">
                                    <xsl:value-of select="$regZip" />
                                  </span>
                                </p>
                              </xsl:otherwise>
                            </xsl:choose>

                            <p>
                              <xsl:variable name="shipPhone" select="//shiptoPhone"/>

                              <xsl:variable name="area-code-ship" select="substring($shipPhone, 1, 3)" />
                              <xsl:variable name="code-exchange-ship" select="substring($shipPhone, 4, 3)" />
                              <xsl:variable name="sln-ship" select="substring($shipPhone, 7)" />
                              <xsl:value-of select="concat($area-code-ship,'-', $code-exchange-ship, '-', $sln-ship)" />

                            </p>
                          </div>
                        </div>

                        <xsl:if test="//shiptoState = 'VT'">

                          <div class="thank-you-content rfloat">
                            <div id="state-use-tax" class="remove-p-space rfloat">
                              <a target="_blank" href="http://www.state.vt.us/tax/usetax">See important Vermont sales and use tax information you may owe directly to the State of Vermont.</a>
                            </div>
                          </div>
                        </xsl:if>

                        <div class="clear">&#160;</div>

                        <h2>Shipping Method:</h2>
                        <div class="thank-you-content">
                          <div class="remove-p-space">
                            <xsl:choose>
                              <xsl:when test="//shippingMethod = 'Standard' and //shippingCost > 0  ">
                                <p>Standard Shipping (4-10 business days)*</p>
                                <sup>*processing usually takes 1-4 days</sup>

                              </xsl:when>
                              <xsl:when test="//shippingMethod = 'Standard' and //shippingCost = 0  ">
                                <p>FREE Standard Shipping (4-10 business days)*</p>
                                <sup>*processing usually takes 1-4 days</sup>
                              </xsl:when>
                              <xsl:otherwise>
                                <p>Express Shipping Delivery (3-6 business days)*</p>

                                <sup>*processing usually takes 1-4 days</sup>
                              </xsl:otherwise>
                            </xsl:choose>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="clear">&#160;</div>

                    <h2>Order Summary:</h2>
                    <div class="receipt-items">


                      <!--<xsl:variable name="unique-list" select="//order_item[generate-id() = generate-id(key('line-item',concat(skuNumber,'|', totalPrice))[1])   and itemType='SHOE']" />-->
                      <xsl:variable name="unique-list" select="//order_item[generate-id() = generate-id(key('line-item',skuNumber)[1])   and itemType='SHOE']" />
                      <!--<xsl:variable name="unique-list" select="//order_item" />-->

                      <script type="text/javascript">
                        var totalPrice = 0; var totalTax = 0; var merchPrice = 0; var quantity=0; var skxItem= {};

                        <xsl:for-each select="//order_item">

                          merchPrice += parseFloat(<xsl:value-of select='regularUnitPrice'/>);
                          totalPrice += parseFloat(<xsl:value-of select='totalPrice'/>);
                          totalTax += parseFloat(<xsl:value-of select='tax'/>);

                          if(skxItem['<xsl:value-of select="skuNumber"/>'] == null){
                          skxItem['<xsl:value-of select="skuNumber"/>'] = {
                          quantity: <xsl:value-of select="quantity"/>,
                          price: '<xsl:value-of select="quantityPrice"/>',
                          regularUnitPrice: '<xsl:value-of select="regularUnitPrice"/>',
                          discountCode: '<xsl:value-of select="discountCode"/>'
                          };
                          }
                          else{
                          skxItem['<xsl:value-of select="skuNumber"/>'].quantity += parseInt(<xsl:value-of
                                                    select="quantity"/>);
                          }



                        </xsl:for-each>

                      </script>

                      <xsl:for-each select="$unique-list">
                        <xsl:variable name="itemType" select="itemType" />
                        <xsl:variable name="qty-price" select="quantityPrice" />
                        <xsl:variable name="totalUnitPrice" select="sum(//order_item[skuNumber=current()/skuNumber]/regularUnitPrice)" />
                        <div class="shoe-summary {skuNumber}" >
                          <div class="shoe-thumb-bag shoe-checkout-bag">
                            <img src="{concat($small-img,'/',styleCode,'_',colorCode,'.jpg')}" alt="shoeImage" width="71" height="63"/>
                          </div>

                          <xsl:choose>
                            <xsl:when test="type != ''">
                              <div class="shoe-name-bag shoe-checkout-bag">
                                <xsl:value-of select="styleName"/>
                                <p>
                                  (Style <xsl:value-of select="styleCode" />
                                  <xsl:value-of select="type"/>)
                                </p>
                              </div>
                            </xsl:when>
                            <xsl:otherwise>
                              <div class="shoe-name-bag shoe-checkout-bag">
                                <xsl:value-of select="styleName"/>
                                <p>
                                  (Style <xsl:value-of select="styleCode" />)
                                </p>
                              </div>

                            </xsl:otherwise>
                          </xsl:choose>

                          <div class="shoe-color-bag shoe-checkout-bag">
                            Color:  <xsl:value-of select="colorCode" />
                          </div>
                          <xsl:choose>
                            <xsl:when test="$itemType = 'SHOE' ">
                              <div class="shoe-size-bag shoe-checkout-bag">
                                Size: <xsl:value-of select="skuValue" />
                                <xsl:if test="type = 'EW' or type = 'WL' or type = 'WN'">
                                  <p>Wide</p>
                                </xsl:if>

                                <xsl:if test="type = 'EWW'">
                                  <p>Extra Wide</p>
                                </xsl:if>
                              </div>
                            </xsl:when>
                            <xsl:otherwise>
                              <div class="shoe-size-bag shoe-checkout-bag">Size: N/A</div>
                            </xsl:otherwise>
                          </xsl:choose>
                          <div class="shoe-qty-bag shoe-checkout-bag">
                            Qty:
                            <xsl:choose>

                              <xsl:when test="itemType = 'SHOE'">
                                <!--<xsl:value-of select="sum(//order_item[skuNumber=current()/skuNumber and totalPrice=current()/totalPrice]/quantity)" />-->
                                <xsl:value-of select="sum(//order_item[skuNumber=current()/skuNumber]/quantity)" />
                              </xsl:when>
                              <xsl:otherwise>
                                <xsl:value-of select="quantity" />
                              </xsl:otherwise>
                            </xsl:choose>
                          </div>

                          <div class="shoe-price-bag shoe-checkout-bag">

                            <xsl:choose>
                              <xsl:when test="discountAmount != 0">
                                <del>
                                  $<xsl:value-of select='format-number(regularUnitPrice, "###,###.00")'/>
                                </del>
                                <ins class="discount-amount">
                                  $<xsl:value-of select='format-number($qty-price, "###,###.00")'/>
                                </ins>
                              </xsl:when>
                              <xsl:otherwise>

                                $<xsl:value-of select='format-number($qty-price, "###,###.00")'/>
                              </xsl:otherwise>
                            </xsl:choose>

                            <!--<xsl:choose>-->
                            <!--<xsl:when test="itemType = 'SHOE' and categoryDiscountAmount > 0">-->
                            <!--&lt;!&ndash;<ins class="discount-amount">$<xsl:value-of select="format-number(quantityPrice, '###,###.00')"/></ins><br/>List: <del>$<xsl:value-of select="format-number(regularUnitPrice, '###,###.00')"/></del>&ndash;&gt;-->

                            <!--<del>$<xsl:value-of select="format-number($totalUnitPrice, '###,###.00')"/></del>-->

                            <!--<ins class="discount-amount">$<xsl:value-of select="format-number($totalUnitPrice - sum(//order_item[skuNumber=current()/skuNumber]/categoryDiscountAmount), '###,###.00')"/></ins>-->

                            <!--</xsl:when>-->
                            <!--<xsl:otherwise>-->
                            <!--$<xsl:value-of select='format-number($totalUnitPrice, "###,###.00")'/>-->
                            <!--</xsl:otherwise>-->
                            <!--</xsl:choose>-->
                          </div>
                        </div>

                        <div class="clear">&#160;</div>

                      </xsl:for-each>

                      <xsl:for-each select="//order_item[itemType='GIFTCARD']">
                        <div class="shoe-summary {current()/skuNumber}" >
                          <div class="shoe-thumb-bag shoe-checkout-bag">
                            <img src="{concat($small-img,'/',current()/styleCode,'_',current()/colorCode,'.jpg')}" alt="shoeImage" width="71" height="63"/>
                          </div>

                          <div class="shoe-name-bag shoe-checkout-bag">e-Gift Card</div>

                          <div class="gc-recipient-field shoe-checkout-bag">
                            To:  <xsl:value-of select="current()//recipient_email" />
                          </div>


                          <div class="shoe-qty-bag shoe-checkout-bag">Qty: 1</div>
                          <div class="shoe-price-bag shoe-checkout-bag">
                            $<xsl:value-of select="format-number(current()/totalPrice,'###,###.00')" />
                          </div>
                        </div>

                        <div class="clear">&#160;</div>

                      </xsl:for-each>

                      <div class="receipt-total">
                        <xsl:variable name="merchTotal" select='format-number(sum(//order_log/order_item/regularUnitPrice),"###,###.00")'/>
                        <xsl:variable name="merchTax" select='format-number(sum(//order_log/order_item/tax),"###,###0.00")'/>
                        <xsl:variable name="merchShipping" select='format-number(//order_log/shippingCost,"###,###0.00")'/>
                        <xsl:variable name="totalGC" select="format-number(sum(//payments[paymentType='Gift']/amount),'###,###.00')"/>
                        <xsl:variable name="orderFinalPrice" select='format-number($merchTotal + $merchTax + $merchShipping - $merchDiscount,"###,###.00")'/>

                        <div class="price-desc">Merchandise</div>
                        <div class="listing-price merchandise-price">
                          $<xsl:value-of select='format-number($merchTotal - $categoryDiscount,"###,###0.00")' />
                        </div>

                        <div class="clear">&#160;</div>

                        <xsl:if test="//order_item/discountAmount != '0.0'">

                          <div style="color: #F00;" class="price-desc discount-desc">
                            Less Discount
                            <xsl:if test="//discountCode != ''">

                              <span class="used-discount-code">
                                ( <xsl:value-of select="//discountCode"/> )
                              </span>
                            </xsl:if>
                          </div>


                          <div  style="color: #F00;" class="listing-price discount-total">
                            -$<xsl:value-of select="$merchDiscount"/>
                          </div>

                          <div class="clear clearfix">&#160;</div>

                        </xsl:if>



                        <div class="price-desc">Shipping</div>

                        <div class="listing-price shipping-total">
                          $<xsl:value-of select='$merchShipping' />
                        </div>

                        <div class="clear">&#160;</div>

                        <div class="price-desc">Tax</div>

                        <div class="listing-price est-tax">
                          $<xsl:value-of select="$merchTax" />
                        </div>

                        <div class="clear">&#160;</div>

                        <xsl:if test="//paymentType = 'Gift' ">
                          <div class="price-desc">Gift Card / Reward</div>

                          <xsl:choose>
                            <xsl:when test="$totalGC != '' and $totalGC  > $orderFinalPrice">
                              <div class="listing-price gift-card-total">
                                $<xsl:value-of select="format-number(-$orderFinalPrice,'###,###0.00')"/>
                              </div>
                            </xsl:when>

                            <xsl:otherwise>
                              <div class="listing-price gift-card-total">
                                -$<xsl:value-of select="format-number($totalGC,'###,###.00')"/>
                              </div>
                            </xsl:otherwise>

                          </xsl:choose>


                          <div class="clear">&#160;</div>
                        </xsl:if>

                        <div class="price-desc final-total">Order Total</div>
                        <xsl:choose>
                          <xsl:when test="$totalGC != '' and ($orderFinalPrice > $totalGC or $orderFinalPrice = $totalGC)">
                            <div class="listing-price final-price">
                              $<xsl:value-of select="format-number($orderFinalPrice - $totalGC,'###,###0.00')"/>
                            </div>

                            <br/>
                          </xsl:when>

                          <xsl:when test="$totalGC != '' and $totalGC > $orderFinalPrice">
                            <div class="listing-price final-price">$0.00</div>
                            <br/>
                          </xsl:when>

                          <xsl:otherwise>

                            <div class="listing-price final-price">
                              $<xsl:value-of select="$orderFinalPrice" />
                            </div>
                            <br/>
                          </xsl:otherwise>
                        </xsl:choose>
                      </div>
                    </div>
                  </div>
                </div>

              </div>


              <!--This section is to populate order info for Coremetrics and Media plex-->
              <script type="text/javascript">

                var skx_orderId = '<xsl:value-of select="//order_log/order_id"/>';
                var skx_email = '<xsl:value-of select="//order_log/emailAddress"/>';
                var billToCity ='<xsl:value-of select="//order_log/billtoCity"/>';
                var billToState ='<xsl:value-of select="//order_log/billtoState"/>';
                var billToZip = '<xsl:value-of select="//order_log/billtoZip"/>';


                var skx_merchandise_total = 0; var skx_tax = 0; var skx_subtotal = 0;
                var skx_total_items=0; var skx_shippingCost = 0; var skxOrderItem= {};

                <xsl:for-each select="//order_item">

                  skx_subtotal+= <xsl:value-of select="format-number(unitPrice,'###,###.00')"/>;
                  skx_merchandise_total+= <xsl:value-of select="format-number(totalPrice,'###,###.00')"/>;
                  skx_tax+= <xsl:value-of select="format-number(tax,'###,###.00')"/>;
                  skx_shippingCost+= <xsl:value-of select="format-number(shippingCost,'###,###.00')"/>;
                  skx_total_items+= <xsl:value-of select="quantity"/>;
                  <!--skx_discountCode = <xsl:value-of select="discountCode"/>;-->

                  if(skxOrderItem['<xsl:value-of select="skuNumber"/>'] == null){
                  skxOrderItem['<xsl:value-of select="skuNumber"/>'] = {
                  quantity: <xsl:value-of select="quantity"/>,
                  discountCode: '<xsl:value-of select="discountCode"/>',
                  styleCode: '<xsl:value-of select="styleCode"/>',
                  styleName: "<xsl:value-of select="styleName" disable-output-escaping='yes'/>",
                  color: '<xsl:value-of select="colorCode"/>',
                  quantity: <xsl:value-of select="quantity"/>,
                  itemPrice: <xsl:value-of select="format-number(unitPrice,'###,###.00')"/>,
                  qtyPrice: <xsl:value-of select="format-number(quantityPrice,'###,###.00')"/>

                  };
                  }
                  else{
                  skxOrderItem['<xsl:value-of select="skuNumber"/>'].quantity += parseInt(<xsl:value-of
                                                    select="quantity"/>);
                  }

                </xsl:for-each>

              </script>
              <!--This section is to populate order info for Coremetrics and Media plex-->
            </div>
          </div>

        </div>

        <xsl:call-template name="footer"/>
        <xsl:call-template name="pixels"/>
        <xsl:call-template name="javascript"/>
      </body>
    </html>
  </xsl:template>


  <xsl:template match="page[@key='/secure/account/order']">

    <xsl:variable name="finalPrice" select='format-number(data/order_log/order_item/totalPrice,"###,###.00")' />
    <xsl:variable name="tax" select='format-number(data/order_log/order_item/tax,"###,###.00")' />
    <xsl:variable name="shippingCost" select='format-number(data/order_log/shippingCost,"###,###.00")'/>
    <xsl:variable name="merchDiscount" select="format-number(sum(//order_log/order_item[orderStatus!='CANC']/discountAmount),'###,###0.00')"/>
    <xsl:variable name="merchPrice" select="$finalPrice - $shippingCost - $tax" />


    <html xmlns="http://www.w3.org/1999/xhtml">
      <xsl:call-template name="head"/>
      <body class="template-signin">

        <xsl:call-template name="header"/>
        <div id="doc4">
          <div id="bd">
            <div class= "droplet-myaccount-wrapper order-history-page">
              <div class="droplet-my-account-topnav">
                <a href="#" onclick="history.go(-1); return false;"> Back To Order History</a>
                <div class="droplet-my-account-header">
                  <div class="progress-bar-thank-you">Order Detail</div>

                </div>
                <div class="droplet-checkout-livehelp droplet-livehelp">&#160;</div>
              </div>
              <div class="logout-account" onclick="location.href='/secure/signout';"
                               style="cursor:pointer;">
                Sign Out
              </div>
              <div class="bg-wrapper">
                <div class="droplet-myaccount-body">
                  <div class="myaccount-body-top-content">
                    <div class="remove-p-space">

                      <p>Thanks for shopping at SKECHERS.com! Your order details appear below.</p>
                      <p>
                        Please <a href="/">continue shopping</a> for more SKECHERS products!
                      </p>
                    </div>
                  </div>
                  <div class="order-record">
                    <div class="order-number">

                      <xsl:call-template name="format-date-time">
                        <xsl:with-param name="date" select="//date" />
                      </xsl:call-template>

                      Order# <span class="order-number-history">
                        <xsl:value-of select="//order_id"/>
                      </span>
                    </div>
                    <div class="print-page">
                      <a href="javaScript:window.print();">Print Page</a>
                    </div>
                  </div>

                  <div class="clear">&#160;</div>

                  <div class="ship-bill-body-content thank-you-body-content">
                    <div class="lfloat">
                      <div class="review-section payment-section">
                        <h2>Payment Method:</h2>

                        <script type="text/javascript">
                          var payment_log = {};

                          <xsl:for-each select="//payments">

                            payment_log['<xsl:value-of select="payment_id"/>']  = {
                            cardNumber: '<xsl:value-of select="cardNumber"/>',
                            paymentType: '<xsl:value-of select="paymentType"/>',
                            amount:'<xsl:value-of select="amount"/>'
                            };

                          </xsl:for-each>


                        </script>

                        <div class="thank-you-content payment-content">
                          <xsl:for-each select="//order_log">

                            <xsl:if test="payments/active = 'false' and (order_item/orderStatus = 'FAILED' or order_item/orderStatus = 'AVS_FAILED')">
                              <div class="retry-cc-info">
                                <button type="button">Retry</button>
                              </div>
                            </xsl:if>
                            <xsl:if test="order_item/orderStatus = 'FAILED' or order_item/orderStatus = 'AVS_FAILED'">
                              <input id="paymentFailed" type="hidden" name="payment" value="fail" />
                            </xsl:if>
                          </xsl:for-each>
                          <div class="remove-p-space">

                            <xsl:for-each select="//order_log/payments">

                              <xsl:if test="paymentType = 'Credit' ">
                                <div class="final-cc">
                                  <input type="hidden" class="cc-active-{active} cc-id" value="{payment_id}" name="payment-id"/>
                                  <p class="cc-number">
                                    <xsl:value-of select="ccType"/>: xxxxxxxxxxx<xsl:value-of select="cardNumber"/>
                                  </p>
                                  <p>
                                    EXP: <xsl:value-of select="ccExp"/>
                                  </p>
                                </div>

                              </xsl:if>

                              <xsl:if test="paymentType = 'Gift' ">
                                <xsl:variable name="orderTotal" select='format-number(sum(//order_item/totalPrice),"###,###.00")' />
                                <xsl:variable name="gcBalance" select="$orderTotal -  amount" />
                                <div class="final-gc">
                                  <p>
                                    Gift Card / Reward: xxxxxxxxxxx<xsl:value-of select="cardNumber"/>
                                  </p>
                                  <p>
                                    Amount: $<xsl:value-of select="format-number(amount,'###,###.00')"/>
                                  </p>

                                  <!--<xsl:choose>-->
                                  <!--<xsl:when test="gcBalance > 0">-->
                                  <!--<p>Remaining Balance: $ <xsl:value-of select="$gcBalance"/></p>-->
                                  <!--</xsl:when>-->
                                  <!--<xsl:otherwise>-->
                                  <!--<p>Remaining Balance: $0</p>-->
                                  <!--</xsl:otherwise>-->
                                  <!--</xsl:choose>-->
                                </div>

                              </xsl:if>

                            </xsl:for-each>

                          </div>
                          <div class="remove-p-space">

                            <input type="hidden" id="review-fname-bill" name="review-fname-bill" value="{//billtoFirstName}"/>
                            <input type="hidden" id="review-lname-bill" name="review-lname-bill" value="{//billtoLastName}"/>

                            <p>
                              <span class="bill-fname">
                                <xsl:value-of select="//billtoFirstName" />
                              </span>&#160;<span class="bill-lname">
                                <xsl:value-of select="//billtoLastName" />
                              </span>
                            </p>

                            <p>
                              <xsl:value-of select="//billtoAddress1" />
                            </p>
                            <xsl:if test="//billtoAddress2">
                              <p>
                                <xsl:value-of select="//billtoAddress2"/>
                              </p>
                            </xsl:if>

                            <xsl:variable name="billzip" select="//billtoZip"/>
                            <xsl:variable name="bill-regZip" select="substring($billzip, 1, 5)" />
                            <xsl:variable name="bill-lastZip" select="substring($billzip, 6)" />
                            <xsl:variable name="bill-parseZip" select="concat($bill-regZip,'-', $bill-lastZip)" />

                            <xsl:choose>
                              <xsl:when test="$bill-lastZip != ''">
                                <p>
                                  <xsl:value-of select="//billtoCity" />, <xsl:value-of select="//billtoState" />&#160;<xsl:value-of select="$bill-parseZip" />
                                </p>
                              </xsl:when>
                              <xsl:otherwise>
                                <p>
                                  <xsl:value-of select="//billtoCity" />, <xsl:value-of select="//billtoState" />&#160;<xsl:value-of select="$bill-regZip" />
                                </p>
                              </xsl:otherwise>

                            </xsl:choose>


                            <p>
                              <xsl:variable name="billPhone" select="//billtoHomePhone"/>
                              <xsl:variable name="area-code-bill" select="substring($billPhone, 1, 3)" />
                              <xsl:variable name="code-exchange-bill" select="substring($billPhone, 4, 3)" />
                              <xsl:variable name="sln-bill" select="substring($billPhone, 7)" />
                              <xsl:value-of select="concat($area-code-bill,'-', $code-exchange-bill, '-', $sln-bill)" />
                            </p>

                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="rfloat">
                      <div class="review-section">
                        <div class="shipping-information">
                          <h2>Shipping To:</h2>

                          <div class="thank-you-content lfloat">
                            <div class="remove-p-space">
                              <p>
                                <span class="ship-fname">
                                  <xsl:value-of select="//shiptoFirstName" />
                                </span>&#160; <span
                                                class="ship-lname">
                                  <xsl:value-of select="//shiptoLastName" />
                                </span>
                              </p>
                              <p>
                                <span class="ship-update-address1">
                                  <xsl:value-of select="//shiptoAddress1" />
                                </span>
                              </p>
                              <xsl:if test="//shiptoAddress2">
                                <p>
                                  <span class="ship-update-address2">
                                    <xsl:value-of select="//shiptoAddress2"/>
                                  </span>
                                </p>
                              </xsl:if>

                              <xsl:variable name="shipZip" select="//shiptoZip"/>
                              <xsl:variable name="regZip" select="substring($shipZip, 1, 5)" />
                              <xsl:variable name="lastZip" select="substring($shipZip, 6)" />
                              <xsl:choose>
                                <xsl:when test="$lastZip != ''">
                                  <p>
                                    <span class="ship-city">
                                      <xsl:value-of select="//shiptoCity" />
                                    </span>, <span class="ship-state">
                                      <xsl:value-of select="//shiptoState" />
                                    </span>&#160; <span class="ship-zip">
                                      <xsl:value-of select="concat($regZip,'-', $lastZip)" />
                                    </span>
                                  </p>
                                </xsl:when>
                                <xsl:otherwise>

                                  <p>
                                    <span class="ship-city">
                                      <xsl:value-of select="//shiptoCity" />
                                    </span>, <span class="ship-state">
                                      <xsl:value-of select="//shiptoState" />
                                    </span>&#160; <span class="ship-zip">
                                      <xsl:value-of select="$regZip" />
                                    </span>
                                  </p>
                                </xsl:otherwise>
                              </xsl:choose>


                              <p>
                                <xsl:variable name="shipPhone" select="//shiptoPhone"/>
                                <xsl:variable name="area-code-ship" select="substring($shipPhone, 1, 3)" />
                                <xsl:variable name="code-exchange-ship" select="substring($shipPhone, 4, 3)" />

                                <xsl:variable name="sln-ship" select="substring($shipPhone, 7)" />
                                <span class="ship-phone">
                                  <xsl:value-of select="concat($area-code-ship,'-', $code-exchange-ship, '-', $sln-ship)" />
                                </span>
                              </p>



                              <input type="hidden" id="review-zipcode-ship" value="{data/order_log/shiptoZip}" />
                              <input type="hidden" id="review-state-ship" value="{data/order_log/shiptoState}" />
                              <input type="hidden" id="review-tax-rate" />
                            </div>

                          </div>

                          <xsl:if test="//shiptoState = 'VT'">
                            <div class="thank-you-content rfloat">
                              <div id="state-use-tax" class="remove-p-space rfloat">
                                <a target="_blank" href="http://www.state.vt.us/tax/usetax">See important Vermont sales and use tax information you may owe directly to the State of Vermont.</a>
                              </div>
                            </div>
                          </xsl:if>

                          <div class="clear">&#160;</div>

                        </div>
                        <h2>Shipping Method:</h2>
                        <div class="thank-you-content">
                          <div class="remove-p-space">
                            <xsl:choose>
                              <xsl:when test="//shippingMethod = 'Standard' and //shippingCost > 0  ">

                                <p>Standard Shipping (4-10 business days)*</p>
                                <sup>*processing usually takes 1-4 days</sup>
                              </xsl:when>
                              <xsl:when test="//shippingMethod = 'Standard' and //shippingCost = 0  ">
                                <p>FREE Standard Shipping (4-10 business days)*</p>
                                <sup>*processing usually takes 1-4 days</sup>
                              </xsl:when>

                              <xsl:otherwise>
                                <p>Express Shipping Delivery (3-6 business days)*</p>
                                <sup>*processing usually takes 1-4 days</sup>
                              </xsl:otherwise>
                            </xsl:choose>
                            <input type="hidden" name="shipMethod" class="usedShipMethod" value="{//shippingMethod}"/>
                          </div>
                        </div>

                      </div>
                    </div>
                    <div class="clear">&#160;</div>

                    <div class="update-body-content contentArea">
                      <div class="myaccount-body-left new-info-section addPayment">
                        <h2>Please add a new credit card:</h2>
                        <div class="topBox-gradient">&#160;</div>
                        <div class="newCardSection box-gradient">

                          <input type="hidden" id="tnxId" name="tnxId"/>
                          <iframe onload="setupIframeModal();" width="300" allowTransparency="true" scrolling="no" src="/c/element-redirect.html" id="iframe" frameBorder="0">&#160;</iframe>
                        </div>
                        <div class="bottomBox-gradient">&#160;</div>

                      </div>

                      <div class="myaccount-body-left new-info-section addAddr">
                        <div class="silver-button cancel-update-shipping">Cancel</div>

                        <h2>Please enter the new shipping address:</h2>
                        <form id="orderHistory-address" action="POST" class="shipping-form">
                          <fieldset>
                            <div class="form-info">
                              <label class="form-title" for="oh-fname">
                                First Name:
                                <span class="required">*</span>
                              </label>
                              <input type="text" name="firstName"
                                     class="form-name fname form-fields form-text showRight"
                                     title="form-fname" id="oh-fname"/>

                            </div>

                            <div class="form-info">
                              <label class="form-title" for="oh-lname">
                                Last Name:
                                <span class="required">*</span>
                              </label>
                              <input type="text" name="lastName"
                                     class="form-name lname form-fields form-text" title="form-lname"
                                     id="oh-lname"/>
                            </div>

                            <div class="form-info">

                              <label class="form-title" for="oh-addr1">
                                Address Line 1:
                                <span class="required">*</span>
                              </label>
                              <input type="text" name="address1"
                                     class="form-address ship-address1 form-fields form-text" title="form-addr"
                                     id="oh-addr1"/>
                              <p class="address-hint">
                                <i>Street address, company name</i>
                              </p>
                            </div>

                            <div class="form-info">
                              <label class="form-title" for="oh-addr2">Address Line 2:</label>
                              <input type="text" name="address2"
                                     class="form-address ship-address2 not-required form-fields noValidation form-text orEmpty"
                                     id="oh-addr2"/>
                              <p class="address-hint">
                                <i>Apartment, suite, unit, building, floor, etc.</i>
                              </p>
                            </div>
                            <div class="form-info">

                              <label class="form-title" for="oh-city">
                                City:
                                <span class="required">*</span>
                              </label>
                              <input type="text" name="city"
                                     class="form-city form-fields form-text" title="form-city"
                                     id="oh-city"/>
                            </div>
                            <div class="form-info">
                              <label class="form-title" for="oh-state">
                                State:
                                <span class="required">*</span>
                              </label>

                              <select name="state" class="form-state" title="State" id="oh-state">
                                <option value="CA">CA</option>
                              </select>
                            </div>
                            <div class="form-info">
                              <label class="form-title" for="oh-zip">
                                Zip Code:
                                <span class="required">*</span>
                              </label>

                              <input type="text" name="zip"
                                     class="form-zip form-fields form-text"
                                     title="form-zip" id="oh-zip"/>
                            </div>
                            <div class="form-info">
                              <label class="form-title" for="oh-phone">
                                Phone Number:
                                <span class="required">*</span>
                              </label>
                              <input type="text" name="homePhone"
                                     class="validate-phone form-fields phone-checkout form-text"
                                     title="form-phone" id="oh-phone"/>
                              <p class="phone-hint">
                                <i>Example: xxxx xxx xxx</i>

                              </p>
                              <div class="invalid-phone">
                                Please enter a valid phone number.
                              </div>
                            </div>
                            <input class="form-state not-required noValidation orEmpty" type="hidden" name="state" value=""/>
                            <div id="update-address-button"
                                 class="add-new-address btn-160x25 add-shipping">
                              Update Address
                            </div>
                          </fieldset>
                        </form>

                      </div>
                    </div>
                    <div class="clear">&#160;</div>

                    <div class="order-shopping-bag">
                      <h2>Item Summary:</h2>

                      <div class="receipt-items">

                        <!--<xsl:variable name="unique-list" select="//skuNumber[not(.=following::skuNumber)]" />-->

                        <xsl:variable name="unique-list" select="//order_item" />

                        <script type="text/javascript">
                          var totalPrice = 0; var totalTax = 0; var merchPrice = 0; var quantity=0; var skx_shippingCost = 0; var skxItem= {};
                          var orderDate = '<xsl:value-of select='//date'/>';
                          skx_shippingCost = 0;
                          <xsl:for-each select="//order_item">

                            <xsl:if test="orderStatus != 'CANC' and orderStatus != 'CNCP'and orderStatus != 'CNCQ' and orderStatus != 'RTNC' ">
                              merchPrice+= parseFloat(<xsl:value-of select='regularUnitPrice'/>);
                              totalPrice+= parseFloat(<xsl:value-of select='totalPrice'/>);
                              totalTax+= parseFloat(<xsl:value-of select='tax'/>);
                              skx_shippingCost+= parseFloat(<xsl:value-of select='shippingCost'/>);
                            </xsl:if>

                            if(skxItem['<xsl:value-of select="skuNumber"/>'] == null){
                            skxItem['<xsl:value-of select="skuNumber"/>'] = {
                            quantity: <xsl:value-of select="quantity"/>,
                            price: '<xsl:value-of select="quantityPrice"/>',
                            tax: '<xsl:value-of select="tax"/>',
                            regularUnitPrice: '<xsl:value-of select="regularUnitPrice"/>',
                            color: '<xsl:value-of select="colorCode"/>',
                            size: '<xsl:value-of select="skuValue"/>',
                            sku_number: '<xsl:value-of select="skuNumber"/>',
                            style: '<xsl:value-of select="styleCode"/>',
                            style_name: "<xsl:value-of select="styleName" disable-output-escaping='yes'/>",
                            id: '<xsl:value-of select="item_id"/>',
                            skuId: '<xsl:value-of select="skuNumber"/>',
                            status: '<xsl:value-of select="orderStatus"/>',
                            itemType: '<xsl:value-of select="itemType"/>',
                            trackingNumber: '<xsl:value-of select="trackingNumber"/>',
                            discountCode: '<xsl:value-of select="discountCode"/>',
                            returnable: '<xsl:value-of select="returnable"/>',
                            shipDate: '<xsl:value-of select="shipDate"/>'
                            };
                            }
                            else if('<xsl:value-of select="orderStatus"/>' == "SHIP" || '<xsl:value-of select="orderStatus"/>' == "CANC" || '<xsl:value-of select="orderStatus"/>' == "RTNC" ){
                            skxItem['<xsl:value-of select="skuNumber"/>'].id += ","+ (<xsl:value-of
                                                    select="item_id"/>);
                            skxItem['<xsl:value-of select="skuNumber"/>'].quantity += parseInt(<xsl:value-of
                                                    select="quantity"/>);
                            }
                            else{
                            skxItem['<xsl:value-of select="skuNumber"/>'].quantity += parseInt(<xsl:value-of
                                                    select="quantity"/>);
                            <!--skxItem['<xsl:value-of select="skuNumber"/>'].skuId += ","+ (<xsl:value-of-->

                            <!--select="skuNumber"/>);                                                   -->
                            }



                          </xsl:for-each>

                        </script>

                        <!--<xsl:for-each select="$unique-list">-->
                        <!--<xsl:variable name="qty-price" select="current()/parent::order_item/quantityPrice" />-->
                        <!--<xsl:variable name="itemType" select="current()/parent::order_item/itemType" />-->

                        <!--<div class="shoe-summary {current()/parent::order_item/skuNumber}" >-->

                        <!--<xsl:if test="$itemType = 'GIFTCARD' ">-->
                        <!--<div class="shoe-thumb-bag shoe-checkout-bag gift-card-image"><img src="{concat($small-img,'/',current()/parent::order_item/styleCode,'_',current()/parent::order_item/colorCode,'.jpg')}" alt="shoeImage" width="71" height="63"/></div>-->
                        <!--</xsl:if>-->
                        <!--<xsl:if test="$itemType = 'SHOE' ">-->
                        <!--<div class="shoe-thumb-bag shoe-checkout-bag"><img src="{concat($small-img,'/',current()/parent::order_item/styleCode,'_',current()/parent::order_item/colorCode,'.jpg')}" alt="shoeImage" width="71" height="63"/></div>-->
                        <!--</xsl:if>-->
                        <!--<div class="shoe-name-bag shoe-checkout-bag"><xsl:value-of select="current()/parent::order_item/styleName"/> <p><span class="shoe-style-code">(Style <xsl:value-of select="current()/parent::order_item/styleCode" />)</span></p></div>-->
                        <!--<div class="shoe-color-bag shoe-checkout-bag">Color:  <xsl:value-of select="current()/parent::order_item/colorCode" />-->
                        <!--<xsl:if test="current()/parent::order_item/type = 'EW'">-->

                        <!--Width: Wide-->
                        <!--</xsl:if>-->

                        <!--</div>-->
                        <!--<div class="shoe-size-bag shoe-checkout-bag">Size: <xsl:value-of select="current()/parent::order_item/skuValue" />-->
                        <!--<xsl:if test="current()/parent::order_item/type = 'EW'"><p>Width: Wide</p></xsl:if>-->
                        <!--</div>-->
                        <!--<div class="shoe-qty-bag shoe-checkout-bag">Qty: <xsl:value-of select="current()/parent::order_item/quantity" />  </div>-->
                        <!--<div class="shoe-price-bag shoe-checkout-bag">$<xsl:value-of select='format-number($qty-price, "###,###.00")'/></div>-->

                        <!--<div class="shoe-tracking-info">-->
                        <!--<div class="shoe-status"> -->
                        <!--<xsl:call-template name="checkItemStatus">-->
                        <!--<xsl:with-param name="status" select="current()/parent::order_item/orderStatus" />-->
                        <!--</xsl:call-template>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--<div class="clear">&#160;</div>-->


                        <!--</xsl:for-each>-->

                        <xsl:for-each select="$unique-list">
                          <xsl:variable name="qty-price" select="quantityPrice" />
                          <xsl:variable name="itemType" select="itemType" />
                          <!--GC V2-->
                          <xsl:if test="skuNumber != 99990000">
                            <div class="shoe-summary {skuNumber}"  id="{item_id}" >

                              <xsl:choose>
                                <xsl:when test="$itemType = 'SHOE'">
                                  <div class="shoe-thumb-bag shoe-checkout-bag">
                                    <img src="{concat($small-img,'/',styleCode,'_',colorCode,'.jpg')}" alt="shoeImage" width="71" height="63"/>
                                  </div>
                                  <div class="shoe-name-bag shoe-checkout-bag">
                                    <xsl:value-of select="styleName"/>
                                    <p>
                                      <span class="shoe-style-code">
                                        (Style <xsl:value-of select="styleCode" /><xsl:value-of select="type" />)
                                      </span>
                                    </p>
                                  </div>

                                  <div class="shoe-color-bag shoe-checkout-bag">
                                    Color:  <xsl:value-of select="colorCode" />

                                    <xsl:if test="type = 'EW' or type = 'WL' or type = 'WN' ">
                                      Wide Width
                                    </xsl:if>
                                    <xsl:if test="type = 'EWW'">
                                      Extra Wide
                                    </xsl:if>
                                  </div>
                                  <div class="shoe-size-bag shoe-checkout-bag">
                                    Size:
                                    <select class='sizeOption' >
                                      <option id='active-shoe-size' selected ="selected" name="{skuNumber}">
                                        <xsl:value-of select="skuValue" />
                                      </option>

                                    </select>
                                    <xsl:if test="type = 'EW' or type = 'WL' or type = 'WN' ">
                                      <p>Wide Width</p>
                                    </xsl:if>
                                    <xsl:if test="type = 'EWW'">
                                      <p>Extra Wide</p>
                                    </xsl:if>
                                  </div>
                                  <div class="shoe-qty-bag shoe-checkout-bag">
                                    Qty: <xsl:value-of select="quantity" />
                                  </div>
                                  <div class="shoe-price-bag shoe-checkout-bag">
                                    <xsl:choose>

                                      <xsl:when test="discountAmount != 0">
                                        <del>
                                          $<xsl:value-of select='format-number(regularUnitPrice, "###,###.00")'/>
                                        </del>
                                        <ins class="discount-amount">
                                          $<xsl:value-of select='format-number($qty-price, "###,###.00")'/>
                                        </ins>
                                      </xsl:when>
                                      <xsl:otherwise>
                                        $<xsl:value-of select='format-number($qty-price, "###,###.00")'/>
                                      </xsl:otherwise>

                                    </xsl:choose>

                                  </div>
                                  <div class="clear">&#160;</div>
                                  <div class="shoe-tracking-info">
                                    <div class="shoe-status">
                                      <xsl:call-template name="checkItemStatus">
                                        <xsl:with-param name="status" select="orderStatus" />
                                      </xsl:call-template>

                                    </div>
                                  </div>
                                  <div class="clear">&#160;</div>
                                </xsl:when>
                                <xsl:otherwise>
                                  <div class="shoe-thumb-bag shoe-checkout-bag gift-card-image gift-card-reprint gc-{orderStatus}">
                                    <img src="{concat($small-img,'/',styleCode,'_',colorCode,'.jpg')}" alt="shoeImage" width="71" height="63"/>
                                  </div>
                                  <div class="shoe-name-bag shoe-checkout-bag">
                                    <xsl:value-of select="itemType"/>
                                    <p>
                                      <span class="shoe-style-code">

                                        <a class="gift-card-reprint" href="#">Print</a>
                                      </span>
                                    </p>
                                  </div>
                                  <div class="gc-recipient-field shoe-checkout-bag">
                                    To: <xsl:value-of select="giftCard/recipient_email"/>
                                  </div>
                                  <div class="shoe-qty-bag shoe-checkout-bag">
                                    Qty: <xsl:value-of select="quantity" />
                                  </div>

                                  <div class="shoe-price-bag shoe-checkout-bag">
                                    $<xsl:value-of select='format-number($qty-price, "###,###.00")'/>
                                  </div>
                                  <div class="clear">&#160;</div>
                                </xsl:otherwise>
                              </xsl:choose>
                            </div>
                            <!--GC V2-->
                          </xsl:if>
                          <div class="clear">&#160;</div>

                        </xsl:for-each>

                        <div class="receipt-total">

                          <xsl:variable name="merchTotal" select="format-number(sum(//order_log/order_item[orderStatus!='CANC']/regularUnitPrice),'###,###.00')"/>
                          <xsl:variable name="merchTax" select="format-number(sum(//order_log/order_item[orderStatus!='CANC']/tax), '###,###0.00')"/>
                          <xsl:variable name="merchShipping" select="format-number(//order_log/shippingCost,'###,###0.00')"/>
                          <!--<xsl:variable name="merchDiscount" select='format-number(sum(//order_log/order_item/discountAmount),"###,###.00")'/>-->
                          <xsl:variable name="totalGC" select="format-number(sum(//payments[paymentType='Gift']/amount),'###,###.00')"/>

                          <xsl:variable name="orderFinalPrice" select='format-number($merchTotal + $merchTax + $merchShipping - $merchDiscount,"###,###0.00")'/>
                          <xsl:variable name="refundGC" select="sum(//order_item[skuNumber='99990000']/regularUnitPrice)"/>

                          <div class="price-desc">Merchandise</div>

                          <div class="listing-price merchandise-price">
                            $<xsl:value-of select='format-number($merchTotal - $refundGC,"###,###0.00")' />
                          </div>
                          <div class="clear clearfix">&#160;</div>

                          <xsl:if test="//order_item/discountAmount != '0.0'">

                            <div style="color: #F00;" class="price-desc discount-desc">
                              Less Discount
                              <xsl:if test="//discountCode != ''">
                                <span class="used-discount-code">
                                  ( <xsl:value-of select="//discountCode"/> )
                                </span>
                              </xsl:if>
                            </div>


                            <div  style="color: #F00;" class="listing-price discount-total">
                              -$<xsl:value-of select="$merchDiscount"/>
                            </div>

                            <div class="clear clearfix">&#160;</div>

                          </xsl:if>


                          <div class="price-desc">Shipping</div>

                          <div class="listing-price shipping-total">
                            $<xsl:value-of select='$merchShipping' />
                          </div>

                          <div class="clear clearfix">&#160;</div>

                          <div class="price-desc">Tax</div>

                          <div class="listing-price est-tax">
                            $<xsl:value-of select="$merchTax" />
                          </div>

                          <div class="clear clearfix">&#160;</div>

                          <xsl:if test="//paymentType = 'Gift' and $totalGC > '0' ">

                            <div class="price-desc">Gift Card / Reward</div>

                            <xsl:choose>
                              <xsl:when test="$totalGC != '' and $totalGC  > $orderFinalPrice">
                                <div class="listing-price gift-card-total">
                                  -$<xsl:value-of select="format-number($orderFinalPrice,'###,###0.00')"/>
                                </div>
                              </xsl:when>

                              <xsl:otherwise>
                                <div class="listing-price gift-card-total">
                                  -$<xsl:value-of select="format-number($totalGC,'###,###.00')"/>
                                </div>

                              </xsl:otherwise>
                            </xsl:choose>


                            <div class="clear">&#160;</div>
                          </xsl:if>


                          <div class="price-desc final-total">Order Total</div>
                          <xsl:choose>

                            <xsl:when test="$totalGC != '' and ($orderFinalPrice > $totalGC or $orderFinalPrice = $totalGC)">
                              <div class="listing-price final-price">
                                <xsl:variable name='refundPrice' select="format-number($orderFinalPrice - $totalGC - $refundGC,'###,###0.00')"/>
                                <!--CASE FOR ADDITIONAL SHOES FOR REMAINING BALANE-->
                                <xsl:if test="$refundPrice >= 0">
                                  $<xsl:value-of select="$refundPrice"/>
                                </xsl:if>
                                <!--CASE FOR TOTAL REFUND-->

                                <xsl:if test="$refundPrice &lt; 0">
                                  $0.00
                                </xsl:if>

                              </div>
                              <br/>
                            </xsl:when>

                            <xsl:when test="$totalGC != '' and $totalGC > $orderFinalPrice">
                              <div class="listing-price final-price">$0.00</div>

                              <br/>
                            </xsl:when>

                            <xsl:otherwise>
                              <div class="listing-price final-price">
                                $<xsl:value-of select="$orderFinalPrice" />
                              </div>
                              <br/>
                            </xsl:otherwise>
                          </xsl:choose>
                        </div>

                        <!--GC V2-->
                        <div class="clear">&#160;</div>
                        <div class="return-bag">
                          <h2>Return Credit:</h2>
                          <div class="receipt-items">
                            <xsl:for-each select="//order_item">
                              <xsl:variable name="qty-price" select="quantityPrice" />
                              <xsl:variable name="sku" select="skuNumber" />

                              <xsl:if test="$sku = 99990000">
                                <div class="shoe-summary {skuNumber}"  id="{item_id}" >
                                  <div class="shoe-thumb-bag shoe-checkout-bag gift-card-image gift-card-reprint gc-{orderStatus}">
                                    <img src="{concat($small-img,'/',styleCode,'_',colorCode,'.jpg')}" alt="shoeImage" width="71" height="63"/>
                                  </div>
                                  <div class="shoe-name-bag shoe-checkout-bag">
                                    <xsl:value-of select="itemType"/>
                                    <p>
                                      <span class="shoe-style-code">
                                        <a class="gift-card-reprint" href="#">Print</a>
                                      </span>
                                    </p>
                                  </div>
                                  <div class="gc-recipient-field shoe-checkout-bag">
                                    Issue Date:
                                    <xsl:call-template name="format-date-time">

                                      <xsl:with-param name="date" select="//date" />
                                    </xsl:call-template>
                                  </div>
                                  <div class="shoe-price-bag gc-checkout-bag">
                                    $<xsl:value-of select='format-number($qty-price, "###,###.00")'/>
                                  </div>
                                </div>
                              </xsl:if>
                            </xsl:for-each>
                            <div class="clear">&#160;</div>

                          </div>
                        </div>
                      </div>
                    </div>
                    <!-- buttons here -->
                    <div class ="resubmit-order">
                      &#160;
                    </div>
                  </div>

                </div>
              </div>
            </div>
          </div>
        </div>

        <div id="window-update-order" class="jqmWindow">&#160;</div>
        <div id="window-delete-order-shoe" class="jqmWindow">&#160;</div>
        <div id="window-update-price" class="jqmWindow">&#160;</div>

        <div id="window-cancel-order" class="jqmWindow">&#160;</div>
        <div id="window-error-checkout" class="jqmWindow">&#160;</div>
        <div id="window-retry-cc" class="jqmWindow">&#160;</div>

        <xsl:call-template name="footer"/>
        <xsl:call-template name="pixels"/>
        <xsl:call-template name="javascript"/>
      </body>
    </html>

  </xsl:template>

  <xsl:template match="page[@key='/secure/account/home']">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <xsl:call-template name="head"/>
      <body class="template-signin">
        <xsl:call-template name="header"/>
        <div id="doc4">
          <div id="bd">

            <div class="droplet-myaccount-wrapper my-account-section">
              <input type="hidden" name="crmMember" id="crmMember"/>
              <input type="hidden" name="crmLevel" id="crmLevel"/>
              <div class="droplet-myaccount-tab-content">
                <div class="myaccount-home myaccount-tab">
                  <div class="my-account homepage">
                    <div class="droplet-my-account-topnav">
                      <a class="continue-shopping-button" href="/">Continue Shopping</a>

                      <div class="droplet-my-account-home-header">My Account</div>
                      <div class="droplet-my-account-livehelp droplet-livehelp">&#160;</div>
                    </div>
                    <div class="droplet-main-title">
                      <div class="main-title-text">
                        Use the sections below to manage your saved information and view previous orders.
                        <br/>
                      </div>
                      <div class="logout-account" onclick="location.href='/secure/signout';"
                           style="cursor:pointer;">
                        Sign Out
                      </div>

                    </div>
                    <div class="clear">&#160;</div>

                    <div class="rewards-section">
                      <div class="skxRewards-summary skxRewards-panel">
                        <div class="crm-name">
                          <div>
                            Welcome back, <span class="customer-name">&#160;</span>!
                          </div>
                        </div>

                        <div class="crm-home-logo">&#160;</div>
                        <div class="customer-level">
                          Current level: <span class="level">&#160;</span>
                          <span class="small-badge lvl-badge">&#160;</span>
                        </div>
                        <div class="crm-levels-rate">

                          <div class="standard-rate rate">
                            <span class="level-name">Standard =</span> Spend up to $750 per year
                          </div>

                          <div class="gold-rate rate">
                            <span class="level-name">Gold =</span> Spend over $750 per year
                          </div>
                          <div class="platinum-rate rate">
                            <span class="level-name">Platinum =</span> Spend over $1000 per year
                          </div>
                        </div>

                        <div class="crm-level-modal">
                          <a href="/c/modal-crm-levels.html" class="modal-crm-levels">See Details</a>
                        </div>

                      </div>
                      <div class="skxRewards-info skxRewards-panel">
                        <div class="crm-member-wrapper">
                          <div class="crm-member-topBar">
                            <div class="crm-member-badge">

                              <div class="small-badge member-badge">&#160;</div>
                            </div>
                            <div class="crm-member-number">
                              Member number: <span class="customer-number">&#160;</span>
                            </div>
                          </div>
                        </div>
                        <div class="clear">&#160;</div>
                        <div class="points-scale">
                          <div class="next-reward">
                            <span class="pts-to-level">&#160;</span> points to next reward!
                          </div>

                          <div class="scale-start scale-position">
                            <span class="point-size">0</span>
                            <p>Pts</p>
                          </div>
                          <div class="scale-end scale-position">
                            <span class="adjustable-scale point-size">0</span>
                            <p>Pts</p>
                          </div>

                          <div class="therm-corner-wrap therm-corner">
                            <div class="thermometer">
                              <div class="therm-bar">&#160;</div>
                            </div>

                          </div>
                        </div>

                        <div class="crm-points-content">
                          <div class="crm-current-points">
                            Current total: <span id="customer-points" class="customer-points">&#160;</span> points*
                          </div>
                          <div class="point-rate">
                            $1 = <span Class="lvl-rate">&#160;</span>. 150 points = $10 reward certificate.
                            <span class="question-modal">

                              <a href="/c/modal-crm-levels.html" class="modal modal-crm-levels">&#160;</a>
                            </span>
                            <p>*Point total may not reflect all purchases until they have shipped.</p>
                          </div>
                        </div>

                        <div id='redeem-reward' class="skxBlue-Btn-wrapper">
                          <div class="skxBlue-Btn crm-credit-btn">
                            <a  class="crm-redeem-reward" href="#">
                              <span>Redeem Now</span>
                            </a>

                          </div>
                        </div>

                        <div class="reward-rules">
                          <a href="/c/modal-crm-terms.html" class="modal-crm-terms">Terms and Conditions</a>
                        </div>

                      </div>
                    </div>
                    <div class="points-module">
                      <div class="points-module-content">&#160;</div>

                    </div>

                    <!--opt in html for landing page-->
                    <div class="rewards-optout-section">
                      <div class="crm-opt-out-bg">&#160;</div>
                      <div class="profile-unsubscribe rewards-flag">
                        <div class="crm-opt-out-logo">
                          &#160;
                        </div>

                        <div class="opt-out-div ">
                          <p>
                            <b>
                              SKECHERS Elite&#8482; program members earn rewards points and
                              receive FREE Standard Shipping on every SKECHERS.com order.
                              <span class="vip-more-info opt-out-msg">
                                <a href="/c/modal-crm-rules.html" class="modal-program-rules">Learn more</a>.
                              </span>
                            </b>
                          </p>
                          <div class="crm-card-checkbox">
                            <input type="checkbox" name="hasCrmCard" id="hasCrmCard"/>
                            <label class="crm-link-text" for="hasCrmCard">I received a SKECHERS Elite&#8482; Membership Card in-store.</label>

                            <!--<p class="crm-link-text">I received a SKECHERS Elite Membership Card in-store.</p>-->
                            <!--<span class="vip-more-info opt-in-msg"><a href="/c/modal-opt-in.html" class="modal-opt-in">Learn how you were added</a>.</span>-->
                          </div>
                          <div id='crm-opt-in-link' class="skxBlue-Btn-wrapper">
                            <div class="skxBlue-Btn crm-opt-in-btn">
                              <a class="crm-join modal-card-link hasCard" href="/c/modal-card-link.html">
                                <span>Join Now for FREE</span>
                              </a>
                              <a class="crm-join optIn-crm hasNoCard" href="#">
                                <span>Join Now for FREE</span>
                              </a>
                            </div>

                          </div>

                          <div class="crm-tc">
                            By clicking the button above, I agree to the SKECHERS Elite&#8482; program
                            <a href="/c/modal-crm-terms.html" class="modal-crm-terms">Terms and Conditions</a>
                          </div>

                        </div>
                      </div>

                    </div>

                    <div class="droplet-myaccount-tabs" id="my-account-choices">

                      <div class="clear">&#160;</div>
                      <div class="my-account-menu">
                        <div id="myaccount-profile">
                          <div class="my-account-title">
                            My Profile:
                            <span class="my-account-desc">
                              Edit your saved profile information, activate or print a SKECHERS Elite&#8482; membership card, or unsubscribe from SKECHERS Elite&#8482;.
                            </span>

                          </div>
                          <div class="my-account-profile">&#160;</div>
                        </div>
                      </div>
                      <div class="my-account-menu">
                        <div id="myaccount-order">
                          <div class="my-account-title">
                            My Order History:
                            <span class="my-account-desc">
                              View, track or
                              return an order.
                            </span>
                          </div>

                          <div class="my-account-order">&#160;</div>
                        </div>
                      </div>
                      <div class="my-account-menu">
                        <div id="myaccount-payment">
                          <div class="my-account-title">
                            My Payment Options:
                            <span class="my-account-desc">Edit saved payment options.</span>
                          </div>
                          <div class="my-account-payment">&#160;</div>

                        </div>
                      </div>
                      <div class="my-account-menu">
                        <div id="myaccount-wishlist">
                          <div class="my-account-title">
                            My Wish List:
                            <span class="my-account-desc">
                              Save and share your favorite
                              styles.
                            </span>
                          </div>
                          <div class="my-account-wish">&#160;</div>
                        </div>

                      </div>
                      <div class="clear">&#160;</div>
                    </div>
                  </div>
                </div>
                <div class="myaccount-profile myaccount-tab">
                  <!-- EDIT ACCOUNT  =================================================================================== -->
                  <div class="droplet-myaccount-wrapper my-account">
                    <div class="droplet-my-account-topnav">

                      <a href="/secure/account/home">Back to My Account</a>
                      <div class="droplet-my-account-header">My Profile</div>
                      <div class="droplet-my-account-livehelp droplet-livehelp">&#160;</div>
                    </div>
                    <div class="droplet-main-title">
                      <div class="main-title-text">
                        Use this section to edit your account
                        information.
                        <br/>
                      </div>

                      <div class="logout-account" onclick="location.href='/secure/signout';"
                           style="cursor:pointer;">
                        Sign Out
                      </div>
                    </div>
                    <div class="clear">&#160;</div>
                    <div class="my-account-center">
                      <div class="droplet-myprofile-tabs">
                        <ul>
                          <li class="myprofile-tab myprofile-tab-active">
                            <h3 id="myprofile-modify">Preferences</h3>

                          </li>
                          <li class="myprofile-tab">
                            <h3 id="myprofile-contact">Profile</h3>
                          </li>
                          <li class="myprofile-tab">
                            <h3 id="myprofile-password">Password</h3>
                          </li>
                          <li class="myprofile-tab">

                            <h3 id="myprofile-book">Address Book</h3>
                          </li>
                        </ul>
                        <div class="clear">&#160;</div>
                      </div>
                      <div class="droplet-myprofile-tab-content">
                        <div class="myprofile-modify myprofile-tab myprofile-tab-active">
                          <p>Please customize your preferences below:</p>

                          <br/>
                          <div class="modify-wrapper profile-content">
                            <form action="" class="email-preferences-profile">
                              <div class="modify-selections modify-gender">
                                <p>Shopping Preferences:</p>
                                <ul id="email-gender">
                                  <li>
                                    <input type="checkbox" id="email-women" name="emailGenders" value="womens" />&#160;

                                    <label for="email-women">Women&#8217;s Shoes</label>
                                  </li>
                                  <li>
                                    <input type="checkbox" id="email-men" name="emailGenders" value="mens" />&#160;
                                    <label for="email-men">Men&#8217;s Shoes</label>
                                  </li>
                                  <li>
                                    <input type="checkbox" id="email-girls" name="emailGenders" value="girls" />&#160;
                                    <label for="email-girls">Girls&#8217; Shoes</label>
                                  </li>

                                  <li>
                                    <input type="checkbox" id="email-boys" name="emailGenders" value="boys" />&#160;
                                    <label for="email-boys">Boys&#8217; Shoes</label>
                                  </li>
                                </ul>
                              </div>
                              <div class="modify-selections modify-updates">
                                <p>I&#8217;m also interested in hearing about:</p>

                                <ul id="email-updates">
                                  <!--<li>-->
                                  <!--<input type="checkbox"  name="emailUpdates" id="product-news" value="product-news" />-->
                                  <!--Product news and exclusive offers</li>-->
                                  <li>
                                    <input type="checkbox"  name="emailUpdates" id="fitness-news" value="fitness-news"/>&#160;
                                    <label for="fitness-news">SKECHERS Fitness News. Coming Soon!</label>
                                  </li>
                                  <li class="eliteUpdates">
                                    <input type="checkbox"  name="emailUpdates" id="elite-rewards" value="elite-rewards" />&#160;

                                    <label for="elite-rewards">SKECHERS Elite&#8482; Reward Updates</label>
                                  </li>
                                </ul>
                              </div>

                              <div class="modify-selections modify-email">
                                <p>Email Format:</p>
                                <ul id="email-format">

                                  <li>
                                    <input type="radio" name="emailType" class="email-pref" value="H" />
                                    HTML
                                  </li>
                                  <li>
                                    <input type="radio" name="emailType" class="email-pref" value="P" />
                                    Plain Text
                                  </li>
                                  <li>
                                    <input type="radio" name="emailType" class="email-pref" value="N" />

                                    No Preferences
                                  </li>
                                </ul>

                              </div>

                              <div class="modify-selections modify-oAuth">
                                <div class="oAuth-section">
                                  <p>Unlink Social Networks:</p>
                                  <ul>

                                    <li>
                                      <input id="facebookLinked" class="facebook-pref oAuth-pref" name="facebookLinked" value="false" type="checkbox" disabled="true"/>
                                      <label for="facebookLinked">&#160;Facebook</label>
                                    </li>
                                    <li>
                                      <input id="googleLinked" class="google-pref oAuth-pref" name="googleLinked" value="false" type="checkbox" disabled="true"/> Google
                                    </li>
                                    <li>
                                      <input id="twitterLinked" class="twitter-pref oAuth-pref" name="twitterLinked" value="false" type="checkbox" disabled="true"/>
                                      <label for="twitterLinked">&#160;Twitter</label>
                                    </li>
                                    <!--<li><input id="yahooLinked" class="yahoo-pref oAuth-pref" name="yahooLinked" value="false" type="checkbox" disabled="true"/> Yahoo</li>-->
                                  </ul>
                                </div>
                              </div>

                              <!--<div class="modify-selections modify-genderX">-->
                              <!--<p>Shopping Preferences:</p>-->
                              <!--<ul id="shopping-pref">-->
                              <!--<li>-->
                              <!--<input type="checkbox" class="email-women-shoes" value="womens-shoes" />-->
                              <!--Women&#8217;s Shoes</li>-->
                              <!--<li>-->
                              <!--<input type="checkbox" class="email-men-shoes" value="mens-shoes" />-->

                              <!--Men&#8217;s Shoes</li>-->
                              <!--<li>-->
                              <!--<input type="checkbox" class="email-girl-shoes" value="girls-shoes" />-->
                              <!--Girls&#8217; Shoes</li>-->
                              <!--<li>-->
                              <!--<input type="checkbox" class="email-boy-shoes" value="boys-shoes" />-->
                              <!--Boys&#8217; Shoes</li>-->
                              <!--<li>-->
                              <!--<input type="checkbox" class="email-infant-toddler-shoes" value="infant/toddler-shoes" />-->

                              <!--Infant/Toddler Shoes</li>-->
                              <!--<li>-->
                              <!--<input type="checkbox" class="email-best-seller" value="best-sellers" />-->
                              <!--Best Sellers</li>-->
                              <!--<li>-->
                              <!--<input type="checkbox" class="email-new-arrivals" value="new-arrivals" />-->
                              <!--New Arrivals</li>-->
                              <!--<li>-->
                              <!--<input type="checkbox" class="email-whats-hot" value="whats-hot" />-->

                              <!--What&#8217;s Hot</li>-->
                              <!--</ul>-->
                              <!--</div>-->
                              <!--<div class="modify-selections modify-preferences">-->
                              <!--<p>Your Style:</p>-->
                              <!--<ul id="your-style">-->
                              <!--<li>-->
                              <!--<input type="checkbox" class="email-fitness"  value="fitness" />-->
                              <!--Fitness</li>-->

                              <!--<li>-->
                              <!--<input type="checkbox" class="email-sneakers"  value="sneakers" />-->
                              <!--Sneakers</li>-->
                              <!--<li>-->
                              <!--<input type="checkbox" class="email-casual-shoes"  value="casual-shoes" />-->
                              <!--Casual Shoes</li>-->
                              <!--<li>-->
                              <!--<input type="checkbox" class="email-boots"  value="boots" />-->
                              <!--Boots</li>-->

                              <!--<li>-->
                              <!--<input type="checkbox" class="email-work-shoes" value="work/industrial-shoes" />-->
                              <!--Work/Industrial Shoes</li>-->
                              <!--<li>-->
                              <!--<input type="checkbox" class="email-dress-shoes" value="dress-shoes" />-->
                              <!--Dress Shoes</li>-->
                              <!--<li>-->
                              <!--<input type="checkbox" class="email-sandals" value="sandals" />-->
                              <!--Sandals</li>-->

                              <!--</ul>-->
                              <!--</div>-->
                              <!--<div class="modify-selections no-border modify-sizes">-->
                              <!--<p>Shoe Size</p>-->
                              <!--<ul class="profile-shoe-size">-->
                              <!--<li>-->
                              <!--<input type="checkbox" value="1" />-->
                              <!--1</li>-->
                              <!--<li>-->

                              <!--<input type="checkbox" value="2" />-->
                              <!--2</li>-->
                              <!--<li>-->
                              <!--<input type="checkbox" value="3" />-->
                              <!--3</li>-->
                              <!--<li>-->
                              <!--<input type="checkbox" value="4" />-->
                              <!--4</li>-->
                              <!--<li>-->

                              <!--<input type="checkbox" value="5" />-->
                              <!--5</li>-->
                              <!--<li>-->
                              <!--<input type="checkbox" value="6" />-->
                              <!--6</li>-->
                              <!--<li>-->
                              <!--<input type="checkbox" value="7" />-->
                              <!--7</li>-->
                              <!--<li>-->

                              <!--<input type="checkbox" value="8" />-->
                              <!--8</li>-->
                              <!--</ul>-->
                              <!--<ul class="profile-shoe-size">-->
                              <!--<li>-->
                              <!--<input type="checkbox" value="9" />-->
                              <!--9</li>-->
                              <!--<li>-->
                              <!--<input type="checkbox" value="10" />-->

                              <!--10</li>-->
                              <!--<li>-->
                              <!--<input type="checkbox" value="11" />-->
                              <!--11</li>-->
                              <!--<li>-->
                              <!--<input type="checkbox" value="12" />-->
                              <!--12</li>-->
                              <!--<li>-->
                              <!--<input type="checkbox" value="13" />-->

                              <!--13</li>-->
                              <!--<li>-->
                              <!--<input type="checkbox" value="14" />-->
                              <!--14</li>-->
                              <!--<li>-->
                              <!--<input type="checkbox" value="15" />-->
                              <!--15</li>-->
                              <!--</ul>-->
                              <!--<div class="clear">&#160;</div>-->

                              <!--</div>-->
                              <div class="clear">&#160;</div>
                              <input type="hidden" name="optIn" class="emailOptIn" />
                              <input type="hidden" name="emailPrefUpdated" class="emailPrefUpdated"/>
                            </form>
                          </div>
                          <div class="profile-subscribe profile-flag">
                            <div class="opt-out-div">
                              <!--<form action="/secure/api/user/attach">-->

                              <!--<input type="text" name="memberNum" id="memberNum"/><input type="button" name="submitAttach" onclick="attach()"/>-->
                              <!--</form>-->
                              <input type="checkbox" name="optIn-account" class="optIn-account" id="email-optout"/>
                              <label class="bold form-title" for="email-optout">Send me SKECHERS exclusive offers and product announcements via email.</label>
                              <span class="vip-more-info opt-in-msg">
                                <a href="/c/modal-opt-in.html" class="modal-opt-in">Learn how you were added</a>.
                              </span>
                            </div>
                          </div>

                          <div class="profile-unsubscribe profile-flag">
                            <div class="opt-out-div">
                              <!--<form action="/secure/api/user/attach">-->
                              <!--<input type="text" name="memberNum" id="memberNum"/><input type="button" name="submitAttach" onclick="attach()"/>-->
                              <!--</form>-->
                              <input type="checkbox" name="optIn-account" class="optIn-account" id="email-optin" />
                              <label class="bold form-title" for="email-optin">Yes, I would like to receive SKECHERS exclusive offers and product announcements via email.</label>
                              <!--<span class="vip-more-info opt-out-msg">Membership is FREE! <a href="/c/modal-skechers-elite-benefits.html" class="modal-vip-club">Learn more</a>.</span>-->

                            </div>
                          </div>


                          <div class="next-step">
                            <a href="#" class="update-email-info">
                              <span class="submit-text">Update Preferences</span>
                            </a>
                          </div>
                        </div>
                        <div class="myprofile-contact myprofile-tab">

                          <p>Modify your profile and click the &#8220;Update Profile&#8221; button to save changes.</p>
                          <br/>
                          <div class="contact-wrapper profile-content">
                            <div class="profile-contents">
                              <!--add myaccount-body-left for crm -->
                              <form action="/" id="profile-form">
                                <fieldset>

                                  <div class="center-contact-pref">
                                    <div class="profile-contact-settings">
                                      <div class="form-info">
                                        <label class="form-title" for="pt-fname">
                                          First Name:<span class="required">*</span>
                                        </label>
                                        <input type="text" name="firstName" class="form-name form-fields form-text" title="form-fname" id="pt-fname" />
                                      </div>

                                      <div class="form-info">

                                        <label class="form-title" for="pt-lname">
                                          Last Name:<span class="required">*</span>
                                        </label>
                                        <input type="text" name="lastName" class="form-name form-fields form-text" title="form-lname" id="pt-lname" />
                                      </div>
                                      <div class="form-info">
                                        <label class="form-title" for="pt-email">
                                          Email Address:<span class="required">*</span>
                                        </label>
                                        <input type="email" name="email" class="form-email-style form-email form-fields form-text" title="form-email" id="pt-email"/>
                                      </div>

                                      <div class="form-info">
                                        <label class="form-title" for="pt-zip">Postal/Zip Code:</label>
                                        <input type="text" name="zip" class="form-zip form-zipcode form-fields orEmpty not-required form-text" title="form-zip" id="pt-zip"/>
                                      </div>

                                      <div class="form-info">
                                        <p>
                                          Gender:<span class="required">*</span>
                                        </p>
                                        <div class="input-radio">

                                          <input type="radio" name="gender" value="F" class="gender-update" id="pt-female"/>
                                          <label for="pt-female">Female</label>
                                        </div>
                                        <div class="input-radio">
                                          <input type="radio" name="gender" value="M" class="gender-update" id="pt-male"/>
                                          <label for="pt-male">Male</label>
                                        </div>
                                      </div>

                                      <div class="form-info form-birthday">
                                        <label class="form-title">Birth Date:</label>

                                        <label class="hidden" for="profile-bMonth">Month</label>
                                        <select id="profile-bMonth" name="birthMonth" class="register-birthday noValidation not-required">
                                          <option value="">Month</option>
                                        </select>

                                        <label class="hidden" for="profile-bDay">Day</label>
                                        <select  id="profile-bDay" name="birthDay" class="register-birthday noValidation not-required">
                                          <option value="">Day</option>
                                        </select>

                                        <label class="hidden" for="profile-bYear">Year</label>
                                        <select  id="profile-bYear" name="birthYear" class="register-birthday noValidation not-required">

                                          <option value="">Year</option>
                                        </select>

                                        <div class='register-error birthday-error select-error'>&#160;</div>
                                      </div>

                                      <div class="form-info">
                                        <label class="form-title" for="pt-cell">Cell Phone:</label>
                                        <input type="text" name="mobilePhone" class="validate-phone form-cell not-required orEmpty form-fields form-text" title="form-cellPhone" id="pt-cell"/>

                                      </div>

                                      <div class="form-info">
                                        <input type="checkbox" value="true" class="big-checkbox noValidation not-required text-message" name="text-msg" title="form-txt-msg" id="pt-text-msg"/>
                                        <div class="register-text">
                                          <label for="pt-text-msg">
                                            Send me occasional text messages with exciting offers
                                            from SKECHERS. Coming Soon! <i>Standard text messaging rates may apply.</i>
                                          </label>
                                        </div>
                                      </div>

                                    </div>

                                  </div>
                                </fieldset>
                              </form>
                            </div>
                            <div class="myaccount-body-right">

                              <div class="crm-card-side">
                                <div class="crm-profile-logo">
                                  &#160;

                                </div>
                                <a href="#" id="crm-print-temp-card" class="print-temp-card crm-active">Print temporary Membership Card</a>
                              </div>

                              <div class="crm-management">
                                <div class="crm-active">
                                  <b>Account Management</b>
                                  <ul class="crm-options">

                                    <li>
                                      <a href="#" class="crm-link-card edit-crm">
                                        <span class="list-arrow list-arrow-right list-arrow-pos-left">&#160;</span>
                                        Link a new Membership Card
                                      </a>
                                      <div class="crm-new-card-content crm-account">

                                        <div class="clear">&#160;</div>
                                        <div class="crm-info">
                                          If you received a SKECHERS Elite&#8482; card in-store and do not
                                          already have a SKECHERS Online Account,
                                          enter the member number found on the back of
                                          your card to link it to your account.
                                        </div>

                                        <div class="crm-link-errors link-card-error">
                                          &#160;
                                        </div>

                                        <label for="link-number">Enter member account number: </label>
                                        <input class="form-fields crm-account-link register-crm-number not-required orEmpty form-text" type="text" id="link-number" name="memberNum"/>

                                        <div class="link-account crm-btn btn-105x20">Link Account</div>

                                      </div>
                                    </li>
                                    <li>
                                      <a href="#" class="crm-new-card edit-crm ">
                                        <span class="list-arrow list-arrow-right list-arrow-pos-left">&#160;</span>
                                        Request a new Membership Card
                                      </a>
                                      <div class="crm-new-card-content crm-account">

                                        <div class="clear">&#160;</div>

                                        <div class="crm-ship-card crm-info">
                                          A new Membership Card will be mailed to
                                          you at the address shown below.
                                          Please allow 4-6 weeks for delivery.
                                        </div>

                                        <div class="crm-billing-address">
                                          <div class="crm-edit-billing-address">Edit default billing address</div>
                                        </div>

                                        <div class="request-new-card crm-new-card-btn crm-btn btn-105x20">Submit</div>

                                      </div>
                                    </li>
                                    <li>
                                      <a href="#" class="crm-cancel edit-crm">
                                        <span class="list-arrow list-arrow-right list-arrow-pos-left">&#160;</span>
                                        Cancel Membership
                                      </a>
                                      <div class="crm-cancel-content crm-account">
                                        <div class="clear">&#160;</div>

                                        <div class="crm-cancel-account crm-info">
                                          Unsubscribe me from the SKECHERS Elite&#8482; program.
                                          I understand that any points and rewards certificates
                                          earned will be cancelled and will reset to zero if
                                          I re-join the program in the future.
                                        </div>

                                        <div class="optIn-crm crm-cancel-btn crm-btn btn-105x20">I Agree</div>

                                      </div>
                                    </li>
                                  </ul>

                                </div>

                                <div class="crm-inactive">
                                  <p>
                                    SKECHERS Elite&#8482; program members earn rewards points and
                                    receive FREE Standard Shipping on every SKECHERS.com order.
                                  </p>

                                  <div class="optIn-crm crm-btn btn-160x25">Join Now for FREE</div>

                                  <p class="crm-terms-message">
                                    By clicking the button above, I agree to the SKECHERS Elite&#8482; program <a class="modal-crm-terms" href="/c/modal-crm-terms.html">Terms and Conditions</a>
                                  </p>

                                </div>
                              </div>

                            </div>
                          </div>
                          <div class="next-step">
                            <span class="required-text">
                              <span class="required">*</span>Indicates required fields.
                            </span>
                            <a href="#" class="update-contact-pref">
                              <span class="submit-text">Update Profile</span>
                            </a>
                          </div>

                        </div>
                        <div class="myprofile-password myprofile-tab">
                          <p>Update your password here. Passwords may contain both letters and numbers and must be at least six characters in length.</p>
                          <br/>
                          <div class="contact-wrapper profile-content">
                            <div class="center-contact-pref">
                              <div class="password-section" style="float:left">
                                <form action="" id="profile-password">

                                  <fieldset>
                                    <div class="form-info">
                                      <label class="form-title" for="pw-current">
                                        Current Password:<span class="required">*</span>
                                      </label>
                                      <input type="password" name="passwordCheck" class="currentPassword form-current-password form-pw form-fields-pw form-pw-text" title="form-current-pw" id="pw-current"/>
                                    </div>
                                    <div class="form-info">
                                      <label class="form-title" for="pw-new">
                                        New Password:<span class="required">*</span>
                                      </label>

                                      <input type="password" name="password" class="new-password form-password form-pw form-fields-pw form-pw-text" title="form-new-pw" id="pw-new"/>
                                      <p class="register-password-hint">
                                        <i>Must be at least six letters or numbers.</i>
                                      </p>
                                    </div>

                                    <div class="form-info">
                                      <label class="form-title" for="pw-confirm">
                                        Confirm Password:<span class="required">*</span>
                                      </label>

                                      <input type="password" name="confirmPassword" class="confirmPassword form-confirm-pw form-pw form-fields-pw form-pw-text" title="form-confirm-new-pw" id="pw-confirm"/>
                                    </div>
                                  </fieldset>
                                </form>
                              </div>

                            </div>

                          </div>
                          <div class="next-step">
                            <span class="required-text">
                              <span class="required">*</span>Indicates required fields.
                            </span>

                            <a href="#" class="update-account-password">
                              <span class="submit-text">Update Password</span>
                            </a>
                          </div>

                        </div>
                        <div class="myprofile-book myprofile-tab">
                          <p>Manage your addresses here or enter a new address.</p>

                          <div class="address-type">
                            <div id="shipping-address-button" class="shipping-type address-button current-address-type">Shipping</div>

                            <div id="billing-address-button" class="billing-type address-button">Billing</div>
                          </div>

                          <div class="clear">&#160;</div>

                          <div class="saved-address-wrapper">&#160;</div>

                          <div class="book-new-address">
                            <div class="myaccount-body-left">
                              <h2>Add a New Address</h2>

                              <div class="account-info-form remove-p-space">
                                <form id="address-book-form" action="POST" class="profile-address-book">
                                  <fieldset>
                                    <div class="form-info">
                                      <label class="form-title" for="ab-fname">
                                        First Name:<span class="required">*</span>
                                      </label>
                                      <input type="text" name="firstName" class="form-name form-fields form-text showRight" title="form-fname" id="ab-fname"/>
                                    </div>

                                    <div class="form-info">
                                      <label class="form-title" for="ab-lname">
                                        Last Name:<span class="required">*</span>
                                      </label>
                                      <input type="text" name="lastName" class="form-name form-fields form-text" title="form-lname" id="ab-lname"/>
                                    </div>

                                    <div class="form-info">
                                      <label class="form-title" for="ab-addr1">
                                        Address Line 1:<span class="required">*</span>
                                      </label>

                                      <input type="text" name="address1"
                                             class="form-address form-fields form-text" title="form-addr" id="ab-addr1"/>
                                      <p class="address-hint">
                                        <i>Street address, P.O. Box, company name</i>
                                      </p>
                                    </div>
                                    <div class="form-info">
                                      <label class="form-title" for="ab-addr2">Address Line 2:</label>
                                      <input type="text" name="address2"
                                             class="form-address not-required form-fields noValidation form-text orEmpty" id="ab-addr2"/>

                                      <p class="address-hint">
                                        <i>Apartment, suite, unit, building, floor, etc.</i>
                                      </p>
                                    </div>
                                    <div class="form-info">
                                      <label class="form-title" for="ab-city">
                                        City:<span class="required">*</span>
                                      </label>
                                      <input type="text" name="city" class="form-city form-fields form-text" title="form-city" id="ab-city"/>

                                    </div>
                                    <div class="form-info">
                                      <label class="form-title" for="ab-state">
                                        State:<span class="required">*</span>
                                      </label>
                                      <select name="state" class="form-state" title="State" id="ab-state">
                                        <option value="CA">CA</option>
                                      </select>
                                    </div>

                                    <div class="form-info">
                                      <label class="form-title" for="ab-zip">
                                        Zip/Postal Code:<span class="required">*</span>
                                      </label>
                                      <input type="text" name="zip"
                                             class="form-zipcode form-fields form-text" title="form-zip" id="ab-zip"/>
                                    </div>
                                    <div class="form-info">
                                      <label class="form-title" for="ab-phone">
                                        Phone Number:<span class="required">*</span>
                                      </label>
                                      <input type="text" name="homePhone" class="validate-phone form-fields form-text" title="form-phone" id="ab-phone"/>

                                      <p class="phone-hint">
                                        <i>example: xxx-xxx-xxxx</i>
                                      </p>
                                      <div class="invalid-phone">
                                        Please enter a valid phone number.
                                      </div>
                                    </div>
                                    <input type="hidden" value="" name="id" class="noValidation id-address-update not-required" />
                                    <div class="form-info">
                                      <input type="checkbox" name="default" value="true" class="not-required noValidation" id="ab-default"/> &#160;<label for="ab-default">
                                        Make this my default <span class="default-address-type">shipping</span> address.
                                      </label>

                                    </div>
                                    <!--<div class="form-info">-->
                                    <!--<input type="checkbox" name="same-address" value="true" class="same-address not-required" /> This is also my <span class="same-address-type">billing</span> address.-->
                                    <!--</div>-->
                                    <div id="update-address-button" class="add-new-address btn-160x25 add-shipping">
                                      Add Address
                                    </div>
                                  </fieldset>
                                </form>

                                <span class="required-text">
                                  <span class="required">*</span>Indicates required fields.
                                </span>
                              </div>
                            </div>

                            <div class="myaccount-body-right">
                              &#160;
                            </div>

                          </div>

                        </div>
                        <div class="clear">&#160; </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="myaccount-order myaccount-tab">
                  <!-- ODRDER HISTORY  =================================================================================== -->

                  <div class="droplet-myaccount-wrapper my-account">
                    <div class="my-account">
                      <div class="droplet-my-account-topnav">
                        <a href="/secure/account/home">Back to My Account</a>
                        <div class="droplet-my-account-header">My Order History</div>
                        <div class="droplet-my-account-livehelp droplet-livehelp">&#160;</div>
                      </div>
                      <div class="droplet-main-title">

                        <div class="main-title-text">
                          Use this page to view your order history.
                          <br/>
                          <br/>
                        </div>
                        <div class="logout-account" onclick="location.href='/secure/signout';"
                             style="cursor:pointer;">
                          Sign Out
                        </div>
                      </div>
                      <div class="clear">&#160;</div>
                      <div class="my-account-center">
                        <!--<div class="email-account" onclick="location.href='test.html';"-->

                        <!--style="cursor:pointer;">Email-->
                        <!--</div>-->
                        <!--<div class="print-account" onclick="location.href='test.html';"-->
                        <!--style="cursor:pointer;">Print-->
                        <!--</div>-->
                        <div class="clear">&#160;</div>
                        <div class="order-summary">
                          <div class="order-header">
                            <div class="order-type order-title" style="width:60px;">Type:</div>

                            <div class="order-date order-title ">Order Date:</div>
                            <div class="order-number order-title">Order Number:</div>
                            <div class="order-status order-title">Status:</div>
                            <div class="order-total order-title">Total:</div>
                            <div class="order-points order-title">Points:</div>
                            <div class="history-button order-title">&#160;</div>

                          </div>

                          <div class="clear">&#160;</div>

                        </div>

                        <div class="crm-credit-transaction">
                          <a href="/c/modal-credit-purchase.html" class="modal-credit-purchase">Credit an in-store purchase to my SKECHERS Elite&#8482; account.</a>
                        </div>

                      </div>
                    </div>
                  </div>
                </div>
                <div class="myaccount-payment myaccount-tab">
                  <!-- PAYMENT OPTIONS  =================================================================================== -->
                  <div class="droplet-myaccount-wrapper my-account">
                    <div class="my-account">

                      <div class="droplet-my-account-topnav">
                        <a href="/secure/account/home">Back to My Account</a>
                        <div class="droplet-my-account-header">My Payment Options</div>
                        <div class="droplet-my-account-livehelp droplet-livehelp">&#160;</div>
                      </div>
                      <div class="droplet-main-title">
                        <div class="main-title-text">
                          <p>
                            The following payment methods are currently
                            associated with your account.
                          </p>

                          <p>
                            Changes made to your payment methods will not affect orders you have
                            already placed.
                          </p>
                          <br/>
                        </div>
                        <div class="logout-account" onclick="location.href='/secure/signout';"
                             style="cursor:pointer;">
                          Sign Out
                        </div>
                      </div>
                      <div class="clear">&#160;</div>
                      <div class="my-account-center">
                        <div class="payment-options">

                          &#160;
                          <div class="testCC">&#160;</div>
                        </div>
                        <div class='clear'>&#160;</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="myaccount-wishlist myaccount-tab">

                  <!-- WISHLIST  =================================================================================== -->
                  <div id="window-notify" class="jqmWindow">&#160;</div>
                  <div class="droplet-myaccount-wrapper my-account">
                    <div class="my-account">
                      <div class="droplet-my-account-topnav">
                        <a href="/secure/account/home">Back to My Account</a>
                        <div class="droplet-my-account-header">My Wish List</div>
                        <div class="droplet-my-account-livehelp droplet-livehelp">&#160;</div>

                      </div>
                      <div id="droplet-main-title">
                        <div class="main-title-text">
                          Save your favorite items here. As soon as you
                          are ready to purchase, just add your items to your shopping bag,
                          or print a copy to take with you to the store. <!-- You can also email your wish list to
                                                friends and family. -->
                          <br/>
                          <br/>
                        </div>
                        <div class="logout-account" onclick="location.href='/secure/signout';"
                             style="cursor:pointer;">
                          Sign Out
                        </div>
                      </div>

                      <div class="clear">&#160;</div>
                      <div class="my-account-center">

                        <!--    <div class="wish-list-email">
                                                <div class="friend-wishlist">Find a Friend's Wish List</div>
                                                <div class="form-info"><input class="friend-email" name="friend-email" type="text"/></div>
                                                <div class="silver-button friend-wish-button">Submit</div>
                                                <div class="error-wish-list-message">&#160;</div>

                                            </div> -->


                        <!--<a class="email-account" href="mailto:?subject=Skechers Wish list"-->
                        <!--style="cursor:pointer;">Email-->
                        <!--</a>-->
                        <div class="print-account" onclick="JavaScript:window.print();"
                             style="cursor:pointer;">
                          Print
                        </div>

                        <div class="clear">&#160; </div>

                        <div class="wl-summary">
                          <div class="wish-list-header">
                            <div class="wl-item wl-title ">ITEM DETAIL</div>
                            <div class="wl-price wl-title">PRICE</div>
                            <div class="wl-date wl-title">DATE ADDED</div>

                          </div>

                          <div class="droplet-wishlist-bag">

                            <div class="bagWrapper-wishlist">

                              <div class="item-summary item-wishlist">
                                <div class="empty-cart">&#160;</div>
                              </div>
                            </div>

                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

        </div>

        <!-- My Account Modals -->
        <div id="window-vip-club" class="jqmWindow">&#160;</div>
        <div id="window-profile-optOut" class="jqmWindow">&#160;</div>
        <div id="window-profile-optIn" class="jqmWindow">&#160;</div>
        <div id="window-delete-address" class="jqmWindow">&#160;</div>
        <div id="window-update-account" class="jqmWindow">&#160;</div>
        <div id="window-delete-order-shoe" class="jqmWindow">&#160;</div>

        <div id="window-reset-password" class="jqmWindow">&#160;</div>
        <div id="window-program-rules" class="jqmWindow">&#160;</div>
        <div id="window-crm-levels" class="jqmWindow">&#160;</div>
        <div id="window-credit-purchase" class="jqmWindow">&#160;</div>
        <div id="window-card-link" class="jqmWindow">&#160;</div>
        <div id="window-crm-tc" class="jqmWindow">&#160;</div>

        <xsl:call-template name="footer"/>
        <xsl:call-template name="pixels"/>

        <xsl:call-template name="javascript"/>
      </body>
    </html>

  </xsl:template>

  <xsl:template match="page[@key='/secure/friendwishlist']">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <xsl:call-template name="head"/>
      <body class="template-signin">

        <xsl:call-template name="header"/>
        <div id="doc4">
          <div id="bd">
            <div class="droplet-myaccount-wrapper friend-wish-list">
              <div class="my-account">
                <div class="droplet-my-account-topnav">
                  <a href="/secure/account/home">Continue Shopping</a>
                  <div class="droplet-my-account-header">Grant A Wish</div>

                  <div class="droplet-my-account-livehelp droplet-livehelp">&#160;</div>
                </div>
                <div id="droplet-main-title">
                  <div id="window-notify" class="jqmWindow">&#160;</div>
                  <div class="main-title-text">
                    Save your favorite items here. As soon as you
                    are ready to purchase, just add your items to your shopping bag,
                    <br/>
                    or print a copy to take with you to the store. You can also email your
                    wish list to friends and family.
                    <br/>
                    <br/>
                  </div>

                </div>
                <div class="clear">&#160;</div>
                <div class="my-account-center">


                  <div class="email-account" onclick="location.href='test.html';"
                       style="cursor:pointer;">
                    Email
                  </div>
                  <div class="print-account" onclick="location.href='test.html';"
                       style="cursor:pointer;">
                    Print
                  </div>
                  <div class="clear">&#160; </div>

                  <div class="wl-summary">
                    <div class="wish-list-header">
                      <div class="wl-item wl-title ">ITEM DETAIL</div>
                      <div class="wl-price wl-title">PRICE</div>
                      <div class="wl-date wl-title">DATE ADDED</div>
                    </div>

                    <div class="droplet-wishlist-bag">

                      <div class="bagWrapper-wishlist">

                        <div class="item-summary">
                          <div class="empty-cart">&#160;</div>
                        </div>

                      </div>
                    </div>

                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <xsl:call-template name="footer"/>
        <xsl:call-template name="pixels"/>

        <xsl:call-template name="javascript"/>
      </body>
    </html>

  </xsl:template>


  <xsl:template match="page[@key='/secure/checkout/bag']">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <xsl:call-template name="head"/>

      <body class="template-signin">
        <xsl:call-template name="header"/>
        <div id="doc4">
          <div id="bd">
            <xsl:call-template name="shopping-bag"/>
          </div>
        </div>

        <xsl:call-template name="footer"/>

        <xsl:call-template name="pixels"/>
        <xsl:call-template name="javascript"/>
      </body>
    </html>

  </xsl:template>


  <xsl:template name="shopping-bag">
    <div class="droplet-shopping-bag">

      <div class="edit-bag-page">
        <div class="bagWrapper">
          <div class="checkout-bag-header">Your Shopping Bag:</div>
          <div class="item-summary">
            <div class="empty-cart">&#160;</div>

            <div class="checkout-price-breakdown">

              <div class="price-desc merch-desc">

                Merchandise
                <!-- <span class="question-modal">
                        <a href="/c/modal-merchandise.html"
                           class="modal modal-merchandise">&#160;</a>
                    </span> -->
              </div>
              <div class="listing-price merchandise-price">$0</div>

              <div class="clear">&#160;</div>

              <div class="price-desc">
                <span class="shipping-desc">Estimated Shipping</span>

                <span class="question-modal">
                  <a href="/c/modal-estimated-shipping.html"
                     class="modal modal-estimated-shipping">&#160;</a>
                </span>
              </div>
              <div class="listing-price shipping-total">FREE</div>

              <div class="clear">&#160;</div>

              <div class="price-desc">

                <span class="tax-desc">Estimated Tax</span>
                <span class="question-modal">
                  <a href="/c/modal-estimated-tax.html"
                     class="modal modal-estimated-tax">&#160;</a>
                </span>
              </div>
              <div class="listing-price est-tax">$0.00</div>

              <div class="clear">&#160;</div>

              <div class="price-desc final-total">Estimated Total</div>
              <div class="listing-price final-price">&#160;</div>

            </div>

            <div class="accepted-cc">&#160;</div>



          </div>

        </div>
      </div>
    </div>


  </xsl:template>



  <xsl:template name="head">
    <head>

      <title>
        <xsl:value-of select="//page/@title"/> - SKECHERS Official Site
      </title>
      <link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/yui/2.8.1/build/reset-fonts-grids/reset-fonts-grids.css"/>
      <!--<link rel="stylesheet" type="text/css" href="/c/reset-fonts-grids.css"/>-->
      <link rel="stylesheet" type="text/css" href="{concat($path,'/',$scss)}" media="screen, print"/>
      <link rel="alternate" type="application/rss+xml" title="Newest shoes from SKECHERS" href="/c/rss.xml"/>
      <link rel="shortcut icon" type="image/x-icon" href="{$path}/favicon.ico"/>
      <xsl:if test="//page/@key = '/secure/checkout/processing'">
        <meta http-equiv="Refresh" content="5;url=/secure/checkout/thankyou" />

      </xsl:if>
    </head>
  </xsl:template>


  <xsl:template name="header">
    <div id="hd-wrap">
      <div id="hd">
        <div id="logo">
          <a href="/">
            <span>SKECHERS.com</span>
          </a>
        </div>

        <div id="toplinks">
          <a href="/">Home</a> /
          <a href="/secure/account/home?orderStatus=true">Order Status</a> /
          <a href="/secure/account/home">My Account</a> /
          <a href="/shop/gift-cards">Gift Cards</a>  /
          <a href="/info/help">Help</a><br/>

          <b>
            <a class="modal" id="modal-vip-club-header" href="/c/modal-skechers-elite-benefits.html">FREE SHIPPING when you join SKECHERS Elite&#8482;</a>
          </b>
        </div>
        <div id="bag-position">
          <div id="bag-wrap">
            <div id="bag">
              <div id="bag-summary" class="bag-empty">
                <b>Loading shopping bag...</b>
              </div>

            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="window-vip-club-header" class="jqmWindow">&#160;</div>
  </xsl:template>

  <xsl:template name="header-checkout">

    <div id="hd-wrap">
      <div id="hd">
        <div id="logo-checkout">
          <a href="/">
            <span>SKECHERS.com</span>
          </a>
        </div>


      </div>
    </div>
  </xsl:template>


  <xsl:template name="footer">
    <div id="ft-wrap">
      <div id="ft">
        <div id="sitemap">
          <div class="col">
            <h4>About SKECHERS</h4>
            <ul>
              <li>
                <a href="/info/store-locator">Store Locator</a>
              </li>

              <li>
                <a href="http://www.skx.com/">Corporate Info</a>
              </li>
              <li>
                <a href="https://skechers.affiliatetechnology.com/" target="_blank">Affiliate Program</a>
              </li>
              <!--<li><a href="/info/charities">SKECHERS Charities</a></li>-->
            </ul>
          </div>
          <div class="col">
            <h4>My Account</h4>

            <ul>
              <li>
                <a href="/secure/account/home">Sign In</a>
              </li>
              <li>
                <a href="/secure/account/home?orderStatus=true">Order Status</a>
              </li>
              <li>
                <a href="/secure/account/home?wishlist=true">Wish List</a>
              </li>

            </ul>
          </div>
          <div class="col">

            <h4>Customer Service</h4>
            <ul>
              <li>
                <a href="/info/help">Help / FAQ</a>
              </li>
              <li>
                <a href="/info/shipping-and-returns">Shipping &amp; Returns</a>
              </li>
              <li>
                <a href="/info/contact-us">Contact Us</a>
              </li>
            </ul>

          </div>
          <div class="col">
            <h4>SKECHERS Global</h4>
            <ul>
              <li>
                <a href="http://www.skechers.com/" class="global-usa">United States</a>
              </li>
              <li>
                <a href="/global" class="global-redirect">Select Your Country</a>
              </li>
              <li>
                <a href="/info/franchising-opportunity">Franchising Opportunity</a>
              </li>

            </ul>
          </div>
          <div class="col">
            <h4>Gift Cards</h4>
            <ul>
              <li>
                <a href="/shop/gift-cards">Purchase an e-Gift Card</a>
              </li>
              <li>
                <a href="/shop/gift-cards">Check Your Balance</a>
              </li>

            </ul>
          </div>
          <div class="clear">&#160;</div>
          <div id="copyright">
            Copyright &#169; 2012 SKECHERS USA, Inc.
            <a href="/info/privacy">Privacy Policy</a>
            <a href="/info/terms-and-conditions">Terms of Use</a>

          </div>
        </div>
        <div id="buzz">
          <!--<h4>Check out the latest buzz about SKECHERS &#187;</h4>-->
          <!--<div class="col">-->
          <!--<ul>-->
          <!--<li><a href="/info/buzz#buzz-tv" class="buzz-tv">On TV &#187;</a></li>-->
          <!--<li><a href="/info/buzz#buzz-print" class="buzz-print">Print Ads &#187;</a></li>-->
          <!--<li><a href="/info/buzz#buzz-news" class="buzz-news">In The News &#187;</a></li>-->

          <!--</ul>-->
          <!--</div>-->
          <!--<div class="col">-->
          <!--<ul>-->
          <!--<li><a href="/info/buzz#buzz-movies" class="buzz-movies">At The Movies &#187;</a></li>-->
          <!--<li><a href="/info/buzz#buzz-street" class="buzz-street">On The Street &#187;</a></li>-->
          <!--<li><a href="/info/buzz#buzz-online" class="buzz-online">Online &#187;</a></li>-->
          <!--</ul>-->
          <!--</div>-->

          <div id="droplet-subscribe" class="footer-subscribe">
            <h3 id="subscribe-footer-title">Connect with Us &#187;</h3>
            <div id="window-subscribe" class="jqmWindow">&#160;</div>
            <form id="form-subscribe" class="form-footer-subscribe" onsubmit="return submitSubscribeForm();">
              <input id="subscribe-email" type="email" name="email" class="input form-email footer-email" value="Enter your e-mail address to receive updates..." title="Please enter a valid email address."/>
              <input type="image" class="submit" value="Go" src="{$path}/button-send.png" width="48" height="29" border="0"/>
            </form>
            <div id="subscribe-disclosure" class="footer-disclosure">

              By entering my email address, I certify that the information I am providing is accurate and that I am at least 13 years of age.
            </div>

            <div id="footer-social-wrapper">
              <h5>SKECHERS</h5>
              <div id="footer-social-icons">
                <div class="fb-like-box lfloat">&#160;</div>
                <div class="twitter-box rfloat">&#160;</div>
              </div>

            </div>

          </div>
        </div>
      </div>
    </div>
    <noscript>
      <div class="alert" id="noscript-alert">
        Welcome to SKECHERS! For the best browsing experience, please turn on Javascript.
      </div>

    </noscript>
    <xsl:comment>
      <![CDATA[[if lt IE 7]>
            <div class="alert" id="ie-alert">
                Welcome to SKECHERS! For the best browsing experience, please upgrade your browser.
                &#160; (<a href="#" onclick="return closeAlertIE();">close this message</a> )
            </div>
        <![endif]]]>
    </xsl:comment>
  </xsl:template>


  <xsl:template name="pixels">
    <div id="pixels">
      &#160;

      <!-- Google asynchronous pixel -->

      <script type="text/javascript">

        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-5961675-1']);
        _gaq.push(['_trackPageview']);

        (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

      </script>
    </div>
  </xsl:template>


  <xsl:template name="format-date-time">
    <xsl:param name="date" select="//date" />

    <xsl:variable name="year" select="substring($date, 1, 4)" />
    <xsl:variable name="month" select="substring($date, 6, 2)" />
    <xsl:variable name="day" select="substring($date, 9, 2)" />
    <xsl:variable name="day2" select="translate($day, '0', '')" />

    <xsl:variable name="monthName"
      select="substring('JanFebMarAprMayJunJulAugSepOctNovDec',
                substring-before(substring-after($date,'-'),'-')*3-2,3)" />

    <xsl:value-of select="concat($monthName, ' ', $day, ', ', $year)" />

  </xsl:template>

  <xsl:template name="checkItemStatus">
    <xsl:param name="status" />

    <xsl:if test="$status = 'NEW' or $status = 'HOLD' or $status = 'PEN' or $status = 'PICK' or $status = 'OPEN'
            or $status = 'RETRY' or $status = 'AVS' or $status = 'PKMS' or $status = 'CHRGD' or $status= 'GCACT' or $status= 'GCHOLD' ">
      <span>
        <b>
          Status: <span class="item_status">PROCESSING</span>
        </b>
      </span>
    </xsl:if>

    <xsl:if test="$status = 'SHIP' or $status = 'SHCN' ">

      <span>
        <b>
          Status: <span class="item_status">SHIPPED</span>
        </b>
      </span>
    </xsl:if>

    <xsl:if test="$status = 'FAILED' or $status = 'AVS_FAILED' ">
      <span>
        <b>
          Status: <span class="item_status">FAILED</span>
        </b>
      </span>
    </xsl:if>

    <xsl:if test="$status = 'RTNC'">

      <span>
        <b>
          Status: <span class="item_status">RETURNED</span>
        </b>
      </span>
    </xsl:if>

    <xsl:if test="$status = 'CANC' or $status = 'CNCQ' or $status = 'CNCP'">
      <span>
        <b>
          Status: <span class="item_status">CANCELLED</span>
        </b>
      </span>
    </xsl:if>


  </xsl:template>


  <xsl:template name="javascript">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"> </script>
    <!--<script type="text/javascript" src="/c/jquery.min.js"> </script>-->
    <script type="text/javascript">
      xsmallimg = "<xsl:value-of select="$xsmall-img"/>";
      smallimg = "<xsl:value-of select="$small-img"/>";
      medimg = "<xsl:value-of select="$med-img"/>";
      largeimg = "<xsl:value-of select="$large-img"/>";
      xlargeimg = "<xsl:value-of select="$xlarge-img"/>";

      skx_template = "<xsl:value-of select="//page/@template"/>";
      skx_url = encodeURIComponent(document.URL);
      skx_referer = encodeURIComponent(document.referrer);
      skx_page_name = "<xsl:value-of select='//page/@title'/>";
      skx_page_key = "<xsl:value-of select="//page/@key"/>";

      <!-- Google conversion pixel -->

      var google_conversion_id = 1069777659;
      var google_conversion_language = "en_US";
      var google_conversion_format = "3";
      var google_conversion_color = "ffffff";
      var google_conversion_label = "purchase";
      var google_conversion_value = 0;

    </script>

    <script type="text/javascript" src="{concat($path,'/',$sjs)}"> </script>
    <xsl:if test="//page[@key='/secure/checkout/thankyou']">
      <script type="text/javascript">
        if (!window.mstag) mstag = {loadTag : function(){},time : (new Date()).getTime()};
      </script>
      <script id="mstag_tops" type="text/javascript" src="//flex.atdmt.com/mstag/site/809b3a42-1c28-402f-8e01-3c111def7110/mstag.js"> </script>

    </xsl:if>

  </xsl:template>

</xsl:stylesheet>
