<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:skx="http://www.skechers.com"
                xmlns:fb="http://www.facebook.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="css" select="page/conf/prop[@key='css']/@value"/>
  <xsl:variable name="js" select="page/conf/prop[@key='js']/@value"/>
  <xsl:variable name="pjs" select="page/conf/prop[@key='pjs']/@value"/>
  <xsl:variable name="cms" select="page/conf/prop[@key='cms']/@value"/>

  <xsl:template match="page[@template='Home']">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <xsl:call-template name="head"/>

      <body class="template-home">
        <xsl:call-template name="header"/>

        <div id="doc4">
          <div id="bd">
            <xsl:apply-templates select="content/slot[@key='Banner']"/>
            <xsl:apply-templates select="content/slot[@key='Main']"/>
            <div class="yui-gb">
              <div class="yui-u first">

                <xsl:comment>TileA</xsl:comment>
                <xsl:apply-templates select="content/slot[@key='TileA']"/>
              </div>
              <div class="yui-u">
                <xsl:comment>TileB</xsl:comment>
                <xsl:apply-templates select="content/slot[@key='TileB']"/>
              </div>
              <div class="yui-u">

                <xsl:comment>TileC</xsl:comment>
                <xsl:apply-templates select="content/slot[@key='TileC']"/>
              </div>
            </div>
            <xsl:comment>Middle</xsl:comment>
            <xsl:apply-templates select="content/slot[@key='Middle']"/>
            <div class="yui-gb">
              <div class="yui-u first">

                <xsl:comment>TileD</xsl:comment>
                <xsl:apply-templates select="content/slot[@key='TileD']"/>
              </div>
              <div class="yui-u">
                <xsl:comment>TileE</xsl:comment>
                <xsl:apply-templates select="content/slot[@key='TileE']"/>
              </div>
              <div class="yui-u">

                <xsl:comment>TileF</xsl:comment>
                <xsl:apply-templates select="content/slot[@key='TileF']"/>
              </div>
            </div>
            <div class="yui-gb">
              <div class="yui-u first">
                <xsl:comment>TileG</xsl:comment>
                <xsl:apply-templates select="content/slot[@key='TileG']"/>

              </div>
              <div class="yui-u">
                <xsl:comment>TileH</xsl:comment>
                <xsl:apply-templates select="content/slot[@key='TileH']"/>
              </div>
              <div class="yui-u">
                <xsl:comment>TileI</xsl:comment>
                <xsl:apply-templates select="content/slot[@key='TileI']"/>

              </div>
            </div>
            <xsl:apply-templates select="content/slot[@key='Bottom']"/>
            <div class="yui-gb">
              <div class="yui-u first">
                <xsl:comment>TileJ</xsl:comment>
                <xsl:apply-templates select="content/slot[@key='TileJ']"/>
              </div>

              <div class="yui-u">
                <xsl:comment>TileK</xsl:comment>
                <xsl:apply-templates select="content/slot[@key='TileK']"/>
              </div>
              <div class="yui-u">
                <xsl:comment>TileL</xsl:comment>
                <xsl:apply-templates select="content/slot[@key='TileL']"/>
              </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[@template='Listing']">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <xsl:call-template name="head"/>
      <body class="template-listing gender{//navigation/nav[@name='Gender']/state/@name}">
        <xsl:call-template name="header"/>

        <div id="doc4">

          <div id="bd">
            <div class="yui-gc">
              <div class="yui-u first">
                <h1 id="listingTitle">
                  <xsl:value-of select="//page/@title"/>
                </h1>
                <xsl:comment>Banner</xsl:comment>
                <xsl:apply-templates select="content/slot[@key='Banner']"/>
              </div>
              <div class="yui-u">

                <xsl:comment>TileA</xsl:comment>
                <xsl:apply-templates select="content/slot[@key='TileA']"/>
                <xsl:comment>TileB</xsl:comment>
                <xsl:apply-templates select="content/slot[@key='TileB']"/>
              </div>
            </div>
            <div class="yui-g">
              <xsl:call-template name="droplet-listing-nav"/>

            </div>
            <div class="yui-g">
              <xsl:call-template name="droplet-listing"/>
            </div>
            <div class="yui-g">
              <xsl:call-template name="droplet-recentlyviewed"/>
            </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[@template='Product']">
    <html xmlns="http://www.w3.org/1999/xhtml">

      <xsl:call-template name="head"/>
      <xsl:variable name="gender">
        <xsl:call-template name="genderlong">
          <xsl:with-param name="gender" select="//page/data/style/@gender"/>
        </xsl:call-template>
      </xsl:variable>
      <body class="template-product gender{$gender}">
        <xsl:call-template name="header"/>

        <div id="doc4">
          <div id="bd">
            <xsl:choose>
              <xsl:when test="//page[@key='/shop/gift-cards']">
                <xsl:call-template name="droplet-giftcard"/>
              </xsl:when>
              <xsl:otherwise>
                <xsl:call-template name="droplet-product"/>
              </xsl:otherwise>

            </xsl:choose>
          </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[@template='Generic']">
    <xsl:variable name="key" select="substring-after(//page/@key, '/')"/>
    <xsl:variable name="parsedKey" select="substring-before($key, '-')"/>
    <xsl:choose>
      <xsl:when test="$parsedKey = 'info/buzz'">
        <xsl:call-template name="buzz"/>
      </xsl:when>

      <xsl:when test="$parsedKey = 'info/fitness'">
        <xsl:call-template name="emptyPage"/>
      </xsl:when>
      <xsl:when test="$key = 'info/skechers-elite'">
        <xsl:call-template name="crm"/>
      </xsl:when>

      <xsl:when test="$key = 'email-preferences'">
        <xsl:call-template name="email-preferences"/>

      </xsl:when>
      <xsl:otherwise>
        <html xmlns="http://www.w3.org/1999/xhtml">
          <xsl:call-template name="head"/>
          <body class="template-generic">
            <xsl:call-template name="header"/>

            <div id="doc4">
              <div id="bd">

                <div class="yui-g">
                  <xsl:comment>Main</xsl:comment>
                  <div class="droplet-generic-header">
                    <h1>
                      <xsl:value-of select="//page/@title"/>
                    </h1>
                  </div>
                  <div class="droplet-generic-body">
                    <xsl:apply-templates select="content/slot[@key='Main']"/>
                  </div>

                  <div class="droplet-generic-footer">&#160;</div>
                </div>
              </div>
            </div>

            <xsl:call-template name="footer"/>
            <xsl:call-template name="pixels"/>
            <xsl:call-template name="javascript"/>
          </body>

        </html>
      </xsl:otherwise>
    </xsl:choose>
  </xsl:template>


  <xsl:template match="page[@template='ShapeUps']">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <xsl:call-template name="head"/>
      <body class="template-generic">

        <xsl:call-template name="header"/>

        <div id="doc4">
          <div id="bd">
            <div class="yui-g">
              <xsl:comment>Main</xsl:comment>
              <div class="droplet-generic-header">
                <div class="fitness-group-logo">&#160;</div>
              </div>

              <div class="droplet-generic-body">
                <xsl:apply-templates select="content/slot[@key='Main']"/>
              </div>
              <div class="droplet-generic-footer">&#160;</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[@template='GenericNoHeader']">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <xsl:call-template name="head"/>

      <body class="template-generic">
        <xsl:call-template name="header"/>

        <div id="doc4">
          <div id="bd">
            <div class="yui-g">
              <xsl:comment>Main</xsl:comment>

              <div id="template-genericNoHeader">

                <!--<div class="loading-icon">LOADING</div>-->
                <div class="droplet-generic-no-header-body visbility_hidden">
                  <xsl:apply-templates select="content/slot[@key='Main']"/>
                </div>
              </div>

            </div>
          </div>
        </div>

        <xsl:call-template name="footer"/>
        <xsl:call-template name="pixels"/>
        <xsl:call-template name="javascript"/>

        <!--Type Kit font-->
        <script type="text/javascript" src="http://use.typekit.com/rkm6uxe.js"> </script>
        <script type="text/javascript">try{Typekit.load();}catch(e){}</script>

      </body>
    </html>
  </xsl:template>


  <xsl:template name="head">
    <head>
      <title>
        <xsl:choose>
          <xsl:when test="//page[@template='Home']">Shoes, Sneakers, Sandals &amp; Boots - SKECHERS Official Site</xsl:when>

          <xsl:otherwise>
            <xsl:choose>
              <xsl:when test="//page/data/style and //page[@key!='/shop/gift-cards']">
                Buy SKECHERS
                <xsl:call-template name="genderposs">
                  <xsl:with-param name="gender" select="//page/data/style/@gender"/>
                </xsl:call-template>
                <xsl:value-of select="concat(//page/data/style/@name, ' ', //page/data/style/default-category-title, ' only $')"/>
                <xsl:for-each select="//sku[@in-stock='true']">
                  <xsl:sort select="@price" data-type="number"/>

                  <xsl:if test="position() = 1">
                    <!--Determine if shoe has discount-->
                    <xsl:choose>
                      <xsl:when test="@disc > 0">
                        <xsl:value-of select="format-number(@disc, '###,###.00')"/>
                      </xsl:when>
                      <xsl:otherwise>
                        <xsl:value-of select="format-number(@price, '###,###.00')"/>
                      </xsl:otherwise>

                    </xsl:choose>
                  </xsl:if>
                </xsl:for-each>
              </xsl:when>
              <xsl:otherwise>
                <xsl:value-of select="//page/@title"/>
                <xsl:text> - SKECHERS Official Site</xsl:text>
              </xsl:otherwise>

            </xsl:choose>
          </xsl:otherwise>
        </xsl:choose>
      </title>
      <meta name="geo.position" content="33.878060;-118.396399"/>
      <meta name="geo.placename" content="Manhattan Beach, California, USA"/>
      <meta name="geo.region" content="us-ca"/>
      <xsl:choose>
        <xsl:when test="//page[@template='Home']">
          <meta name="description" content="Shop SKECHERS online for the biggest selection of athletic, dress, casual and work shoes for Women, Men and Kids. Free shipping and no sales tax!"/>

        </xsl:when>
        <xsl:otherwise>
          <xsl:choose>
            <xsl:when test="//page/data/style and //page/data/style/@name != 'General'">
              <meta name="description" content="Shop SKECHERS.com for {//page/data/style/@name}. Free shipping and no sales tax!"/>
              <xsl:if test="//page/data/style/meta">
                <meta name="keywords" content="{//page/data/style/meta}"/>
              </xsl:if>
            </xsl:when>

            <xsl:otherwise>
              <xsl:if test="//page/@template != 'ShapeUps' ">
                <meta name="description" content="Shop SKECHERS.com for {//page/@title}. Free shipping and no sales tax!"/>
              </xsl:if>
              <xsl:if test="//page/@template = 'ShapeUps' ">
                <meta name="description" content="{//page/@title} at SKECHERS.com"/>
                <meta name="keywords" content="{//meta}"/>
              </xsl:if>
            </xsl:otherwise>

          </xsl:choose>
        </xsl:otherwise>
      </xsl:choose>
      <meta property="og:site_name" content="SKECHERS"/>
      <xsl:if test="//page/data/style">
        <meta property="og:image" content="{concat($large-img,'/',//page/data/style/product[1]/media[@view='0']/@image)}"/>
      </xsl:if>
      <meta property="fb:app_id" content="156622481018682"/>
      <xsl:if test="//page/data/search-results/redirect">

        <meta http-equiv="refresh" content="0; url={//page/data/search-results/redirect}"/>
      </xsl:if>
      <link rel="stylesheet" type="text/css" href="http://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,'/',$css)}"/>
      <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"/>

      <!--Google+1-->

      <!--<link rel="canonical" href="#"/>-->

    </head>
  </xsl:template>


  <xsl:template name="header">
    <div id="window-sizechart" class="jqmWindow">&#160;</div>
    <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 id="modal-vip-club-header" class="modal" 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="nav-wrap">
      <div id="nav-top">
        <ul id="nav-top-list">

          <xsl:apply-templates select="document('/')//top_nav"/>
          <!--<li class="nav-bar nav-bar-static"><h3><a href="/info/fitness">Fitness Info</a></h3></li>-->

          <!--<li id="nav-discover" class="nav-bar">-->
          <!--<h2><a href="#">DISCOVER</a></h2>-->
          <!--<div class="dropdown" id="dropdown-discover">-->
          <!--<div class="col col-Style">-->
          <!--<b>List Items</b>-->
          <!--<dl>-->

          <!--<dd><a href="#">For her >></a></dd>-->
          <!--<dd><a href="#">For him >></a></dd>-->
          <!--<dd><a href="#">For girls >></a></dd>-->
          <!--<dd><a href="#">For boys >></a></dd>-->
          <!--</dl>-->
          <!--</div>-->
          <!--</div>-->
          <!--</li>-->

          <li id="nav-commercials" class="nav-bar-static">
            <h2>
              <a href="/info/commercials">COMMERCIALS</a>
            </h2>
          </li>
          <li id="nav-clearance" class="nav-bar-static">
            <h2>
              <a href="/styles/clearance">CLEARANCE</a>
            </h2>
          </li>
        </ul>
        <form id="search" action="/search">

          <input type="text" id="t" name="t" value="What are you looking for?"/>
          <input type="image" class="submit" value="Go" src="{$path}/button-go.png" width="33" height="24" border="0"/>
        </form>
      </div>
    </div>
    <div id="window-vip-club-header" class="jqmWindow">&#160;</div>
  </xsl:template>


  <xsl:template match="top_nav">

    <li id="nav-{@title}" class="nav-bar">
      <h2>
        <a href="{@link}">
          <xsl:value-of select="@title"/>
        </a>
      </h2>
      <div class="dropdown" id="dropdown-{@title}">
        <xsl:if test="nav[@name='Styles']">
          <div class="col col-Style">
            <b>Browse by Style:</b>
            <dl>
              <xsl:for-each select="nav[@name='Styles']/nav">

                <xsl:sort select="@name"/>
                <dd>
                  <a href="{../../@link}{@key}">
                    <xsl:value-of select="@name"/>
                  </a>
                </dd>
              </xsl:for-each>
              <dd>
                <a href="{@link}">View All &#187;</a>
              </dd>
            </dl>
          </div>
          <div class="nav-sep">&#160;</div>
        </xsl:if>

        <xsl:if test="nav[@name='Price Range']">
          <div class="col col-Price">
            <b>Browse by Price:</b>
            <dl>
              <xsl:for-each select="nav[@name='Price Range']/nav">
                <xsl:sort data-type="number" select="@name"/>
                <dd>
                  <a href="{../../@link}#{../@name}={substring-after(@key,'/')}">
                    Up to $<xsl:value-of select="@name"/>
                  </a>
                </dd>
              </xsl:for-each>

              <dd>
                <a href="{@link}">View All &#187;</a>
              </dd>
            </dl>
            <xsl:if test="nav[@name='Width']">
              <!--<xsl:for-each select="nav[@name='Price Range']/nav">-->
              <!--</xsl:for-each>-->
              <b>Browse by Width:</b>
              <dl>
                <xsl:for-each select="nav[@name='Width']/nav">

                  <xsl:variable name="widthName" select="@name"/>
                  <xsl:if test="$widthName!='Medium Width'">
                    <dd>
                      <a href="{../../@link}#Width={$widthName}">
                        <xsl:value-of select="$widthName"/>
                      </a>
                    </dd>
                  </xsl:if>
                </xsl:for-each>
                <!--<dd><a href="{@link}#Width={nav[@name='Width']/nav[position()=2]/@name}"><xsl:value-of select="nav[@name='Width']/nav[position()=2]/@name"/></a></dd>-->
              </dl>
            </xsl:if>
          </div>

          <div class="nav-sep">&#160;</div>
        </xsl:if>
        <xsl:if test="nav[@name='Size']">
          <div class="col col-Size">
            <b>Browse by Size:</b>
            <dl>
              <dd>
                <a href="/c/modal-sizechart.html" class="modal modal-size-chart gender-{@title}">Size Chart</a>
              </dd>
            </dl>

            <xsl:choose>
              <xsl:when test="@title='Boys' or @title='Girls'">
                <dl class="list-size">
                  <dd>
                    <b>Infant and Toddler:</b>
                  </dd>
                  <xsl:for-each select="nav[@name='Size']/nav">
                    <!--<xsl:sort select="substring-before(@name,'N')" data-type="number"/>-->
                    <xsl:if test="contains(@name,'N') and not(contains(@name,'W'))">
                      <dd class="size">
                        <a href="{../../@link}#{../@name}={substring-after(@key,'/')}">
                          <xsl:value-of select="substring-before(@name,'N')"/>
                        </a>
                      </dd>

                    </xsl:if>
                  </xsl:for-each>
                  <dd class="clear">&#160;</dd>
                </dl>
                <dl class="list-size">
                  <dd>
                    <b>Preschool and Grade School:</b>
                  </dd>
                  <xsl:for-each select="nav[@name='Size']/nav">
                    <!--<xsl:sort select="substring-before(@name,'L')" data-type="number"/>-->

                    <xsl:if test="contains(@name,'L') and not(contains(@name,'W'))">
                      <dd class="size">
                        <a href="{../../@link}#{../@name}={substring-after(@key,'/')}">
                          <xsl:value-of select="substring-before(@name,'L')"/>
                        </a>
                      </dd>
                    </xsl:if>
                  </xsl:for-each>
                  <dd class="clear">&#160;</dd>
                </dl>
              </xsl:when>
              <xsl:otherwise>
                <dl class="list-size">

                  <xsl:for-each select="nav[@name='Size']/nav">
                    <xsl:sort select="@name" data-type="number"/>
                    <xsl:if test="string(number(@name)) != 'NaN'">
                      <dd class="size">
                        <a href="{../../@link}#{../@name}={substring-after(@key,'/')}">
                          <xsl:value-of select="@name"/>
                        </a>
                      </dd>
                    </xsl:if>
                  </xsl:for-each>
                  <dd class="clear">&#160;</dd>
                </dl>
              </xsl:otherwise>

            </xsl:choose>
          </div>
          <div class="nav-sep">&#160;</div>
        </xsl:if>
        <xsl:if test="nav[@name='Color']">
          <div class="col col-Color">
            <b>Browse by Color:</b>
            <dl>

              <xsl:for-each select="nav[@name='Color']/nav">
                <xsl:sort select="@name"/>
                <dd>
                  <span class="swatch swatch-{@name}" onclick="location.href='{../../@link}#{../@name}={substring-after(@key,'/')}'">
                    <a href="{../../@link}#{../@name}={substring-after(@key,'/')}">
                      <xsl:value-of select="@name"/>
                    </a>
                  </span>
                </dd>
              </xsl:for-each>
              <dd>
                <a href="{@link}">View All &#187;</a>
              </dd>
            </dl>
          </div>
        </xsl:if>

      </div>
    </li>
  </xsl:template>


  <xsl:template match="slot">
    <div class="slot" id="slot-{@key}">
      <xsl:apply-templates select="child::node()"/>
    </div>
  </xsl:template>


  <xsl:template match="droplet[@type='Images']">
    <xsl:choose>
      <xsl:when test="count(document) &gt; 1">
        <div class="droplet-images-multi">
          <xsl:for-each select="document">
            <xsl:call-template name="display-image">
              <xsl:with-param name="image" select="."/>
            </xsl:call-template>

          </xsl:for-each>
        </div>
        <div class="clear">&#160;</div>
      </xsl:when>
      <xsl:otherwise>
        <div class="droplet-images-single">
          <xsl:call-template name="display-image">
            <xsl:with-param name="image" select="document"/>
          </xsl:call-template>

        </div>
      </xsl:otherwise>
    </xsl:choose>
  </xsl:template>

  <!--THIS TEMPLATE IS STRICTLY USED FOR THE COMMERCIALS PAGE, for the moment-->
  <xsl:template match="droplet[@type='Videos']">
    <div id="video-template">
      <div class="video-wrapper">

        <xsl:apply-templates select="//content/slot[@key='Banner']"/>
        <div class="video-area">
          <div class="droplet-video-active">
            <div class="skxCycle">
              <a href="#" class="cycle-left cycle-arrow">&#160;</a>
              <a href="#" class="cycle-right cycle-arrow">&#160;</a>
            </div>
            <div class="droplet-video-player">
              &#160;

            </div>
          </div>
        </div>
        <div class="droplet-video">
          <ul>
            <!--FOR FEATURED SLOT-->
            <xsl:if test="//slot[@key='featured'] !=''">
              <li>
                <xsl:apply-templates select="//content/slot[@key='featured']"/>
              </li>

            </xsl:if>

            <xsl:for-each select="document">
              <xsl:call-template name="display-video">
                <xsl:with-param name="image" select="."/>
              </xsl:call-template>
            </xsl:for-each>
          </ul>
        </div>

      </div>
      <div class="bottom-grey-chrome">&#160;</div>
    </div>
  </xsl:template>

  <xsl:template name="display-video">
    <xsl:param name="image"/>
    <li>
      <div class="display-video">

        <a href="#">
          <div class="video-play-control-main">&#160;</div>
          <div class="video-thumbnail">
            <img src="{concat($cms, '/', $image/@filename)}" width="{$image/@width}" height="{$image/@height}" alt="shoe" />
          </div>
          <div class="video-content">
            <div class="video-title">
              <xsl:value-of select="$image/@title"/>
            </div>

            <div class="video-desc">
              <xsl:value-of select="$image/@imageMap" disable-output-escaping="yes"/>
            </div>
            <input class="video-url" type="hidden" value="{$image/@linkType}"/>
            <input class="video-type" type="hidden" value="{$image/@altText}"/>
          </div>
        </a>
      </div>
    </li>

  </xsl:template>

  <xsl:template match="droplet[@type='FeaturedBanner']">
    <div id="droplet-featuredbanner" class="featuredbox-wrapper">
      <ul>
        <xsl:for-each select="document">
          <li>
            <xsl:call-template name="display-image">
              <xsl:with-param name="image" select="."/>
            </xsl:call-template>

            <div>
              <xsl:if test="document/@altText != ''">
                <xsl:value-of select="document/@altText"/>
              </xsl:if>
            </div>
            <div>
              <xsl:if test="document/@title != ''">
                <xsl:value-of select="document/@title"/>
              </xsl:if>
            </div>
            <div>&#160;</div>
          </li>
        </xsl:for-each>
      </ul>
    </div>
  </xsl:template>

  <xsl:template match="droplet[@type='Html']">
    <div class="droplet-html esc">
      <xsl:value-of select="html" disable-output-escaping="yes"/>
    </div>
  </xsl:template>


  <xsl:template name="display-image">
    <xsl:param name="image"/>

    <div class="display-image">
      <xsl:choose>
        <xsl:when test="$image/@linkUrl != ''">
          <xsl:choose>
            <xsl:when test="$image/@linkType != ''">
              <a manual_cm_sp="{$image/@linkType}" href="{$image/@linkUrl}" rel="{$image/@title}">
                <img src="/c/spc.png" style="background-image:url({concat($cms,'/',$image/@filename)})" width="{$image/@width}" height="{$image/@height}" alt="{$image/@altText}"/>
              </a>
            </xsl:when>
            <xsl:otherwise>
              <a href="{$image/@linkUrl}" rel="{$image/@title}">
                <img src="/c/spc.png" style="background-image:url({concat($cms,'/',$image/@filename)})" width="{$image/@width}" height="{$image/@height}" alt="{$image/@altText}"/>
              </a>

            </xsl:otherwise>
          </xsl:choose>
        </xsl:when>
        <xsl:otherwise>
          <xsl:choose>
            <xsl:when test="$image/@imageMap != ''">
              <img src="/c/spc.png" style="background-image:url({concat($cms,'/',$image/@filename)})" width="{$image/@width}" height="{$image/@height}" alt="{$image/@altText}"  usemap="#map_{$image/@filename}" class="{$image/@title}"/>
              <map name="map_{$image/@filename}" class="esc" >
                <xsl:value-of select="$image/@imageMap" disable-output-escaping="yes"/>

              </map>
            </xsl:when>
            <xsl:otherwise>
              <img src="/c/spc.png" style="background:url({concat($cms,'/',$image/@filename)}) no-repeat;" width="{$image/@width}" height="{$image/@height}" alt="{$image/@altText}" class="{$image/@title}"/>
            </xsl:otherwise>
          </xsl:choose>
        </xsl:otherwise>
      </xsl:choose>
    </div>

  </xsl:template>


  <xsl:template match="droplet[@type='Wall']">
    <div id="droplet-wall">
      <h3>Check out what's happening right now &#187;</h3>
      <div class="loading">Loading activity...</div>
    </div>
  </xsl:template>


  <xsl:template match="droplet[@type='HotStyles']">
    <xsl:if test="//rule[@zone='Carousel']">
      <div class="droplet-hotstyles">
        <div class="listing-title">
          <h2>
            Check out hot new styles for <a href="{document('/')//top_nav[@title='Women']/@link}">Women</a>
          </h2>
          <div class="nav">
            <a class="hotstyles-Women" href="{document('/')//top_nav[@title='Women']/@link}" onclick="return hotstyles('Women');">Women</a>

            <a class="hotstyles-Men" href="{document('/')//top_nav[@title='Men']/@link}" onclick="return hotstyles('Men');">Men</a>
            <a class="hotstyles-Girls" href="{document('/')//top_nav[@title='Girls']/@link}" onclick="return hotstyles('Girls');">Girls</a>
            <a class="hotstyles-Boys" href="{document('/')//top_nav[@title='Boys']/@link}" onclick="return hotstyles('Boys');">Boys</a>
          </div>
          <div class="clear">&#160;</div>
        </div>
        <div class="listing">

          <div class="women list">
            <xsl:for-each select="//rule[@zone='Carousel' and @title='women']/record">
              <xsl:call-template name="listing-product">
                <xsl:with-param name="product" select="."/>
              </xsl:call-template>
            </xsl:for-each>
          </div>
          <div class="men list">
            <xsl:for-each select="//rule[@zone='Carousel' and @title='men']/record">

              <xsl:call-template name="listing-product">
                <xsl:with-param name="product" select="."/>
              </xsl:call-template>
            </xsl:for-each>
          </div>
          <div class="girls list">
            <xsl:for-each select="//rule[@zone='Carousel' and @title='girls']/record">
              <xsl:call-template name="listing-product">
                <xsl:with-param name="product" select="."/>

              </xsl:call-template>
            </xsl:for-each>
          </div>
          <div class="boys list">
            <xsl:for-each select="//rule[@zone='Carousel' and @title='boys']/record">
              <xsl:call-template name="listing-product">
                <xsl:with-param name="product" select="."/>
              </xsl:call-template>
            </xsl:for-each>

          </div>
        </div>
        <div class="listing-end">&#160;</div>
      </div>
    </xsl:if>
  </xsl:template>


  <xsl:template name="listing-product">
    <xsl:param name="product"/>

    <div class="product" id="{substring-before($product/@image,'.')}">
      <u class="product-load-img">
        <a href="{concat('/style',$product/@key)}">
          <span class="{concat($med-img,'/',$product/@image)}">&#160;</span>
          <em class="{$product/@name}">&#160;</em>
        </a>
      </u>
      <h3>
        <a href="{concat('/style',$product/@key)}">
          <xsl:call-template name="genderposs">
            <xsl:with-param name="gender" select="$product/@gender"/>
          </xsl:call-template>
          <xsl:value-of select="$product/@name"/>
        </a>
      </h3>
      <div class="price">
        <xsl:choose>
          <xsl:when test="$product/@disc = $product/@price">
            <b>
              $<xsl:value-of select="format-number($product/@price, '###,###.00')"/>
            </b>

          </xsl:when>
          <xsl:otherwise>
            <del>
              $<xsl:value-of select="format-number($product/@price, '###,###.00')"/>
            </del>
            <ins>
              $<xsl:value-of select="format-number($product/@disc, '###,###.00')"/>
            </ins>
            <em>
              save <xsl:value-of select="format-number(1-($product/@disc div $product/@price), '###%')"/>
            </em>
          </xsl:otherwise>
        </xsl:choose>

      </div>
      <xsl:if test="$product/@alt_count &gt; 0">
        <i>see available colors</i>
        <div class="altcolors">
          <div class="altcolors-title">
            <h4>
              <xsl:call-template name="genderposs">
                <xsl:with-param name="gender" select="$product/@gender"/>
              </xsl:call-template>
              <xsl:value-of select="$product/@name"/>
            </h4>&#160;in more colors
          </div>
          <div class="altcolors-list">

            <xsl:for-each select="$product/altcolor">
              <div class="altcolors-product">
                <a class="altcolor-img" href="{concat('/style',@key)}">
                  <span class="{concat($small-img,'/',@image)}">&#160;</span>
                </a>
                <br/>
                <a href="{concat('/style',@key)}">
                  <xsl:value-of select="@color"/>
                </a>
              </div>
              <xsl:if test="position() mod 3 = 0">
                <div class="clear">&#160;</div>
              </xsl:if>
            </xsl:for-each>

            <div class="clear">&#160;</div>
          </div>
        </div>
      </xsl:if>
    </div>
  </xsl:template>


  <xsl:template name="genderkey">
    <xsl:param name="gender"/>

    <xsl:if test="$gender='W'">women</xsl:if>
    <xsl:if test="$gender='M'">men</xsl:if>
    <xsl:if test="$gender='B'">boys</xsl:if>
    <xsl:if test="$gender='G'">girls</xsl:if>
  </xsl:template>

  <xsl:template name="genderlong">

    <xsl:param name="gender"/>
    <xsl:if test="$gender='W'">Women</xsl:if>
    <xsl:if test="$gender='M'">Men</xsl:if>
    <xsl:if test="$gender='B'">Boys</xsl:if>
    <xsl:if test="$gender='G'">Girls</xsl:if>
  </xsl:template>

  <xsl:template name="genderposs">
    <xsl:param name="gender"/>
    <xsl:if test="$gender='W'">Women's </xsl:if>
    <xsl:if test="$gender='M'">Men's </xsl:if>
    <xsl:if test="$gender='B'">Boys' </xsl:if>
    <xsl:if test="$gender='G'">Girls' </xsl:if>
  </xsl:template>


  <xsl:template match="droplet[@type='Subscribe']">
    <div id="droplet-subscribe" class="content-subscribe">
      <h3 id="subscribe-title">Keep up-to-date on our new styles &#187;</h3>
      <ul>
        <li>
          <a href="/c/rss.xml" id="subscribe-rss">Subscribe</a>
        </li>
        <li>
          <a href="http://twitter.com/#!/SKECHERSUSA" id="subscribe-twitter">Follow us</a>
        </li>

        <li>
          <a href="http://facebook.com/skechers" id="subscribe-facebook">Like us</a>
        </li>
      </ul>
      <div id="window-subscribe" class="jqmWindow">&#160;</div>
      <form id="form-subscribe" class="form-content-subscribe" onsubmit="return submitSubscribeForm();">
        <input id="subscribe-email" type="email" name="email" class="input form-email content-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-go.png" width="33" height="24" border="0"/>
      </form>
      <div id="subscribe-disclosure" class="content-disclosure">
        By entering my email address, <br/>I certify that the information I am providing <br/>is accurate and that I am at least 13 years of age.
      </div>

    </div>
  </xsl:template>


  <xsl:template name="droplet-livehelp">
    <div class="droplet-livehelp">
      &#160;
    </div>
  </xsl:template>

  <xsl:template name="droplet-listing-nav">
    <xsl:choose>
      <xsl:when test="//search-results/navigation/nav">
        <div class="droplet-listing-nav">
          <div class="droplet-listing-title">
            <h2>Narrow my choices:</h2>
            <div class="droplet-listing-instructions">Select from the drop-down boxes below to start browsing</div>

            <div class="droplet-listing-searches">
              <div class="droplet-listing-clear">
                <a href="#" onclick="return removeAll();">Clear all choices</a>
              </div>
              <div class="droplet-listing-save">
                <a href="#" onclick="return saveSearch();">Save search</a>
                <div class="saving">Saving...</div>
              </div>
              <div class="droplet-listing-saved">&#160;</div>

            </div>
            <div class="clear">&#160;</div>
          </div>
          <div class="droplet-listing-nav-body">
            <xsl:if test="//search-results/navigation/nav[@name='Gender']/nav">
              <xsl:apply-templates select="//search-results/navigation/nav[@name='Gender']"/>
            </xsl:if>
            <xsl:apply-templates select="//search-results/navigation/nav[@name='Styles']"/>
            <xsl:apply-templates select="//search-results/navigation/nav[@name='Price Range']"/>

            <xsl:apply-templates select="//search-results/navigation/nav[@name='Size']"/>
            <xsl:apply-templates select="//search-results/navigation/nav[@name='Color']"/>
            <xsl:apply-templates select="//search-results/navigation/nav[@name='Brands']"/>
            <div class="clear">&#160;</div>
          </div>
        </div>
      </xsl:when>
      <xsl:otherwise>&#160;</xsl:otherwise>
    </xsl:choose>

  </xsl:template>


  <xsl:template name="listing-nav" match="//search-results/navigation/nav">
    <xsl:variable name="selected">
      <xsl:if test="state">listing-nav-selected</xsl:if>
    </xsl:variable>
    <div class="listing-nav listing-nav-{translate(@name,' ','')} {$selected}">
      <xsl:if test="@name='Gender'">
        <div class="listing-nav-button">
          <h3>Gender</h3>

          <xsl:if test="nav">
            <div class="dropdown">
              <ul>
                <xsl:for-each select="nav">
                  <li>
                    <a href="#{../@name}={substring-after(@key,'/')}" onclick="return navGender('{substring-after(@key,'/')}');">
                      <xsl:value-of select="@name"/>
                    </a>
                  </li>
                </xsl:for-each>
              </ul>
            </div>

          </xsl:if>
        </div>
      </xsl:if>
      <xsl:if test="@name='Styles'">
        <div class="listing-nav-button">
          <h3>Styles</h3>
          <xsl:if test="nav">
            <div class="dropdown">

              <ul>
                <xsl:for-each select="nav">
                  <xsl:sort select="@name"/>
                  <li>
                    <a href="#{../@name}={@key}" onclick="return navStyles('{@key}');">
                      <xsl:value-of select="@name"/>
                    </a>
                  </li>
                </xsl:for-each>
              </ul>
              <div class="clear">&#160;</div>
            </div>
          </xsl:if>

        </div>
        <xsl:if test="state">
          <div class="listing-nav-selected-list">
            <xsl:for-each select="state">
              <div class="listing-nav-selected-item">
                <xsl:value-of select="@name"/>&#160;<a href="#" onclick="return removeStyles('{@key}');">X</a>
              </div>
            </xsl:for-each>

            <a href="#" onclick="return removeStyles('');">Clear Choice</a>
          </div>
        </xsl:if>
      </xsl:if>
      <xsl:if test="@name='Price Range'">
        <div class="listing-nav-button">
          <h3>Price</h3>
          <xsl:if test="nav">

            <div class="dropdown">
              <ul>
                <xsl:for-each select="nav">
                  <xsl:sort data-type="number" select="@name"/>
                  <li>
                    <a href="#{../@name}={substring-after(@key,'/')}" onclick="return navPrice('{substring-after(@key,'/')}');">
                      Up to $<xsl:value-of select="@name"/>
                    </a>
                  </li>
                </xsl:for-each>
              </ul>
            </div>

          </xsl:if>
        </div>
        <xsl:if test="state">
          <div class="listing-nav-selected-list">
            <xsl:for-each select="state">
              <xsl:sort select="@name"/>
              <div class="listing-nav-selected-item">
                <xsl:value-of select="@name"/>
                <a href="#" onclick="return removePrice('{@key}');">X</a>

              </div>
            </xsl:for-each>
            <a href="#" onclick="return removePrice('');">Clear Choice</a>
          </div>
        </xsl:if>
      </xsl:if>
      <xsl:if test="@name='Size'">
        <div class="listing-nav-button">

          <h3>
            Size <xsl:if test="../nav[@name='Width']">/ Width</xsl:if>
          </h3>
          <xsl:if test="nav">
            <div class="dropdown">
              <div class="listing-dropdown-instructions">Select one or more sizes</div>
              <xsl:choose>
                <xsl:when test="../nav[@name='Gender']/state[@name='Boys'] or ../nav[@name='Gender']/state[@name='Girls']">

                  <dl class="list-size list-size-N">
                    <dd>
                      <b>Infant and Toddler:</b>
                    </dd>
                    <xsl:for-each select="nav">
                      <!--<xsl:sort select="substring-before(@name,'N')" data-type="number"/>-->
                      <xsl:if test="contains(@name,'N') and not(contains(@name,'W'))">
                        <dd class="size">
                          <a href="#{../@name}={substring-after(@key,'/')}" onclick="return navSize('{substring-after(@key,'/')}');">
                            <xsl:value-of select="substring-before(@name,'N')"/>
                          </a>
                        </dd>
                      </xsl:if>
                    </xsl:for-each>

                    <dd class="clear">&#160;</dd>
                  </dl>
                  <dl class="list-size list-size-L">
                    <dd>
                      <b>Preschool and Grade School:</b>
                    </dd>
                    <xsl:for-each select="nav">
                      <!--<xsl:sort select="substring-before(@name,'L')" data-type="number"/>-->
                      <xsl:if test="contains(@name,'L') and not(contains(@name,'W'))">
                        <dd class="size">
                          <a href="#{../@name}={substring-after(@key,'/')}" onclick="return navSize('{substring-after(@key,'/')}');">
                            <xsl:value-of select="substring-before(@name,'L')"/>
                          </a>
                        </dd>

                      </xsl:if>
                    </xsl:for-each>
                    <dd class="clear">&#160;</dd>
                    <xsl:if test="../nav[@name='Width']">
                      <dd class="list-width listing-dropdown-sizechart" >
                        <a href="#Width={../nav[@name='Width']/nav[position()=2]/@name}" onclick="return navWidth('{../nav[@name='Width']/nav[position()=2]/@name}');">
                          <xsl:value-of select="../nav[@name='Width']/nav[position()=2]/@name"/>
                        </a>
                      </dd>
                    </xsl:if>
                  </dl>
                </xsl:when>
                <xsl:otherwise>

                  <dl class="list-size">
                    <xsl:for-each select="nav">
                      <xsl:sort select="@name" data-type="number"/>
                      <xsl:if test="string(number(@name)) != 'NaN'">
                        <dd class="size">
                          <a href="#{../@name}={substring-after(@key,'/')}" onclick="return navSize('{substring-after(@key,'/')}');">
                            <xsl:value-of select="@name"/>
                          </a>
                        </dd>
                      </xsl:if>
                    </xsl:for-each>
                    <dd class="clear">&#160;</dd>
                    <xsl:if test="../nav[@name='Width']">

                      <!--<dd class="list-width listing-dropdown-sizechart" ><a href="#Width={../nav[@name='Width']/nav[position()=2]/@name}" onclick="return navWidth('{../nav[@name='Width']/nav[position()=2]/@name}');"><xsl:value-of select="../nav[@name='Width']/nav[position()=2]/@name"/></a></dd>-->
                      <xsl:for-each select="../nav[@name='Width']/nav">
                        <xsl:variable name="widthName" select="@name"/>
                        <xsl:if test="$widthName!='Medium Width'">
                          <dd class="list-width listing-dropdown-sizechart" >
                            <a href="#Width={$widthName}" onclick="return navWidth('{$widthName}');">
                              <xsl:value-of select="$widthName"/>
                            </a>
                          </dd>
                        </xsl:if>
                      </xsl:for-each>
                    </xsl:if>
                  </dl>

                </xsl:otherwise>
              </xsl:choose>
              <div class="listing-dropdown-sizechart">
                Need help finding a size?<br/>See the <a href="/c/modal-sizechart.html" class="modal modal-size-chart gender-{/page/@gender}">size chart</a>.
              </div>
            </div>
          </xsl:if>
        </div>

        <xsl:if test="state">
          <div class="listing-nav-selected-list">
            <a href="#" onclick="return removeSize('');">Clear Choices</a>
          </div>
        </xsl:if>
      </xsl:if>
      <xsl:if test="@name='Color'">
        <div class="listing-nav-button">

          <h3>Color</h3>
          <xsl:if test="nav">
            <div class="dropdown">
              <div class="listing-dropdown-instructions">Select one or more colors</div>
              <ul>
                <xsl:for-each select="nav">
                  <xsl:sort select="@name"/>
                  <li>
                    <span class="swatch swatch-{@name}" onclick="return navColor('{substring-after(@key,'/')}');">
                      <a href="#{../@name}={substring-after(@key,'/')}">
                        <xsl:value-of select="@name"/>
                      </a>
                    </span>
                  </li>

                </xsl:for-each>
              </ul>
              <div class="clear">&#160;</div>
            </div>
          </xsl:if>
        </div>
        <xsl:if test="state">
          <div class="listing-nav-selected-list">
            <xsl:for-each select="state">

              <xsl:sort select="@name"/>
              <div class="listing-nav-selected-item">
                <xsl:value-of select="@name"/>
                <a href="#" onclick="return removeColor('{substring-after(@key,'/')}');">X</a>
              </div>
            </xsl:for-each>
            <a href="#" onclick="return removeColor('');">Clear Choices</a>
          </div>

        </xsl:if>
      </xsl:if>
      <xsl:if test="@name='Brands'">
        <div class="listing-nav-button">
          <h3>Collections</h3>
          <xsl:if test="nav">
            <div class="dropdown">
              <ul>

                <xsl:for-each select="nav">
                  <xsl:sort select="@name"/>
                  <li>
                    <a href="#{../@name}={@key}" onclick="return navCollections('{@key}');">
                      <xsl:value-of select="@name"/>
                    </a>
                  </li>
                </xsl:for-each>
              </ul>
              <div class="clear">&#160;</div>
            </div>
          </xsl:if>
        </div>

        <xsl:if test="state">
          <div class="listing-nav-selected-list">
            <xsl:for-each select="state">
              <xsl:sort select="@name"/>
              <div class="listing-nav-selected-item">
                <xsl:value-of select="@name"/>
                <a href="#" onclick="return removeCollections('{@key}');">X</a>
              </div>
            </xsl:for-each>

            <a href="#" onclick="return removeCollections('');">Clear Choice</a>
          </div>
        </xsl:if>
      </xsl:if>
    </div>
  </xsl:template>


  <xsl:template name="droplet-listing">

    <script type="text/javascript">
      var skxPager = {
      numItems: <xsl:value-of select="//search-results/@total"/>,
      currentItems: <xsl:value-of select="//search-results/@count"/>,
      page: <xsl:value-of select="//search-results/@page"/>,
      pages: <xsl:value-of select="//search-results/@pages"/>
      }
    </script>
    <div class="droplet-listing">
      <div class="pager pager-top">
        <xsl:if test="//search-results/records/record">

          <xsl:call-template name="listing-pager-sort"/>
          <xsl:call-template name="listing-pager-viewing"/>
        </xsl:if>
        <div class="clear">&#160;</div>
      </div>
      <div class="listing list">
        <xsl:choose>
          <xsl:when test="//search-results/records/record">
            <xsl:for-each select="//search-results/records/record">

              <xsl:call-template name="listing-product">
                <xsl:with-param name="product" select="."/>
              </xsl:call-template>
              <xsl:if test="position() mod 5 = 0">
                <div class="clear">&#160;</div>
              </xsl:if>
            </xsl:for-each>
          </xsl:when>
          <xsl:otherwise>

            <div class="listing-no-results">
              <h2>
                We were unable to find matches for "<b>
                  <xsl:value-of select="//search-results/@terms"/>
                </b>".
              </h2>

              <iframe src="/c/iframe-noresults.html" width="940" height="250" scrolling="no" frameborder="no">&#160;</iframe>
            </div>
          </xsl:otherwise>
        </xsl:choose>
        <div class="clear">&#160;</div>

        <div class="loading">&#160;</div>
      </div>
      <div class="pager pager-bottom">
        <xsl:if test="//search-results/records/record">
          <xsl:call-template name="listing-pager-sort"/>
          <div class="pager-back-to-top">
            <a href="#" onclick="return pagerTop();">
              Back to Top <span class="uni">&#9650;</span>
            </a>
          </div>

        </xsl:if>
        <div class="clear">&#160;</div>
      </div>
    </div>
  </xsl:template>


  <xsl:template name="listing-pager-sort">
    <div class="listing-pager-sort">
      Sort By:
      <select name="pager-sort-select" class="pager-sort" onchange="return pagerSort(this);">

        <xsl:choose>
          <xsl:when test="//search-results/@sort = 'ts'">
            <option value="ts" selected="selected">Top Sellers</option>
          </xsl:when>
          <xsl:otherwise>
            <option value="ts">Top Sellers</option>
          </xsl:otherwise>
        </xsl:choose>

        <xsl:choose>
          <xsl:when test="//search-results/@sort = 'n'">
            <option value="n" selected="selected">Newest</option>
          </xsl:when>
          <xsl:otherwise>
            <option value="n">Newest</option>
          </xsl:otherwise>
        </xsl:choose>

        <xsl:choose>
          <xsl:when test="//search-results/@sort = 'hp'">
            <option value="hp" selected="selected">Highest Price</option>
          </xsl:when>
          <xsl:otherwise>
            <option value="hp">Highest Price</option>
          </xsl:otherwise>
        </xsl:choose>

        <xsl:choose>
          <xsl:when test="//search-results/@sort = 'lp'">
            <option value="lp" selected="selected">Lowest Price</option>
          </xsl:when>
          <xsl:otherwise>
            <option value="lp">Lowest Price</option>
          </xsl:otherwise>
        </xsl:choose>

      </select>
    </div>
  </xsl:template>


  <xsl:template name="listing-pager-viewing">
    <div class="listing-pager-viewing">
      Viewing <span class="pager-total">
        <xsl:value-of select="//search-results/@total"/>
      </span> items
    </div>

  </xsl:template>


  <xsl:template name="droplet-recentlyviewed">
    <div class="droplet-recentlyviewed">
      &#160;
    </div>
  </xsl:template>

  <xsl:template name="droplet-giftcard">

    <div class="droplet-giftcard-topnav">

      <div class="droplet-gf-header">
        <a class="continue-shopping-button" href="#" onclick="history.go(-1); return false;">Continue Shopping</a>

        <div class="droplet-giftcard-header">SKECHERS Gift Cards</div>
        <div class="droplet-giftcard-livehelp droplet-livehelp">&#160;</div>
      </div>

    </div>
    <div class="droplet-giftcard-title">
      <div class="droplet-balance-check">
        <div class="balanceRightWrapper">
          <div class="purchase-gf-info">

            <em class="gift-card-body-text">
              SKECHERS e-Gift Cards are the perfect gift for your friends and family. Choose an amount between $20 and $200, add a personal message and we&#8217;ll send them an email
              with their e-Gift Card within 1-2 business days. Then they can use their e-Gift Cards at SKECHERS.com and SKECHERS stores. It&#8217;s that easy!
            </em>
          </div>

        </div>

        <div class="balanceLeftWrapper">
          <div class="check-bal-label">Check your gift card balance: </div>
          <span class="question-modal">
            <a href="/c/modal-gift-card-balance.html" class="modal modal-gift-card">&#160;</a>
          </span>
          <div class="bal-output">&#160;</div>
          <div class="clear">&#160;</div>

          <div class="enter-gift-card">
            <input type="text" name="gift-card-number" class="form-gift-card-number form-text"/> <br/>
            Gift Card Number
          </div>

          <div class="enter-pin">
            <input type="text" name="gift-card-pin" class="form-gift-card-pin form-text"/> <br/>
            PIN Code
          </div>
          <div id="window-gift-card" class="jqmWindow">&#160;</div>


          <div class="gift-card-balance-submit">Submit</div>
          <div class="clear">&#160;</div>

          <!--</div>-->
          <div class="clear">&#160;</div>
        </div>
      </div>
      <div class="clear">&#160;</div>
      <hr/>
      <div class="clear">&#160;</div>
      <div class="purchase-gift-card-wrapper">

        <div class="gift-card-fields-wrapper">
          <div class="gift-card-title-font"> Personalize your SKECHERS e-Gift Card:</div>
          <form action="POST" class="giftcard-form" name="giftcard-form" id="giftcard-form">
            <div class="payment-error">&#160;</div>
            <br/>
            <div class="displayGiftCardInfo">&#160;</div>
            <div class="form-info-amount">
              <p>
                Gift Amount:<span class="required">*</span>
              </p>

            </div>
            <div class="product-quantity">
              <select class="gift-card-amount" title="Amount" name="Amount" id="Amount">
                <option value="" selected="selected">Please choose an amount</option>
                <xsl:for-each select="//style">
                  <xsl:if test="@code ='SKXGC01'">
                    <script type="text/javascript">
                      var gcStyle = '<xsl:value-of select="@code"/>';
                      var gcColor = '<xsl:value-of select="product[1]/@color"/>';
                      var gcImage = gcStyle.concat('_').concat(gcColor).concat('.jpg');
                    </script>

                    <xsl:for-each select="product[1]/sku">
                      <xsl:sort select="@pos" data-type="number" />
                      <xsl:if test="@price !='0.0'">
                        <option value="{@price}" upc="{@upc}" >
                          $<xsl:value-of select="@price"/>0
                        </option>
                      </xsl:if>
                    </xsl:for-each>
                  </xsl:if>

                </xsl:for-each>
              </select>

            </div>
            <br/>
            <br/>

            <div class="form-info">
              <p>
                Recipient&#8217;s Email Address:<span class="required">*</span>
              </p>
              <input type="text" name="gift-card-email" id="gift-card-email" class="form-email form-gc-email form-fields form-text" title="form-email" />

              <!--<p class="email-hint"><i>Example: jsmith@email.com</i></p>-->
            </div>

            <div class="form-info">
              <p>To:</p>
              <input type="text" name="gift-card-to" id="gift-card-to" class="gift-card-fields not-required orEmpty form-fields form-text"/>
            </div>

            <div class="form-info">

              <p>From:</p>
              <input type="text" name="gift-card-from" id="gift-card-from" class="gift-card-fields not-required orEmpty form-fields form-text"/>
            </div>

            <div class="form-info-message">
              Message: <span class="grey-text">
                (<span id="charLeft">100 </span> character limit)
              </span>
              <textarea name="gcmessage" id="gcmessage" class="message_field">&#160;</textarea>

            </div>

            <div class="clear">&#160;</div>
            <div class="clear-form-submit">
              <a id="clearGiftCardForm" class="clearGiftCardForm" href="#">Clear Form</a>
            </div>
            <!--<div class="add_new-gift-card-submit">-->
            <!--<a href="#" id="addNewGiftCard" class="addNewGiftCard">+ Add Another Gift Card</a>-->
            <!--</div>-->

            <div class="clear">&#160;</div>
            <div class="required">*Indicates required fields.</div>

            <div class="giftcard-add-to-bag">
              <a href="#" class="addGiftCardToBag" id="addGiftCardToBag">
                <span>Add to Shopping Bag</span>
              </a>
              <span id="text-addtobagLink" onclick="return addToBag();" href="#">Add to Bag</span>
            </div>
          </form>

        </div>
        <div class="gift-card-preview-wrapper">
          <div class="gift-card-title-font">e-Gift Card Preview:</div>
          <br/>
          <div class="gift-card-image">
            <!--Comment out for holiday-->
            <!--<div class="gift-card-inside">&#160;</div>-->
            <img src="/c/gc_image.png" alt="SKECHERS e-Gift Card preview image with personalized message and barcode example."/>

            <!--<div class="gift-card-inside">-->
            <!--<img src="/c/gc_image-holiday.png" alt="SKECHERS e-Gift Card preview image with personalized message and barcode example."/>-->
            <!--</div>    -->
          </div>
        </div>
        <div class="clear">&#160;</div>
      </div>
      <div class="clear">&#160;</div>
      <hr/>

      <div class="term-conditions-wrapper">
        <h3>Terms of Acceptance:</h3>
        <ul>
          <li class="terms">
            SKECHERS e-Gift Cards are redeemable for SKECHERS merchandise only at SKECHERS.com and SKECHERS stores in the United States. Use our <a href="#">Store Locator</a> to find the SKECHERS location nearest you.
          </li>
          <li class="terms">Not valid at other retail stores or websites carrying SKECHERS.</li>
          <li class="terms">When redeeming SKECHERS e-Gift Cards, any unused balance will be available for future purchase of merchandise. Unused balances are transferable to future e-Gift Card purchases.</li>

          <li class="terms">SKECHERS e-Gift Cards are valid in the U.S. only.</li>
          <li class="terms">SKECHERS e-Gift Cards cannot be returned, resold or redeemed for cash (except as required by law).</li>
          <li class="terms">SKECHERS is not responsible for and will not replace lost, stolen or damaged e-Gift Cards. Issuer is not responsible for unauthorized use.</li>
          <li class="terms">No sales tax is charged on the purchase of an e-Gift Card. Applicable sales tax will be charged when SKECHERS product is purchased with the e-Gift Card.</li>
          <li class="terms">Purchase or redemption of a SKECHERS e-Gift Card constitutes your acceptance of these terms and conditions.</li>
          <li class="terms">SKECHERS reserves the right to change any of these terms and conditions without notice.</li>

        </ul>
      </div>
    </div>

  </xsl:template>

  <xsl:template name="droplet-product">
    <xsl:variable name="style" select="//data/style"/>
    <xsl:variable name="product" select="$style/product[1]"/>
    <xsl:variable name="gkey">

      <xsl:call-template name="genderkey">
        <xsl:with-param name="gender" select="$style/@gender"/>
      </xsl:call-template>
    </xsl:variable>
    <xsl:variable name="gpos">
      <xsl:call-template name="genderposs">
        <xsl:with-param name="gender" select="$style/@gender"/>
      </xsl:call-template>
    </xsl:variable>

    <div class="droplet-product-topnav">
      <a class="back-to-results-button" href="#" >
        <span class="uni">&#9666;</span> Back to Results
      </a>
      <a href="{concat('/',$gkey,$style/default-category-key)}">
        More Like This <span class="uni">&#9656;</span>
      </a>
    </div>
    <div class="droplet-product-content">
      <div class="droplet-product-title">
        <div class="product-title">

          <h1 id="productTitle">
            <xsl:value-of select="concat($gpos, $style/@name)"/>
          </h1>
          <div class="product-links">
            <div class="product-reviews-small">&#160;</div> / <a href="#" class="product-links-description">Style Description</a> / <a href="#" class="product-links-faq">Questions?</a>
          </div>
        </div>
        <!--<div class="droplet-product-livehelp droplet-livehelp">&#160;</div>-->

        <div class="clear">&#160;</div>
      </div>

      <div class="droplet-product-price">
        <xsl:choose>
          <xsl:when test="$product/sku[1]/@disc">
            <del>
              $<xsl:value-of select="format-number($product/sku[1]/@price, '###,###.00')"/>
            </del>
            <span id="price">
              <ins>
                $<xsl:value-of select="format-number($product/sku[1]/@disc, '###,###.00')"/>
              </ins>
            </span>

            <em>
              save <xsl:value-of select="format-number(1-($product/sku[1]/@disc div $product/sku[1]/@price), '###%')"/>
            </em>
          </xsl:when>
          <xsl:otherwise>
            <xsl:for-each select="//sku[@in-stock='true']">
              <xsl:sort select="@price" data-type="number"/>
              <xsl:if test="position() = 1">
                <span id="price">
                  <b>
                    $<xsl:value-of select="format-number(@price, '###,###.00')"/>
                  </b>
                </span>
              </xsl:if>

            </xsl:for-each>
          </xsl:otherwise>
        </xsl:choose>
        <span class="product-tax">No sales tax (except CA)</span>
      </div>

      <div class="yui-g droplet-product-info">
        <div class="yui-u first droplet-product-photos">
          <div class="droplet-product-instructions">

            Mouse over to zoom:
          </div>

          <span>
            <a class="cloud-zoom" id="zoom1" rel="zoomWidth:475, zoomHeight:350, adjustX:55, adjustY:-20, showTitle:false" href="{concat($xlarge-img,'/',$product/media/@image)}" onclick="return false;">
              <img src="{concat($large-img,'/',$product/media[@view='0']/@image)}" alt="{concat($gpos, ' ', $style/@name)}" width="428" height="378"/>
            </a>
          </span>

          <div class="droplet-product-instructions">

            More views (mouse over to view):
          </div>

          <ul>
            <xsl:for-each select="$product/media">
              <xsl:sort data-type="number" select="@view"/>
              <xsl:if test="position() &lt; 7">
                <li>
                  <a class="cloud-zoom-gallery" href="{concat($xlarge-img,'/',@image)}" rel="useZoom: 'zoom1', smallImage: '{concat($large-img,'/',@image)}'" onclick="return false;">
                    <img src="{concat($small-img,'/',@image)}" width="71" height="63" alt="Alternate view" border="0"/>
                  </a>
                </li>
              </xsl:if>
            </xsl:for-each>

          </ul>
        </div>
        <div class="yui-u droplet-product-cart">
          <div class="product-select-color">
            <b>Select color:</b>
            <em>
              <xsl:value-of select="$product/@primary-color"/>
              <xsl:if test="$product/@secondary-color">
                / <xsl:value-of select="$product/@secondary-color"/>
              </xsl:if>
            </em>
            <i>
              Style #<span id="styleCode">
                <xsl:value-of select="$style/@code"/>
              </span>&#160;<span class="colorCode">
                <xsl:value-of select="$product/@color"/>
              </span>
            </i>

            <div class="clear">&#160;</div>
          </div>
          <ul class="product-color-list">
            <xsl:for-each select="$style/product">
              <xsl:choose>
                <xsl:when test="position() = 1">
                  <li class="product-color-selected product-color-{@color}">
                    <a href="#Color={@color}">
                      <img src="{concat($small-img,'/',media[@view='0']/@image)}" width="71" height="63" alt="{@primary-color}"/>
                      <br/>
                      <xsl:value-of select="@primary-color"/>
                      <xsl:if test="@secondary-color">
                        / <xsl:value-of select="@secondary-color"/>
                      </xsl:if>
                    </a>
                  </li>

                </xsl:when>
                <xsl:otherwise>
                  <li class="product-color-{@color}">
                    <a href="#Color={@color}">
                      <img src="{concat($small-img,'/',media[@view='0']/@image)}" width="71" height="63" alt="{@primary-color}"/>
                      <br/>
                      <xsl:value-of select="@primary-color"/>
                      <xsl:if test="@secondary-color">
                        / <xsl:value-of select="@secondary-color"/>
                      </xsl:if>
                    </a>
                  </li>
                </xsl:otherwise>
              </xsl:choose>
              <xsl:if test="position() = 5">
                <li class="clear" style="float:none; margin:0; padding:0;">&#160;</li>

              </xsl:if>
            </xsl:for-each>
          </ul>
          <div class="clear">&#160;</div>

          <script type="text/javascript">
            var skxProduct = {}; var skxStyle = '<xsl:value-of select="$style/@code"/>';
            <xsl:for-each select="$style/product">
              skxProduct['<xsl:value-of select="@color"/>'] = {
              color: '<xsl:value-of select="@primary-color"/><xsl:if test="@secondary-color">
                / <xsl:value-of select="@secondary-color"/>
              </xsl:if>',
              images: [
              <xsl:for-each select="media">

                <xsl:sort data-type="number" select="@view"/>
                <xsl:if test="position() &lt; 7">
                  '<xsl:value-of select="@image"/>'
                  <xsl:if test="position() != 7">,</xsl:if>
                </xsl:if>
              </xsl:for-each>
              ],
              inventory: [
              <xsl:for-each select="sku">
                <xsl:sort data-type="number" select="@pos"/>

                {
                size: '<xsl:value-of select="@size"/>',
                <xsl:if test="@type">
                  type: '<xsl:value-of select="@type"/>',
                </xsl:if>
                stock: '<xsl:value-of select="@in-stock"/>',
                <xsl:if test="@disc">
                  disc: '<xsl:value-of select="@disc"/>',
                </xsl:if>
                price: '<xsl:value-of select="@price"/>',
                upc: '<xsl:value-of select="@upc"/>'
                }
                <xsl:if test="position() != last()">,</xsl:if>

              </xsl:for-each>
              ]
              };
            </xsl:for-each>
          </script>

          <div class="product-select-width">
            <b>Select width:</b>
            <em>Medium</em>
            <div class="clear">&#160;</div>

          </div>

          <div class="product-width-list">
            <input type="radio" id="width-radio-medium" name="product-width-button" value="M" onclick="return selectWidth('123');"/>
            <label for="width-radio-medium">Medium </label>

            <xsl:if test="$style/product[1]/sku[@type='EW']">
              <input type="radio" id="width-radio-extrawide" name="product-width-button" value="EW" onclick="return selectWidth('EW');"/>
              <label for="width-radio-extrawide">Wide Width</label>

            </xsl:if>

            <xsl:if test="$style/product[1]/sku[@type='EWW']">
              <input type="radio" id="width-radio-eww" name="product-width-button" value="EWW" onclick="return selectWidth('EWW');"/>
              <label for="width-radio-extrawide">Extra Wide Width</label>
            </xsl:if>

          </div>

          <div class="product-select-size-wrapper">

            <div class="product-select-size">
              <b>Select size:</b>
              <em>&#160;</em>
              <i>
                <a href="/c/modal-sizechart.html" class="modal modal-size-chart gender-{//page/data/style/@gender}">View Size Chart</a>
              </i>
              <div class="clear">&#160;</div>
            </div>

            <div id="window-sizechart" class="jqmWindow">&#160;</div>

            <div id="window-notify" class="jqmWindow">&#160;</div>

            <dl class="product-size-list">
              <xsl:choose>
                <xsl:when test="$style/@gender='B' or $style/@gender='G'">
                  <dl class="list-size list-size-N">
                    <xsl:if test="$style/product[1]/sku[@type='N']">
                      <dd class="list-size-N">
                        <b>Infant and Toddler:</b>
                      </dd>
                      <xsl:for-each select="$style/product[1]/sku">

                        <!--<xsl:sort select="substring-before(@size,'N')" data-type="number"/>-->
                        <xsl:sort select="@pos" data-type="number" />
                        <xsl:if test="contains(@size,'N') and not(contains(@size,'W'))">
                          <dd class="size inventory-{@in-stock} width{@type}" id="upc-{@upc}">
                            <xsl:choose>
                              <xsl:when test="@type='EW'">
                                <a href="#Size={@size}&amp;Width=EW" onclick="return selectSize(this);">
                                  <xsl:value-of select="substring-before(@size,'N')"/>
                                </a>
                              </xsl:when>
                              <xsl:otherwise>

                                <a href="#Size={@size}" onclick="return selectSize(this);">
                                  <xsl:value-of select="substring-before(@size,'N')"/>
                                </a>
                              </xsl:otherwise>
                            </xsl:choose>
                          </dd>
                        </xsl:if>
                      </xsl:for-each>
                    </xsl:if>
                  </dl>
                  <dl class="list-size list-size-L">

                    <xsl:if test="$style/product[1]/sku[@type='L']">
                      <dd class="list-size-L">
                        <b>Preschool and Grade School:</b>
                      </dd>
                      <xsl:for-each select="$style/product[1]/sku">
                        <!--<xsl:sort select="substring-before(@size,'L')" data-type="number"/>-->
                        <xsl:sort select="@pos" data-type="number" />
                        <xsl:if test="contains(@size,'L') and not(contains(@size,'W'))">
                          <dd class="size inventory-{@in-stock} width{@type}" id="upc-{@upc}">
                            <xsl:choose>

                              <xsl:when test="@type='EW'">
                                <a href="#Size={@size}&amp;Width=EW" onclick="return selectSize(this);">
                                  <xsl:value-of select="substring-before(@size,'L')"/>
                                </a>
                              </xsl:when>
                              <xsl:otherwise>
                                <a href="#Size={@size}" onclick="return selectSize(this);">
                                  <xsl:value-of select="substring-before(@size,'L')"/>
                                </a>
                              </xsl:otherwise>
                            </xsl:choose>
                          </dd>
                        </xsl:if>

                      </xsl:for-each>
                    </xsl:if>
                  </dl>
                </xsl:when>
                <xsl:otherwise>
                  <xsl:for-each select="$style/product[1]/sku">
                    <xsl:sort data-type="number" select="@size"/>
                    <dd class="size inventory-{@in-stock} width{@type}" id="upc-{@upc}">
                      <xsl:choose>

                        <xsl:when test="@type='EW'">
                          <a href="#Size={@size}&amp;Width=EW" onclick="return selectSize(this);">
                            <xsl:value-of select="@size"/>
                          </a>
                        </xsl:when>
                        <xsl:otherwise>
                          <a href="#Size={@size}" onclick="return selectSize(this);">
                            <xsl:value-of select="@size"/>
                          </a>
                        </xsl:otherwise>
                      </xsl:choose>
                    </dd>
                  </xsl:for-each>

                </xsl:otherwise>
              </xsl:choose>
            </dl>
            <div class="clear">&#160;</div>
          </div>

          <div class="product-inventory-tooltip">
            <div class="inventory-true">
              This size is currently <b>in stock</b>.<br/>Click the size to select it.
            </div>

            <div class="inventory-false">
              This size is currently <b>out of stock</b>.<br/>Click to be notified when this size comes back in stock.
            </div>
          </div>

          <div class="product-select-quantity">
            <b>Select quantity:</b>
            <div class="clear">&#160;</div>
          </div>

          <div class="product-quantity-list">
            <div class="product-quantity">
              <select>
                <option selected="selected" value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>

                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>

              </select>
            </div>

            <div class="product-add-to-bag">
              <div style="position: relative;">
                <a id="addtobagLink" onclick="return addToBag();" href="#">&#160;</a>
                <span id="text-addtobagLink" onclick="return addToBag();" href="#">Add to Bag</span>
              </div>
              <div>
                <a href="/c/modal-skechers-elite-benefits.html" class="modal modal-product-vip-club">
                  <em>FREE Shipping</em> for SKECHERS Elite&#8482; members
                </a>
              </div>

            </div>
          </div>

          <div id="window-returns" class="jqmWindow">&#160;</div>
          <div id="window-shipping" class="jqmWindow">&#160;</div>
          <div id="window-product-vip-club" class="jqmWindow">&#160;</div>

          <div class="product-policies">
            <a href="/c/modal-returns.html" class="modal modal-returns">Return Policy</a>

            <a href="/c/modal-shipping.html" class="modal modal-shipping">Shipping Options</a>
            <a href="/info/store-locator">Store Locator</a>
          </div>

          <div class="product-social-wrap">
            <div class="product-social">
              <div class="product-facebook">
                &#160;

              </div>
              <div id="fb-root">&#160;</div>

              <!-- Place this tag where you want the +1 button to render -->
              <!--<div class="product-plusone">-->
              <!--&#160;-->
              <!--&lt;!&ndash;<div class="g-plusone" data-size="medium" data-href="#">&#160;</div>&ndash;&gt;-->
              <!--</div>-->

              <div class="product-wishlist">
                <a href="#">Add to Wishlist</a>
              </div>

              <div class="product-share">
                <a class="addthis_button" href="http://addthis.com/bookmark.php?v=250&amp;username=markskx">&#160;</a>
              </div>
              <div class="clear">&#160;</div>
            </div>
          </div>

        </div>
      </div>
    </div>
    <div class="droplet-product-tabs">

      <ul>
        <li class="product-tab product-tab-active">
          <h3 id="product-long-description">Style Description</h3>
        </li>
        <li class="product-tab">
          <h3 id="product-reviews">Customer Reviews</h3>

        </li>

        <li class="product-tab">
          <h3 id="product-faq">Discussions</h3>

        </li>

        <li class="clear">&#160;</li>
      </ul>
      <div class="clear">&#160;</div>
    </div>

    <div class="droplet-product-tab-content">
      <xsl:variable name="youtube" select="$style/youtube"/>
      <div class="product-long-description product-tab product-tab-active">
        <h2>
          <xsl:value-of select="concat($gpos, ' ', $style/@name, ' ', $style/default-category-title)"/>
        </h2>
        <span class="esc">
          <xsl:value-of select="$style/short-description" disable-output-escaping="yes"/>
        </span>
        <xsl:if test="$youtube != ''">
          <div class="youtube_wrapper">
            <object height="385" width="640">
              <param name="movie" value="http://www.youtube.com/v/{$youtube}&amp;hl=en_US&amp;fs=1"/>

              <param name="allowFullScreen" value="true"/>
              <param name="allowscriptaccess" value="always"/>
              <embed src="http://www.youtube.com/v/{$youtube}&amp;hl=en_US&amp;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="640"/>
            </object>
          </div>
        </xsl:if>
        <span class="esc">
          <xsl:value-of select="$style/long-description" disable-output-escaping="yes"/>
        </span>
      </div>
      <div class="product-reviews product-tab">
        <!--<div class="writereview_link"><a href="#" onclick="window.open('/c/modal-write-reviews.html?prodId={$product/@id}&amp;styleId={$style/@code}', 'Reviews', 'width=700,height=720,scrollbars=1' )">-->

        <!--Write a Shoe Review </a></div>-->
        <div class="product-reviews-content">Reviews</div>
      </div>
      <div class="product-faq product-tab">Discussions</div>

    </div>

    <div class="droplet-product-bottomnav">
      <a class="back-to-results-button" href="#" onclick="history.go(-1); return false;">
        <span class="uni">&#9666;</span> Back to Results
      </a>

      <a href="{concat('/',$gkey,$style/default-category-key)}">
        More Like This <span class="uni">&#9656;</span>
      </a>
    </div>

    <div class="droplet-product-crossSell">
      <div class="droplet-product-topnav">
        <h3>Customers Who Viewed This Item Also Viewed:</h3>
      </div>
      <div class="droplet-crossSell listing list">&#160;</div>

    </div>

  </xsl:template>

  <xsl:template match="page[@key='/info/contact-us']">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <xsl:call-template name="head"/>
      <body class="template-home">
        <xsl:call-template name="header"/>

        <div id="doc4">
          <div id="bd">
            <xsl:call-template name="droplet-contactus"/>
          </div>
        </div>
        <xsl:call-template name="footer"/>
        <xsl:call-template name="pixels"/>
        <xsl:call-template name="javascript"/>

      </body>
    </html>
  </xsl:template>


  <xsl:template name="droplet-contactus">

    <div class="droplet-generic-header">
      <h1>Help</h1>
      <div class="droplet-giftcard-livehelp droplet-livehelp">&#160;</div>

    </div>


    <div class="droplet-generic-body">
      <div class="side-nav-wrapper">
        <div class="side-nav-title">Help Topics</div>
        <div class="help-menu">
          <li>
            <a href="/info/help">FAQ</a>
            <span class="uni">&#160;&#187;</span>
          </li>
          <li>
            <a href="/info/shipping-and-returns">Shipping &amp; Returns</a>
            <span class="uni">&#160;&#187;</span>
          </li>

          <li>
            <a href="/info/payment">Payment Methods</a>
            <span class="uni">&#160;&#187;</span>
          </li>
          <li>
            <a href="/info/using-promotional-codes">Using Promotional Codes</a>
            <span class="uni">&#160;&#187;</span>
          </li>
          <li>
            <a href="/info/safe-shopping-guarantee">Safe Shopping Guarantee</a>
            <span class="uni">&#160;&#187;</span>
          </li>
          <li>
            <a href="https://skechers.affiliatetechnology.com/">Affiliate Program</a>
            <span class="uni">&#160;&#187;</span>
          </li>
          <li>
            <a href="/info/sizing-and-care-instructions">Product Sizing &amp; Care</a>
            <span class="uni">&#160;&#187;</span>
          </li>

          <li>
            <a href="/info/terms-and-conditions">Terms and Conditions</a>
            <span class="uni">&#160;&#187;</span>
          </li>
          <li>
            <a href="/info/privacy">Privacy Policy</a>
            <span class="uni">&#160;&#187;</span>
          </li>
          <li>
            <a href="/info/contact-us" class="selected">Contact Us</a>
            <span class="uni">&#160;&#187;</span>
          </li>
        </div>
      </div>

      <div class="help-answers">
        <div class="contact_wrapper">

          <div class="header">Contact Us</div>
          <hr/>
          <div class="contact-sub-header">Questions or comments? We would love to hear from you!</div>
          <ul>
            <li class="contact_form_label">Call us:</li>
            <li class="contact_form_sub">Toll-free number: 1-800-746-3411 (Mon-Fri 8:00am to 5:00pm Pacific time)</li>
            <li class="contact_form_label">E-mail us:</li>

            <li class="contact_form_sub">
              <a href="mailto:info@skechers.com">info@skechers.com</a>
            </li>
            <li class="contact_form_label">Mail us:</li>
            <li class="contact_form_sub">
              SKECHERS USA, Inc.<br />228 Manhattan Beach Blvd.<br />Manhattan Beach, CA 90266
            </li>
            <li class="contact_form_label">Or submit your inquiry using the form below:</li>
          </ul>

          <form action="POST" name="contact-form" id="contact-form" class="contact-form">
            <fieldset>
              <div class="success-wrapper hidehtml">
                <div class="greenCheckmark">&#160;</div>
                <div class="success-content">&#160;</div>
              </div>
              <div class="error-skx-message hidehtml">
                <div class="errorImage">&#160;</div>
                <div class="errorContent">&#160;</div>

              </div>
              <div class="email-message">&#160;</div>
              <div class="contact-form">
                <div class="form-info">
                  <label class="form-title" for="cu-subject">
                    Subject:<span class="required">*</span>
                  </label>
                  <ul>
                    <li class="">
                      <select name="contact_selection" class="contact_selection" id="cu-subject">
                        <option value="">Please make a selection</option>

                        <option value="INFO_COMMENTS">Comments or Suggestions</option>
                        <option value="INFO_ACCT">My Account or Registration</option>
                        <option value="INFO_ELITE">SKECHERS Elite&#8482; Account</option>
                        <option value="ORDERINFO_ORDER">Order Inquiry (please submit with order number)</option>
                        <option value="INFO_PAYMENT">Payment Inquiry</option>

                        <option value="INFO_PROD">Product Information</option>
                        <option value="INFO_RETURN">Returns (please submit with order number)</option>
                        <option value="INFO_SHIPPING">Shipping Inquiry (please submit with order number)</option>
                        <option value="INFO_TECH">Technical Support</option>
                        <option value="INFO_OTHER">Other</option>
                      </select>
                    </li>

                  </ul>
                </div>
                <div class="form-info">
                  <label class="form-title" for="cu-fname">First Name:</label>
                  <input type="text" name="firstName" class="form-firstname form-fields form-text not-required" autofocus="autofocus" title="First Name" id="cu-fname" />
                </div>
                <div class="form-info">
                  <label class="form-title" for="cu-lname">Last Name:</label>

                  <input type="text" name="lastName" class="form-lastname form-fields form-text not-required" title="Last Name" id="cu-lname"/>
                </div>
                <div class="form-info">
                  <label class="form-title" for="cu-email">
                    E-mail Address:<span class="required">*</span>
                  </label>
                  <input type="email" name="email" class="form-email-contact form-email form-fields form-text contact-fields" title="Email Address" id="cu-email"/>
                  <p class="email-hint">
                    <i>Example: name@email.com</i>
                  </p>
                </div>

                <div class="form-info">
                  <label class="form-title" for="contact_message">
                    Message:<span class="required">*</span>
                  </label>
                  <textarea id="contact_message" class="contact_message_field contact-fields"></textarea>
                  <p class="email-hint">Please do not include credit card or billing information.</p>
                </div>
                <div class="contact-submit">
                  <a href="#" id="contact-submit" class="contact_link-submit">Send Email</a>
                </div>
                <span class="required-text">
                  <span class="required">*</span>Indicates required fields.
                </span>

              </div>
            </fieldset>
          </form>
        </div>
      </div>
      <div class="clear">&#160;</div>
    </div>

  </xsl:template>

  <xsl:template name="crm">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <xsl:call-template name="head"/>
      <body class="template-home">
        <xsl:call-template name="header"/>

        <div id="doc4">
          <div id="bd">
            <div class="yui-g">

              <xsl:comment>Main</xsl:comment>
              <div class="crm-wrapper">
                <div class="droplet-generic-header">
                  <div class="crm-logo crm-logo-landing-page">&#160;</div>
                </div>
                <xsl:apply-templates select="content/slot[@key='Main']"/>
              </div>
            </div>

          </div>
        </div>

        <div id="window-crm-storeCard" class="jqmWindow">&#160;</div>
        <div id="window-program-rules" 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 name="email-preferences">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <xsl:call-template name="head"/>
      <body class="template-home">

        <xsl:call-template name="header"/>

        <xsl:variable name="pageTitle" select="substring-after(@key,'/')"/>
        <xsl:variable name="pageType" select="substring-after($pageTitle,'/')"/>
        <xsl:variable name="user" select="//data/user"/>
        <div id="doc4">
          <div id="bd">
            <div class="yui-g">
              <div class="droplet-generic-header">

                <div class="email-pref-title">
                  <h1>
                    <xsl:value-of select="//page/@title"/>&#160;<xsl:if test="$user/email != ''">for </xsl:if> <xsl:value-of select="$user/firstName"/>&#160;<xsl:value-of select="$user/lastName"/>
                  </h1>
                </div>
              </div>
              <div class="droplet-generic-body">
                <div class="email-preferences">

                  <div class="email-message">&#160;</div>
                  <xsl:choose>
                    <xsl:when test="$user/email != ''">

                      <form action="" class="email-preferences">
                        <!--<h1>Email Preferences for <xsl:value-of select="$user/firstName"/> <xsl:value-of select="$user/lastName"/></h1>-->
                        <xsl:element name="input">
                          <xsl:attribute name="type">hidden</xsl:attribute>
                          <xsl:attribute name="name">email</xsl:attribute>
                          <xsl:attribute name="value">
                            <xsl:value-of select="$user/email"/>
                          </xsl:attribute>
                        </xsl:element>

                        <p>
                          We want to stay in touch, but only in ways that you find helpful. You can change your email preferences
                          at any time by selecting one of the options below.
                          <br/>
                          To change your email address, please update your <a href="/secure/account/home?profile=true">profile</a>.
                        </p>
                        <div class="modify-optin">
                          <h2>Would you like to continue receiving email from SKECHERS?</h2>
                          <div class="email_pref_box">
                            <div class="bh_message">


                              <xsl:if test="$user/email != ''">

                                <div class="bh_field">
                                  <input type="radio"  name="emailOptin" value="Y" id="emailOptIn" checked="true" />
                                  Yes, please keep <xsl:value-of select="$user/email"/> on your email list.
                                </div>
                                <div class="bh_field">
                                  <input type="radio"  name="emailOptin"  value="N" id="emailOptOut" />

                                  No, please remove  <xsl:value-of select="$user/email"/> from all SKECHERS marketing emails. I understand I will continue
                                  to receive order confirmations, shipping notifications and other account related emails from SKECHERS.
                                </div>
                              </xsl:if>

                            </div>
                          </div>
                        </div>


                        <div class="modify-updates">

                          <h2>Would you like to receive only select emails from SKECHERS?</h2>
                          <div class="email_pref_box">
                            <div class="bh_message">


                              <!--<xsl:choose>-->
                              <!--<xsl:when test="$user/group_id = '991686'">-->
                              <!--<div class="bh_field"><input type="checkbox"  name="emailUpdates" id="product-news" value="product-news" checked="true" />-->
                              <!--Product news and exclusive offers</div>-->

                              <!--</xsl:when>-->

                              <!--<xsl:otherwise>-->
                              <!--<div class="bh_field"><input type="checkbox"  name="emailUpdates" id="product-news" value="product-news"  />-->
                              <!--Product news and exclusive offers</div>-->
                              <!--</xsl:otherwise>-->
                              <!--</xsl:choose>-->


                              <xsl:if test="$user/isCrmOn = 'true'">

                                <!--<xsl:if test="$user/crmUser = 'true'">-->

                                <xsl:choose>
                                  <xsl:when test="$user/group_id = '1019129'">
                                    <div class="bh_field">
                                      <input type="checkbox"  name="emailUpdates" id="elite-rewards" value="elite-rewards" checked="true" />
                                      SKECHERS Elite&#8482; Reward Updates
                                    </div>
                                  </xsl:when>

                                  <xsl:otherwise>
                                    <div class="bh_field">
                                      <input type="checkbox"  name="emailUpdates" id="elite-rewards" value="elite-rewards" />
                                      SKECHERS Elite&#8482; Reward Updates
                                    </div>
                                  </xsl:otherwise>
                                </xsl:choose>
                              </xsl:if>
                              <!--</xsl:if>-->

                              <!--uncomment when want to add Fitness News back in -->
                              <xsl:choose>
                                <xsl:when test="$user/group_id = '1021400'">
                                  <div class="bh_field">
                                    <input type="checkbox"  name="emailUpdates" id="fitness-news" value="fitness-news" checked="true" />
                                    SKECHERS Fitness News - Coming Soon!
                                  </div>
                                </xsl:when>

                                <xsl:otherwise>
                                  <div class="bh_field">
                                    <input type="checkbox"  name="emailUpdates" id="fitness-news" value="fitness-news"  />

                                    SKECHERS Fitness News - Coming Soon!
                                  </div>
                                </xsl:otherwise>
                              </xsl:choose>



                            </div>
                          </div>
                        </div>
                        <div class="emailPref-submit">

                          <div class="next-step skxBlueBtn-arrow">
                            <a class="update-email-info" href="#">
                              <span class="submit-text">Update Preferences</span>
                            </a>
                          </div>
                        </div>
                      </form>
                    </xsl:when>

                    <xsl:otherwise>

                      <xsl:if test="$user/email != ''">
                        <div class="notice-message">
                          <div class="greenCheckmark">&#160;</div>Your email address has been successfully unsubscribed from our system.
                        </div>
                      </xsl:if>
                      <xsl:if test="$user/emailType = 'N'">
                        <div class="info-message">
                          <div class="info-blueImage">&#160;</div>

                          You must be <a href="/secure/account/home?profile=true">signed in</a> to manage your email preferences.
                        </div>
                      </xsl:if>
                    </xsl:otherwise>
                  </xsl:choose>
                </div>
              </div>
            </div>

          </div>
        </div>

        <xsl:call-template name="footer"/>
        <xsl:call-template name="javascript"/>
      </body>
    </html>

  </xsl:template>

  <xsl:template name="emptyPage">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <xsl:call-template name="head"/>
      <body class="template-generic">
        <xsl:call-template name="header"/>

        <div id="doc4">
          <div id="bd">
            <div class="yui-g">

              <xsl:comment>Main</xsl:comment>
              <xsl:apply-templates select="content/slot[@key='Main']"/>
            </div>
          </div>
        </div>

        <xsl:call-template name="footer"/>
        <xsl:call-template name="pixels"/>
        <xsl:call-template name="javascript"/>

      </body>
    </html>
  </xsl:template>

  <xsl:template name="buzz">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <xsl:call-template name="head"/>
      <body class="template-home">
        <xsl:call-template name="header"/>

        <xsl:variable name="pageTitle" select="substring-after(@key,'/')"/>
        <xsl:variable name="pageType" select="substring-after($pageTitle,'/')"/>

        <div id="doc4">
          <div id="bd">
            <div class="buzz-wrapper {concat($pageType,'-tab-bg')}">

              <div class="buzz-top-nav">
                <div class="buzz-title">&#160;</div>

                <div class="buzz-section-nav {concat('active-', $pageType)}">
                  <div id="buzz-tv" class="buzz-icon">
                    <a href="/info/buzz-tv" id="buzz-tv-tab">&#160;</a>
                  </div>
                  <div id="buzz-print" class="buzz-icon">
                    <a href="/info/buzz-print" id="buzz-print-tab">&#160;</a>
                  </div>
                  <div id="buzz-news" class="buzz-icon">
                    <a href="/info/buzz-news" id="buzz-news-tab">&#160;</a>

                  </div>
                  <div id="buzz-movies" class="buzz-icon">
                    <a href="/info/buzz-movies" id="buzz-movies-tab">&#160;</a>
                  </div>
                  <div id="buzz-street" class="buzz-icon">
                    <a href="/info/buzz-street" id="buzz-street-tab">&#160;</a>
                  </div>
                  <div id="buzz-online" class="buzz-icon">
                    <a href="/info/buzz-online" id="buzz-online-tab">&#160;</a>

                  </div>
                  <div class="clear">&#160;</div>
                </div>
              </div>


              <div class="buzz-tab-content {concat($pageType,'-tab')} active-buzz-tab">
                <div class="buzz-body-content">
                  <div class="buzz-youtube-section">
                    <div class="buzz-body-title">
                      <h2>
                        <xsl:value-of select="//page/@title"/>
                      </h2>
                    </div>

                    <div class="main-content-wrap">
                      <div class="current-buzz-content">
                        <div class="buzz-content-wrap">

                          <div class="buzz-content-image">&#160;</div>
                          <div class="buzz-content-youtube">
                            &#160;
                          </div>

                        </div>

                      </div>
                    </div>

                    <div class="buzz-info">
                      <div class="buzz-description">
                        <h2>
                          <xsl:value-of select="//document/@title"/>
                        </h2>
                        <p>
                          <xsl:value-of select="//document/@imageMap"/>
                        </p>
                      </div>
                      <a href="#" class="shop-now-button">&#160;</a>

                      <div class="buzz-social-media product-social">
                        <div class="product-facebook">
                          &#160;
                        </div>
                        <div id="fb-root">&#160;</div>
                        <div class="product-share">
                          <a class="addthis_button" href="http://addthis.com/bookmark.php?v=250&amp;username=markskx">&#160;</a>
                        </div>
                      </div>
                    </div>

                    <!-- This will be handled by admin -->
                    <div class="buzz-gallery-section">
                      <span class="gallery-header">Browser our Gallery:</span>

                      <ul class="buzz-gallery">
                        <xsl:for-each select="//document">
                          <xsl:call-template name="buildGallery">
                            <xsl:with-param name="image" select="."/>
                          </xsl:call-template>

                        </xsl:for-each>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="buzz-footer">
                  <a class="buzz-blog" href="http://skechersblog.wordpress.com/">&#160;</a>
                </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 name="buildGallery">
    <xsl:param name="image"/>
    <xsl:variable name="isVideo" select="$image/@linkType"/>
    <li>
      <div class="gallery-item">
        <div class="buzz-gallery-thumb imgCrop">

          <img src="{concat($cms, '/', $image/@filename)}" width="{$image/@width}" height="{$image/@height}" alt="shoe" />
        </div>
        <div class="buzz-gallery-title">
          <xsl:value-of select="$image/@title"/>
        </div>
        <div class="buzz-gallery-desc">
          <xsl:value-of select="$image/@imageMap" disable-output-escaping="yes"/>
        </div>

        <xsl:if test="$isVideo != ''">
          <div class="buzz-gallery-youtube">

            <xsl:value-of select="$image/@linkType" disable-output-escaping="yes"/>
          </div>
        </xsl:if>

        <div class="buzz-gallery-link">
          <xsl:value-of select="$image/@linkUrl"/>
        </div>
      </div>
    </li>
  </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="https://skechers.tms.hrdepartment.com/cgi-bin/a/searchjobs_quick.cgi">Careers</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="javascript">

    <!-- Type kit code -->
    <xsl:if test="//page[@template='Generic'] and contains(//page/@key, 'info/fitness')">

      <script type="text/javascript" src="http://use.typekit.com/bsa3mns.js"> </script>
      <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
    </xsl:if>

    <script type="text/javascript" src="http://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"/>";
    </script>

    <script type="text/javascript" src="{concat($path,'/',$js)}"> </script>

    <xsl:if test="//page[@template='Product']">
      <script type="text/javascript">
        skx_category_name = "<xsl:value-of select='//data/style/default-category-title'/>";
        skx_category_key = "<xsl:value-of select='//data/style/default-category-key'/>";
        skx_style_code = "<xsl:value-of select='//data/style/@code'/>";
        skx_product_id = "<xsl:value-of select='//data/style/product[1]/@id'/>";
        skx_product_name = "<xsl:value-of select='//data/style/@name'/>";
        skx_page_name = skx_product_name;

        var pr_local="en_US";
        var pr_zip_location="/c";
        var pr_site_id = 1;
        var pr_merchant_group_id = 10260;
        var pr_page_id = skx_style_code;
        var pr_page_id_variant = skx_product_id;
        var pr_style_sheet = "/c/powerreviews.css";
        var pr_ask_question = "javascript:doPopUp('/c/modal-write-reviews.html?prodId="+skx_product_id+"&amp;styleId="+skx_style_code+"&amp;appName=askQuestion','700','900');";
        var pr_answer_question = "javascript:doPopUp('/c/modal-write-reviews.html?prodId="+skx_product_id+"&amp;styleId="+skx_style_code+"&amp;appName=answerQuestion&amp;questionId=@@@QUESTION_ID@@@','700','900');";
        var pr_write_review = "javascript:doPopUp('/c/modal-write-reviews.html?prodId="+skx_product_id+"&amp;styleId="+skx_style_code+"','700','900');";
      </script>

      <!--<script type="text/javascript" src="https://apis.google.com/js/plusone.js"> </script>-->
      <script type="text/javascript" src="{concat($path,'/',$pjs)}"> </script>
    </xsl:if>
    <xsl:if test="//page[@template='Listing']">
      <script type="text/javascript">
        skx_category_name = skx_page_name;
        skx_category_key = skx_page_key;
      </script>
    </xsl:if>
    <xsl:if test="//page[@template='Home']">

      <script type="text/javascript">
        if(Math.round(Math.random()*100) &lt; 2) {
        setTimeout(function(){var a=document.createElement("script");
        var b=document.getElementsByTagName('script')[0];
        a.src=document.location.protocol+"//dnn506yrbagrg.cloudfront.net/pages/scripts/0011/7131.js";
        a.async=true;a.type="text/javascript";b.parentNode.insertBefore(a,b)}, 1);
        }
      </script>
    </xsl:if>
    <xsl:if test="//page[@type='search']">
      <script type="text/javascript">
        search_term =  "<xsl:value-of select='//data/search-results/@terms'/>";
        search_results =  "<xsl:value-of select='//data/search-results/@total'/>";
      </script>

    </xsl:if>

  </xsl:template>

</xsl:stylesheet>
