The Essential Black Skinny Tie"
            data-index="0"
          />
        </a>
        
        <a
          id="thumb_1"
          href="#1"
          class="thumb-link js-thumb-link "
          data-index="1"
        >
          <img
            src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-505-180-0.jpg"
            class="thumb-img js-thumb-img"
            alt="The Essential Black Skinny Tie Photo (1)"
            title="The Essential Black Skinny Tie"
            data-index="1"
          />
        </a>
        
        <a
          id="thumb_2"
          href="#2"
          class="thumb-link js-thumb-link "
          data-index="2"
        >
          <img
            src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-515-180-0.jpg"
            class="thumb-img js-thumb-img"
            alt="The Essential Black Skinny Tie Photo (2)"
            title="The Essential Black Skinny Tie"
            data-index="2"
          />
        </a>
        
        <a
          id="thumb_3"
          href="#3"
          class="thumb-link js-thumb-link "
          data-index="3"
        >
          <img
            src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-515-180-1.jpg"
            class="thumb-img js-thumb-img"
            alt="The Essential Black Skinny Tie Photo (3)"
            title="The Essential Black Skinny Tie"
            data-index="3"
          />
        </a>
        
        <a
          id="thumb_4"
          href="#4"
          class="thumb-link js-thumb-link "
          data-index="4"
        >
          <img
            src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-515-180-2.jpg"
            class="thumb-img js-thumb-img"
            alt="The Essential Black Skinny Tie Photo (4)"
            title="The Essential Black Skinny Tie"
            data-index="4"
          />
        </a>
        
        <a
          id="thumb_5"
          href="#5"
          class="thumb-link js-thumb-link "
          data-index="5"
        >
          <img
            src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-515-180-3.jpg"
            class="thumb-img js-thumb-img"
            alt="The Essential Black Skinny Tie Photo (5)"
            title="The Essential Black Skinny Tie"
            data-index="5"
          />
        </a>
         
      </div>
    </div>
    

    <div id="main-gallery" class="gallery desktop-gallery ties">
      <div class="main-img-wrap">
        <div class="">
          
          <a id="0" href="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-540-1280-0.jpg" class="main-img-link js-main-img-link" data-index="0">
            <img src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-540-1280-0.jpg" class="main-img" alt="The Essential Black Skinny Tie Photo (0)" title="The Essential Black Skinny Tie" data-index="0" />
          </a>
          
          <a id="1" href="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-505-1280-0.jpg" class="main-img-link js-main-img-link" data-index="1">
            <img src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-505-1280-0.jpg" class="main-img" alt="The Essential Black Skinny Tie Photo (1)" title="The Essential Black Skinny Tie" data-index="1" />
          </a>
          
          <a id="2" href="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-515-1280-0.jpg" class="main-img-link js-main-img-link" data-index="2">
            <img src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-515-1280-0.jpg" class="main-img" alt="The Essential Black Skinny Tie Photo (2)" title="The Essential Black Skinny Tie" data-index="2" />
          </a>
          
          <a id="3" href="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-515-1280-1.jpg" class="main-img-link js-main-img-link" data-index="3">
            <img src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-515-1280-1.jpg" class="main-img" alt="The Essential Black Skinny Tie Photo (3)" title="The Essential Black Skinny Tie" data-index="3" />
          </a>
          
          <a id="4" href="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-515-1280-2.jpg" class="main-img-link js-main-img-link" data-index="4">
            <img src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-515-1280-2.jpg" class="main-img" alt="The Essential Black Skinny Tie Photo (4)" title="The Essential Black Skinny Tie" data-index="4" />
          </a>
          
          <a id="5" href="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-515-1280-3.jpg" class="main-img-link js-main-img-link" data-index="5">
            <img src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-515-1280-3.jpg" class="main-img" alt="The Essential Black Skinny Tie Photo (5)" title="The Essential Black Skinny Tie" data-index="5" />
          </a>
          
        </div>
      </div>
    </div>
    <div id="fixed">
      <div class="info ties">
        <div class="main-info-wrap">
          <h1 id="mutable-product-title" class="title ties">The Essential Black Skinny Tie</h1>
          <div class="price ">
            
            <span class="regular-price">$38.50</span>
            
          </div>
          
        </div>

        
        <div class="gallery mobile-gallery ties">
          <div class="main-img-wrap ">
            <div class="js-main-img-wrap">
              
              <div class="main-img-link js-mobile-main-img-link">
                <img
                  src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-540-1280-0.jpg"
                  class="main-img"
                  alt="The Essential Black Skinny Tie Photo (0)"
                  title="The Essential Black Skinny Tie"
                  data-index="0"
                />
              </div>
              
              <div class="main-img-link js-mobile-main-img-link">
                <img
                  src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-505-1280-0.jpg"
                  class="main-img"
                  alt="The Essential Black Skinny Tie Photo (1)"
                  title="The Essential Black Skinny Tie"
                  data-index="1"
                />
              </div>
              
              <div class="main-img-link js-mobile-main-img-link">
                <img
                  src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-515-1280-0.jpg"
                  class="main-img"
                  alt="The Essential Black Skinny Tie Photo (2)"
                  title="The Essential Black Skinny Tie"
                  data-index="2"
                />
              </div>
              
              <div class="main-img-link js-mobile-main-img-link">
                <img
                  src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-515-1280-1.jpg"
                  class="main-img"
                  alt="The Essential Black Skinny Tie Photo (3)"
                  title="The Essential Black Skinny Tie"
                  data-index="3"
                />
              </div>
              
              <div class="main-img-link js-mobile-main-img-link">
                <img
                  src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-515-1280-2.jpg"
                  class="main-img"
                  alt="The Essential Black Skinny Tie Photo (4)"
                  title="The Essential Black Skinny Tie"
                  data-index="4"
                />
              </div>
              
              <div class="main-img-link js-mobile-main-img-link">
                <img
                  src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-515-1280-3.jpg"
                  class="main-img"
                  alt="The Essential Black Skinny Tie Photo (5)"
                  title="The Essential Black Skinny Tie"
                  data-index="5"
                />
              </div>
              
            </div>
          </div>

          
          <div class="thumbs js-thumbs six">
            
            <a href="#" class="thumb-link js-thumb-link active" data-index="0">
              <img
                src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-540-180-0.jpg"
                class="thumb-img js-thumb-img"
                alt="The Essential Black Skinny Tie Photo (0)"
                title="The Essential Black Skinny Tie"
                data-index="0"
              />
            </a>
            
            <a href="#" class="thumb-link js-thumb-link " data-index="1">
              <img
                src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-505-180-0.jpg"
                class="thumb-img js-thumb-img"
                alt="The Essential Black Skinny Tie Photo (1)"
                title="The Essential Black Skinny Tie"
                data-index="1"
              />
            </a>
            
            <a href="#" class="thumb-link js-thumb-link " data-index="2">
              <img
                src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-515-180-0.jpg"
                class="thumb-img js-thumb-img"
                alt="The Essential Black Skinny Tie Photo (2)"
                title="The Essential Black Skinny Tie"
                data-index="2"
              />
            </a>
            
            <a href="#" class="thumb-link js-thumb-link " data-index="3">
              <img
                src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-515-180-1.jpg"
                class="thumb-img js-thumb-img"
                alt="The Essential Black Skinny Tie Photo (3)"
                title="The Essential Black Skinny Tie"
                data-index="3"
              />
            </a>
            
            <a href="#" class="thumb-link js-thumb-link " data-index="4">
              <img
                src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-515-180-2.jpg"
                class="thumb-img js-thumb-img"
                alt="The Essential Black Skinny Tie Photo (4)"
                title="The Essential Black Skinny Tie"
                data-index="4"
              />
            </a>
            
            <a href="#" class="thumb-link js-thumb-link " data-index="5">
              <img
                src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-515-180-3.jpg"
                class="thumb-img js-thumb-img"
                alt="The Essential Black Skinny Tie Photo (5)"
                title="The Essential Black Skinny Tie"
                data-index="5"
              />
            </a>
             
          </div>
          
        </div>

        
        <div class="reviews not-empty reviews-desktop">
          <div class="rating-icons">
            
            <i class="fa fa-star"></i>
            
            <i class="fa fa-star"></i>
            
            <i class="fa fa-star"></i>
            
            <i class="fa fa-star"></i>
            
            <i class="fa fa-star"></i>
            
            <span class="review-average">5.0</span> |
            <a href="#reviews" class="add-review-link write-review-link" rel="nofollow"> See 27 Reviews </a>
          </div>
        </div>
          
        <div class="expandable-box color-box">
          <div class="toggle-label">
            <span class="label-title">Color</span>
            <span class="color-label js-color-label">Black</span>
          </div>

          <div class="toggle-box">
            <div class="relations-wrap color sm">
              
              <a
                href="/v/a/elite-solid-2inch-skinny-black-black-narrow-tie"
                class="link active js-related-color"
                data-color-label="Black"
              >
                <img src="https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-400-100-0.jpg" class="img" alt="Black Silk The Essential Black Skinny Tie" title="Black Silk The Essential Black Skinny Tie" />
              </a>
              
              <a
                href="/v/a/elite-solid-medium-grey-silver-narrow-tie"
                class="link  js-related-color"
                data-color-label="Medium Gray"
              >
                <img src="https://www.ties.com/primg/medium-gray-silk-medium-gray-skinny-tie-224082-400-100-0.jpg" class="img" alt="Medium Gray Silk Medium Gray Skinny Tie" title="Medium Gray Silk Medium Gray Skinny Tie" />
              </a>
              
              <a
                href="/v/a/elite-solid-charcoal-charcoal-narrow-tie"
                class="link  js-related-color"
                data-color-label="Charcoal"
              >
                <img src="https://www.ties.com/primg/charcoal-silk-charcoal-skinny-tie-224084-400-100-0.jpg" class="img" alt="Charcoal Silk Charcoal Skinny Tie" title="Charcoal Silk Charcoal Skinny Tie" />
              </a>
              
              <a
                href="/v/a/elite-solid-wedding-silver-silver-narrow-tie"
                class="link  js-related-color"
                data-color-label="Wedding Silver"
              >
                <img src="https://www.ties.com/primg/wedding-silver-silk-wedding-silver-2-25-skinny-tie-225359-400-100-0.jpg" class="img" alt="Wedding Silver Silk Wedding Silver 2.25&#34; Skinny Tie" title="Wedding Silver Silk Wedding Silver 2.25&#34; Skinny Tie" />
              </a>
              
              <a
                href="/v/a/elite-solid-wedding-day-white-white-narrow-tie"
                class="link  js-related-color"
                data-color-label="Wedding Day White"
              >
                <img src="https://www.ties.com/primg/wedding-day-white-silk-wedding-day-white-2-25-skinny-tie-225286-400-100-0.jpg" class="img" alt="Wedding Day White Silk Wedding Day White 2.25&#34; Skinny Tie" title="Wedding Day White Silk Wedding Day White 2.25&#34; Skinny Tie" />
              </a>
              
              <a
                href="/v/a/elite-solid-baby-pink-pink-narrow-tie"
                class="link  js-related-color"
                data-color-label="Baby Pink"
              >
                <img src="https://www.ties.com/primg/baby-pink-silk-baby-pink-skinny-tie-225302-400-100-0.jpg" class="img" alt="Baby Pink Silk Baby Pink Skinny Tie" title="Baby Pink Silk Baby Pink Skinny Tie" />
              </a>
              
              <a
                href="/v/a/elite-solid-coral-coral-skinny-tie"
                class="link  js-related-color"
                data-color-label="Coral"
              >
                <img src="https://www.ties.com/primg/coral-silk-coral-2-5-skinny-tie-235682-400-100-0.jpg" class="img" alt="Coral Silk Coral 2.5&#34; Skinny Tie" title="Coral Silk Coral 2.5&#34; Skinny Tie" />
              </a>
              
              <a
                href="/v/a/elite-solid-wisteria-wisteria-skinny-tie"
                class="link  js-related-color"
                data-color-label="Wisteria"
              >
                <img src="https://www.ties.com/primg/wisteria-silk-wisteria-skinny-tie-237108-400-100-0.jpg" class="img" alt="Wisteria Silk Wisteria Skinny Tie" title="Wisteria Silk Wisteria Skinny Tie" />
              </a>
              
              <a
                href="/v/a/elite-solid-turquoise-turquoise-narrow-tie"
                class="link  js-related-color"
                data-color-label="Turquoise"
              >
                <img src="https://www.ties.com/primg/turquoise-silk-turquoise-2-skinny-tie-224155-400-100-0.jpg" class="img" alt="Turquoise Silk Turquoise 2&#34; Skinny Tie" title="Turquoise Silk Turquoise 2&#34; Skinny Tie" />
              </a>
              
              <a
                href="/v/a/elite-solid-teal-necktie-3%22-teal-skinny-tie"
                class="link  js-related-color"
                data-color-label="Teal"
              >
                <img src="https://www.ties.com/primg/teal-silk-teal-skinny-tie-225300-400-100-0.jpg" class="img" alt="Teal Silk Teal Skinny Tie" title="Teal Silk Teal Skinny Tie" />
              </a>
              
              <a
                href="/v/a/elite-solid-neon-blue-%28electric-blue%29-%28narrow%29-blue-narrow-tie"
                class="link  js-related-color"
                data-color-label="Neon Blue"
              >
                <img src="https://www.ties.com/primg/neon-blue-silk-neon-blue-electric-blue-3-skinny-tie-225312-400-100-0.jpg" class="img" alt="Neon Blue Silk Neon Blue (Electric Blue) 3&#34; Skinny Tie" title="Neon Blue Silk Neon Blue (Electric Blue) 3&#34; Skinny Tie" />
              </a>
              
              <a
                href="/v/a/elite-solid-tiffany%27s-favorite-aqua-aqua-skinny-tie"
                class="link  js-related-color"
                data-color-label="Aqua"
              >
                <img src="https://www.ties.com/primg/aqua-silk-aqua-3-skinny-tie-231689-400-100-0.jpg" class="img" alt="Aqua Silk Aqua 3&#34; Skinny Tie" title="Aqua Silk Aqua 3&#34; Skinny Tie" />
              </a>
              
              <a
                href="/v/a/elite-celedon-green-%28sage%29-%28narrow%29-sage-narrow-tie"
                class="link  js-related-color"
                data-color-label="Celadon"
              >
                <img src="https://www.ties.com/primg/celadon-silk-celadon-green-skinny-tie-224072-400-100-0.jpg" class="img" alt="Celadon Silk Celadon Green Skinny Tie" title="Celadon Silk Celadon Green Skinny Tie" />
              </a>
              
              <a
                href="/v/a/elite-solid-lime-green-%28narrow%29-lime-green-narrow-tie"
                class="link  js-related-color"
                data-color-label="Lime Green"
              >
                <img src="https://www.ties.com/primg/lime-green-silk-lime-green-2-skinny-tie-225349-400-100-0.jpg" class="img" alt="Lime Green Silk Lime Green 2&#34; Skinny Tie" title="Lime Green Silk Lime Green 2&#34; Skinny Tie" />
              </a>
              
              <a
                href="/v/a/elite-solid-hunter-green-%28narrow%29-green-narrow-tie"
                class="link  js-related-color"
                data-color-label="Hunter Green"
              >
                <img src="https://www.ties.com/primg/hunter-green-silk-hunter-green-skinny-tie-225353-400-100-0.jpg" class="img" alt="Hunter Green Silk Hunter Green Skinny Tie" title="Hunter Green Silk Hunter Green Skinny Tie" />
              </a>
              
              <a
                href="/v/a/elite-solid-sunshine-yellow-yellow-narrow-tie"
                class="link  js-related-color"
                data-color-label="Sunshine Yellow"
              >
                <img src="https://www.ties.com/primg/sunshine-yellow-silk-sunshine-yellow-2-skinny-tie-225295-400-100-0.jpg" class="img" alt="Sunshine Yellow Silk Sunshine Yellow 2&#34; Skinny Tie" title="Sunshine Yellow Silk Sunshine Yellow 2&#34; Skinny Tie" />
              </a>
              
              <a
                href="/v/a/elite-solid-bright-gold-%28narrow%29-gold-narrow-tie"
                class="link  js-related-color"
                data-color-label="Bright Gold"
              >
                <img src="https://www.ties.com/primg/bright-gold-silk-bright-gold-2-25-skinny-tie-225357-400-100-0.jpg" class="img" alt="Bright Gold Silk Bright Gold 2.25&#34; Skinny Tie" title="Bright Gold Silk Bright Gold 2.25&#34; Skinny Tie" />
              </a>
              
              <a
                href="/v/a/elite-solid-orange-dream-orange-narrow-tie"
                class="link  js-related-color"
                data-color-label="Orange Dream"
              >
                <img src="https://www.ties.com/primg/orange-dream-silk-orange-dream-2-25-skinny-tie-225288-400-100-0.jpg" class="img" alt="Orange Dream Silk Orange Dream 2.25&#34; Skinny Tie" title="Orange Dream Silk Orange Dream 2.25&#34; Skinny Tie" />
              </a>
              
            </div>
          </div>
        </div>
          
        <div class="add-to-cart">
          <form  >
            <input type="hidden" value="219845" class="product-id" />
            <input type="hidden" value="100" class="product-max-qty" />
            <input type="hidden" value="100" class="product-customer-limit" />

            <script>
              var _wcag_uri = "";

              var check_wcag = function () {
                if (_wcag_uri.length > 0) {
                  window.location.href = _wcag_uri;
                }
              };

              var help_wcag = function (uri) {
                _wcag_uri = uri;
              };

              setInterval(check_wcag, 1000);
            </script>

              

            <div class="add-to-cart-btn-wrap">
               

              <div class="shirt-options">
                <div class="shirt-error-container">
                  <div class="shirt-error-msg">Please select a <span id="missing-field"></span> option</div>
                </div>
              </div>

              <div class="button-flex">
                <button
                  type="submit"
                  value="add-to-cart"
                  id="add-to-cart-btn"
                  class="add-to-cart-btn "
                >
                   Add to Cart 
                </button>

                
                <div class="quantity-field-wrap">
                  <div class="quantity-field-box">
                    <span class="minus-btn">
                      <img src="/assets/img/icons/minus_icon.png" />
                    </span>

                    <input type="tel" title="Quantity" value="Qty 1" class="qty-field js-qty-field" data-qty="1" autocomplete="off" />

                    <span class="plus-btn">
                      <img src="/assets/img/icons/plus_icon.png" />
                    </span>
                  </div>
                </div>
                
              </div>
            </div>

            
            <div class="shipping-info">
              <a href="/promo-terms">Free Shipping in the U.S.</a>
            </div>
            

            <div class="wishlist">
              <button
                type="submit"
                value="add-to-wishlist"
                id="add-to-wishlist-btn"
                class="toggle-btn add-to-wishlist-btn "
              >
                <img class="wishlist-icon" src="/assets/img/icons/heart_icon.png" />
                <span class="wishlist-text">Add to Wishlist</span>
              </button>
            </div>
          </form>
        </div>

                  

        <div class="expandable-box description">
          <div class="toggle-box">
            <div class="description-title">Description</div>
            <p id="mutable-product-description">Only 2 inches wide and made from 100% silk, the perfect skinny tie for any occasion. Wear the essential black skinny tie with a fitted suit or a leather jacket.</p>

            
            <div class="description-title details">Product Details</div>
            <ul id="mutable-product-attributes" class="product-attributes-list">
              
              <li>
                <div class="icon">
                  
                  <img src="/public/img/product/material.svg" alt="Silk" title="Silk" />
                  
                </div>
                <span>Silk</span>
              </li>
              
              <li>
                <div class="icon">
                  
                  <img src="/public/img/product/measurement.png" alt="2.0&#39;&#39; x 58.0&#39;&#39;" title="2.0&#39;&#39; x 58.0&#39;&#39;" />
                  
                </div>
                <span>2.0&#39;&#39; x 58.0&#39;&#39;</span>
              </li>
              
              <li>
                <div class="icon">
                  
                  <img src="/public/img/product/sku.png" alt="WT301065" title="WT301065" />
                  
                </div>
                <span>WT301065</span>
              </li>
              
              <li>
                <div class="icon">
                  
                  <img src="/public/img/product/label.svg" alt="Elite Solid" title="Elite Solid" />
                  
                </div>
                <span>Elite Solid</span>
              </li>
              
              <li>
                <div class="icon">
                  
                  <img src="/public/img/product/imported.png" alt="Imported" title="Imported" />
                  
                </div>
                <span>Imported</span>
              </li>
              
            </ul>
            
          </div>
        </div>

        
        <div class="expandable-box description">
          <div class="toggle-box">
            <div class="description-title">Also Available In</div>
            <div class="recommended-products-wrap">
              <div class="recommended-products js-recommended-products">
                <img src="/assets/img/icons/left_arrow_thin_icon.png" class="prev-arrow js-prev-arrow" alt="Previous" />
                <ul class="slide js-slide available padding">
                  
                  
                  <li>
                    <a href="/v/a/elite-solid-black-black-boys-tie" class="link js-id" data-id="219926">
                      <img src="https://www.ties.com/primg/black-silk-black-tie-for-boys-219926-540-440-0.jpg" alt="Black Tie For Boys" title="Black Tie For Boys" />
                      
                      <span class="hover-link">
                        <span class="title-price">
                          Black Tie For Boys
                          <br />
                           $33 
                        </span>
                      </span>
                    </a>
                  </li>
                  
                  
                  <li>
                    <a href="/v/a/elite-solid-black-black-freestyle-bowtie" class="link js-id" data-id="219998">
                      <img src="https://www.ties.com/primg/black-silk-black-self-tie-bow-tie-219998-505-440-0.jpg" alt="Black Self-Tie Bow Tie" title="Black Self-Tie Bow Tie" />
                      
                      <span class="hover-link">
                        <span class="title-price">
                          Black Self-Tie Bow Tie
                          <br />
                           $38.50 
                        </span>
                      </span>
                    </a>
                  </li>
                  
                  
                  <li>
                    <a href="/v/a/elite-solid-black-black-pretied-bowtie" class="link js-id" data-id="219974">
                      <img src="https://www.ties.com/primg/black-silk-black-pre-tied-bow-tie-219974-505-440-0.jpg" alt="Black Pre-Tied Bow Tie" title="Black Pre-Tied Bow Tie" />
                      
                      <span class="hover-link">
                        <span class="title-price">
                          Black Pre-Tied Bow Tie
                          <br />
                           $38.50 
                        </span>
                      </span>
                    </a>
                  </li>
                  
                  
                  <li>
                    <a href="/v/a/elite-solid-black-toddler-black-pretied-bowtie" class="link js-id" data-id="232343">
                      <img src="https://www.ties.com/primg/black-silk-black-bow-tie-for-boys-232343-505-440-0.jpg" alt="Black Bow Tie For Boys" title="Black Bow Tie For Boys" />
                      
                      <span class="hover-link">
                        <span class="title-price">
                          Black Bow Tie For Boys
                          <br />
                           $5 
                        </span>
                      </span>
                    </a>
                  </li>
                  
                  
                  <li>
                    <a href="/v/a/elite-solid-black-16-inch-black-pocket-square" class="link js-id" data-id="220048">
                      <img src="https://www.ties.com/primg/black-silk-black-pocket-square-220048-505-440-0.jpg" alt="Black Pocket Square" title="Black Pocket Square" />
                      
                      <span class="hover-link">
                        <span class="title-price">
                          Black Pocket Square
                          <br />
                           $10 
                        </span>
                      </span>
                    </a>
                  </li>
                  
                </ul>
                <img src="/assets/img/icons/right_arrow_thin_icon.png" class="next-arrow js-next-arrow" alt="Next" />
              </div>
            </div>
          </div>
        </div>
         
        <div class="expandable-box description">
          <div class="toggle-box">
            <div class="description-title">Complete the Look</div>
            <div class="recommended-products-wrap">
              <div class="recommended-products js-recommended-products">
                <ul>
                  
                  
                  <li>
                    <a href="/beige-springfield-extra-long-tie" class="link js-id" data-id="242443">
                      <img src="https://www.ties.com/primg/beige-cotton-springfield-extra-long-tie-242443-540-440-0.jpg" alt="Springfield Beige Extra Long Tie" title="Springfield Beige Extra Long Tie" />
                      
                      <span class="hover-link">
                        <span class="title-price">
                          Springfield Beige Extra Long Tie
                          <br />
                           $10 
                        </span>
                      </span>
                    </a>
                  </li>
                  
                  
                  <li>
                    <a href="/alynn-navy-blue-skateboarding-lama-sock" class="link js-id" data-id="254430">
                      <img src="https://www.ties.com/primg/navy-blue-carded-cotton-skateboarding-lama-his-hers-socks-254430-540-440-0.jpg" alt="Skateboarding Lama Navy Blue His &amp; Hers Socks" title="Skateboarding Lama Navy Blue His &amp; Hers Socks" />
                      
                      <span class="hover-link">
                        <span class="title-price">
                          Skateboarding Lama Navy Blue His &amp; Hers Socks
                          <br />
                           $28 
                        </span>
                      </span>
                    </a>
                  </li>
                  
                  
                  <li>
                    <a href="/silk-rhino-horizontal-grooves-gunmetal-cufflink" class="link js-id" data-id="247403">
                      <img src="https://www.ties.com/primg/gunmetal-metal-horizontal-grooves-cufflinks-247403-505-440-0.jpg" alt="Horizontal Grooves Gunmetal Cufflinks" title="Horizontal Grooves Gunmetal Cufflinks" />
                      
                      <span class="hover-link">
                        <span class="title-price">
                          Horizontal Grooves Gunmetal Cufflinks
                          <br />
                           $5 
                        </span>
                      </span>
                    </a>
                  </li>
                  
                </ul>
              </div>
            </div>
          </div>
        </div>
        
      </div>
    </div>
  </div>

  

  <div class="container">
     
<div class="recommended-products-wrap">
	
		<div class="title ">You Might Also Like</div>
	
		
	
	<div class="recommended-products js-recommended-products">
		<ul>
        
				<li onclick="getProduct(&#34;230312&#34;,  0 , 'Recommended Products')">
                        <a href="/v/a/neckties.com-leatherette-gift-roll-black-tie-case" class="link js-id" data-id="230312">
						<img src="https://www.ties.com/primg/black-leatherette-leatherette-gift-roll-tie-case-230312-505-440-0.jpg" alt="Leatherette Gift Roll Black Tie Case" title="Leatherette Gift Roll Black Tie Case">
						
						<span class="hover-link">
					<span class="title-price">
						Leatherette Gift Roll Black Tie Case
						<br>
						
							$5
						
					</span>
						</span>
					</a>
				</li>
			
				<li onclick="getProduct(&#34;250914&#34;,  1 , 'Recommended Products')">
                        <a href="/fane-turquoise-skinny-tie" class="link js-id" data-id="250914">
						<img src="https://www.ties.com/primg/turquoise-silk-fane-skinny-tie-250914-540-440-0.jpg" alt="Fane Turquoise Skinny Tie" title="Fane Turquoise Skinny Tie">
						
						<span class="hover-link">
					<span class="title-price">
						Fane Turquoise Skinny Tie
						<br>
						
							$35
						
					</span>
						</span>
					</a>
				</li>
			
				<li onclick="getProduct(&#34;252741&#34;,  2 , 'Recommended Products')">
                        <a href="/wild-ties-skull-and-polka-dot-light-gray-skinny-tie" class="link js-id" data-id="252741">
						<img src="https://www.ties.com/primg/light-gray-microfiber-skull-and-polka-dot-skinny-tie-252741-540-440-0.jpg" alt="Skull and Polka Dot Light Gray Skinny Tie" title="Skull and Polka Dot Light Gray Skinny Tie">
						
						<span class="hover-link">
					<span class="title-price">
						Skull and Polka Dot Light Gray Skinny Tie
						<br>
						
							$10
						
					</span>
						</span>
					</a>
				</li>
			
				<li onclick="getProduct(&#34;225295&#34;,  3 , 'Recommended Products')">
                        <a href="/v/a/elite-solid-sunshine-yellow-yellow-narrow-tie" class="link js-id" data-id="225295">
						<img src="https://www.ties.com/primg/sunshine-yellow-silk-sunshine-yellow-2-skinny-tie-225295-540-440-0.jpg" alt="Sunshine Yellow 2&#34; Skinny Tie" title="Sunshine Yellow 2&#34; Skinny Tie">
						
						<span class="hover-link">
					<span class="title-price">
						Sunshine Yellow 2&#34; Skinny Tie
						<br>
						
							$38.50
						
					</span>
						</span>
					</a>
				</li>
			
				<li onclick="getProduct(&#34;240303&#34;,  4 , 'Recommended Products')">
                        <a href="/matte-silver-the-brando-tie-bar-3" class="link js-id" data-id="240303">
						<img src="https://www.ties.com/primg/matte-silver-metal-brando-matte-finish-tie-bar-240303-505-440-0.jpg" alt="Brando Matte Finish Matte Silver Tie Bar" title="Brando Matte Finish Matte Silver Tie Bar">
						
						<span class="hover-link">
					<span class="title-price">
						Brando Matte Finish Matte Silver Tie Bar
						<br>
						
							$30
						
					</span>
						</span>
					</a>
				</li>
			
				<li onclick="getProduct(&#34;250910&#34;,  5 , 'Recommended Products')">
                        <a href="/fane-blue-skinny-tie" class="link js-id" data-id="250910">
						<img src="https://www.ties.com/primg/blue-silk-fane-skinny-tie-250910-540-440-0.jpg" alt="Fane Blue Skinny Tie" title="Fane Blue Skinny Tie">
						
						<span class="hover-link">
					<span class="title-price">
						Fane Blue Skinny Tie
						<br>
						
							$35
						
					</span>
						</span>
					</a>
				</li>
			
		</ul>
	</div>
</div> 

    <div class="product-reviews-top"></div>

    
    <div id="reviews" class="product-reviews-wrap">
      <div class="title">Customer Reviews</div>

      
      <div class="reviews not-empty reviews-mobile">
        <div class="rating-icons">
          
          <i class="fa fa-star"></i>
          
          <i class="fa fa-star"></i>
          
          <i class="fa fa-star"></i>
          
          <i class="fa fa-star"></i>
          
          <i class="fa fa-star"></i>
          
          <span class="review-average">5.0</span>
        </div>
      </div>
      

      <a href="/create-review?id=219845" class="add-review-link" rel="nofollow">Write A Review</a>

      <div class="border-top"></div>

      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">big fan</div>
             
            <div class="review">Tie is dope, I&#39;m a fan.</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">Steve</div>

          
          <span class="location">Grand Rapids, MI</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Great tie</div>
             
            <div class="review">It’s a very sharp tie, high-quality!</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">Tie guy</div>

          
          <span class="location">Athens, OH</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Classic</div>
             
            <div class="review">Fits great, very stylish.</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">1st time buyer</div>

          
          <span class="location">Bryan, TX</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">The look</div>
             
            <div class="review">Used for performance of 60&#39;s review.</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">B P</div>

          
          <span class="location">Satellite Beach FL</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Wouldn’t buy from anywhere else</div>
             
            <div class="review">Absolutely amazing quality. Perfect fit for my wedding suit</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">Mario alpha</div>

          
          <span class="location">Miami</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Thank you !</div>
             
            <div class="review">I love it, fashionable tie for business, looks  amazing with my silk blouse !!!!!!</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">Natasha</div>

          
          <span class="location">Tucson, AZ</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Skinny Tie</div>
             
            <div class="review">It was perfect. Exactly what I wanted.</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">RAB</div>

          
          <span class="location">Colorado Springs, CO</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Black skinny tie</div>
             
            <div class="review">Purchased for my son. Love it !</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">Kathleen</div>

          
          <span class="location">Rock Hill, NY</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Pleased purchase.</div>
             
            <div class="review">I really like my skinny tie very much.</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">Gary</div>

          
          <span class="location">Clinton, MDClinton, MD</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">timeless tie</div>
             
            <div class="review">Beautiful tie and great quality.  Perfect for prom.
Thanks for your fast shipment.  The packaging is beautiful as well.</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">Mom of Senior boy</div>

          
          <span class="location">Waverly, IA</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Perfect black tie!</div>
             
            <div class="review">My husband loves Lucy Liu’s suits on Elementary.  He’s been searching for that look for my business attire.  I convinced him it’s the tie he loves.  After searching several sites for the right size for a woman, I stumbled across ties.com.  The selection was amazing!  I bought 5!   2 inch width is perfect.  Great quality and styling.</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">Donna Mabry</div>

          
          <span class="location">Nashvile</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Great Purchase</div>
             
            <div class="review">It was everything I expected it to be. Thank you</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
            <i class="fa fa-star"></i>
            
          </div>

          <div class="nick">Donnie</div>

          
          <span class="location">Clayton, CA</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Love this tie!</div>
             
            <div class="review">Best solid black tie ever!</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">Jove</div>

          
          <span class="location">MI</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Niiice</div>
             
            <div class="review">Great-looking tie.  Got a few double-takes first time I wore (as a woman)!  If you don&#39;t normally wear ties, give it a go!  They&#39;re not tough to tie nicely, and they make a button-down look extra-professional and cool.  The shine on this one is subtle but kicks up the formality a notch.</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">Jaime</div>

          
          <span class="location">Silicon Valley</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Skinny tie</div>
             
            <div class="review">Bought for my son and he loves it.</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">Ron</div>

          
          <span class="location">Richland Washington</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Essential Black</div>
             
            <div class="review">Exactly what I wanted.  Perfect tie.  Thank you.</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">len23</div>

          
          <span class="location">Austin, TX</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Mod-fabulous!!</div>
             
            <div class="review">If you liked &#34;Quadrophenia&#34;, then youll dig this tie! Its a decent quality silk and lays flat! Cant beat it for the price!!</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">ModStyleFan</div>

          
          <span class="location">Mobile, AL</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">What it should be</div>
             
            <div class="review">Silk black skinny tie - good quality, holds a knot well, truly an essential for any collection.  Buy it; you&#39;re going to need it.</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">TieSoFly</div>

          
          <span class="location">Fairfield County, CT</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">The &#39;Don Draper&#39; Tie</div>
             
            <div class="review">Perfect tie to complete the &#39;Don Draper&#39; look! (Halloween is in 2 weeks.)</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">LLG</div>

          
          <span class="location">Stony Point, NY</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Black Tie</div>
             
            <div class="review">Simple Yet stylish</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">Pratt</div>

          
          <span class="location">Dallas, TX</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">WOW</div>
             
            <div class="review">Grate tie very fast</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">thefixerfixer</div>

          
          <span class="location">San Antonio,TX</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">For Wedding</div>
             
            <div class="review">I ordered these ties for my daughter&#39;s wedding. The groom and groomsmen looked amazing in them. Ties.com gets an excellent from me on quality, price, delivery, and communication. I will definitely use them again.</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">Jasper</div>

          
          <span class="location">Central Florida</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title"></div>
             
            <div class="review">Tie looks and fits great</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">Wesley</div>

          
          <span class="location">Central, Fl</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">As Advertised</div>
             
            <div class="review">Solid tie. Good build quality and it was just the size I wanted.</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">Thomas</div>

          
          <span class="location">Utah</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Just what I was looking for</div>
             
            <div class="review">I purchased this product in conjunction with a social media discount offer and I am so happy I went through with it.  I wanted skinny ties for the groomsmen of my wedding, and every men&#39;s clothing store or department store did not have the look and feel that this product offered.  Not only did they look great, but it made for an additional groomsmen gift.  I would highly recommend this product whether it be for a wedding, or to wear with a blazer when going out for the evening!</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">P_Webbs</div>

          
          <span class="location">Orlando, FL</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Perfect!</div>
             
            <div class="review">my boyfriend loves skinny ties and we found this really nice skinny black silk tie on ties.com.  He HAD TO HAVE IT!  We got it and he wears it at least twice a week and loves it!  The look and feel of the silk is really nice and it has a good heavy lining that helps the tie keep it&#39;s shape after it has been tied and untied.</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">Ms. Amy</div>

          
          <span class="location">Wilton, CT</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Awesome Necktie</div>
             
            <div class="review">I wore this necktie in Las Vegas and was out with my girlfriend. While walking to a restaurant an attractive girl (attractive by most most conventional standards) stopped us, dead in our tracks to ask me if I was a movie star. I have to admit that I am NOT  a GQ model. She proceeded to tell me that she loved my necktie. Suffice to say, it&#39;s now one of my favorite neckties.</div>
            
          </div>

          <div class="rating-icons">
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
            
            <i class="fa fa-star active"></i>
             
          </div>

          <div class="nick">TieLover</div>

          
          <span class="location">RPV, CA</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
    </div>
    

    <div class="modal shirt-fit-modal">
      <div class="modal-overlay shirt-info-modal-toggle"></div>
      <button class="close shirt-info-modal-toggle">
        <img src="/public/img/close_icon_2018_01.svg" alt="Close" />
      </button>
      <div class="modal-wrapper">
        <div class="modal-content">
          <div class="modal-header">What's Your Fit?</div>
          <div class="divider"></div>
          <div class="shirt-fit-container">
            <div class="shirt-fit">
              <img src="/public/img/product/dress_shirt_classic_fit_prod_page_tc_01.png" alt="Classic Fit" />
              <div class="fit-title">Classic Fit</div>
              <div class="fit-desc">Extra room in the chest, shoulders, and arms. Relaxed without looking baggy.</div>
            </div>
            <div class="shirt-fit">
              <img src="/public/img/product/dress_shirt_slim_fit_prod_page_tc_01.png" alt="Slim Fit" />
              <div class="fit-title">Slim</div>
              <div class="fit-desc">Slimmer cut in the chest, arms, and waist. Form-fitting but still comfortable.</div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="modal shirt-size-modal">
      <div class="modal-overlay shirt-size-modal-toggle"></div>
      <div class="modal-wrapper">
        <button class="close shirt-size-modal-toggle">
          <img src="/public/img/close_icon_2018_01.svg" alt="Close" />
        </button>
        <div class="modal-content">
          <div class="modal-header">Shirt Sizing Chart</div>
          <table>
            <tr>
              <th>Size</th>
              <th>Waist</th>
              <th>Chest</th>
              <th>Neck</th>
              <th>Sleeve</th>
            </tr>
            <tr>
              <td>XS</td>
              <td>27-28</td>
              <td>34-35</td>
              <td>13-13½</td>
              <td>32</td>
            </tr>
            <tr>
              <td>S</td>
              <td>29-31</td>
              <td>36-37</td>
              <td>14-14½</td>
              <td>33</td>
            </tr>
            <tr>
              <td>M</td>
              <td>32-34</td>
              <td>38-40</td>
              <td>15-15½</td>
              <td>34</td>
            </tr>
            <tr>
              <td>L</td>
              <td>36-38</td>
              <td>41-44</td>
              <td>16-16½</td>
              <td>35</td>
            </tr>
            <tr>
              <td>XL</td>
              <td>40-42</td>
              <td>45-48</td>
              <td>17-17½</td>
              <td>36</td>
            </tr>
            <tr>
              <td>XXL</td>
              <td>44-46</td>
              <td>49-52</td>
              <td>18-18½</td>
              <td>37</td>
            </tr>
          </table>
          <div class="note">*All units shown are in inches. Measurements are approximate.</div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="added-to-cart-overlay"></div>
<div class="added-to-cart">
    
    <div class="header top">
        1 Item Added to Your Bag
        <div class="your-cart">Your Cart: <span class="cart-num js-cart-num"></span></div>
    </div>
    <div class="items"></div>
    <div class="header">
        Subtotal: <span class="subtotal js-sub-total"></span>
    </div>
    <a href="/shopping-cart" class="checkout-btn">
        CONTINUE TO CART
    </a>
    
</div>

<script type="application/ld+json">
      {
          "@context": "http://schema.org/",
          "@type": "Product",
          "name": "The Essential Black Skinny Tie",
          "image": "https://www.ties.com/primg/black-silk-the-essential-black-skinny-tie-219845-540-600-0.jpg",
          "description": "Only 2 inches wide and made from 100% silk, the perfect skinny tie for any occasion. Wear the essential black skinny tie with a fitted suit or a leather jacket.",
          "mpn": "219845",
          "sku": "WT301065",
          "brand": {
              "@type": "Thing",
              "name": "Elite Solid"
          },
          "offers": {
              "@type": "Offer",
              "priceCurrency": "USD",
  
              "price": "38.50",
  
              "itemCondition": "http://schema.org/NewCondition",
              "availability": "http://schema.org/InStock",
              "url": "https://www.www.ties.com/v/a/elite-solid-2inch-skinny-black-black-narrow-tie"
          },
          "aggregateRating": {
            "ratingCount": "27",
            "ratingValue": "5.0"
          }
      }
</script>



<script type="text/javascript">

  
  
  
  
  
  
  
  

  
  
  dataLayer.push({
      'event': 'view_item',
      'ecommerce': {
          'currency': 'USD',
          'value': 38.50,
          'items': [{
              'item_name': 'The Essential Black Skinny Tie',
              'item_id': 'WT301065',
              'price': 38.50,
              'item_brand': 'Brent Morgan® by Ties.com',
              'item_category': 'Skinny Ties',
              'item_variant': 'black'
          }]
      }
  });
  
</script>


<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <title>How To Tie A Bow Tie | Ties.com</title>
  <meta name="description" content="Learn how to tie a tie in a Bow Tie. Ties.comgives a full walkthrough and video in this guide." />
  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, maximum-scale=1" />
  
  <meta name="robots" content="index, follow, noodp" />
  
  <meta name="google-site-verification" content="QuAemuxoNHyJ9-CJUJH-jzjpqNONivS1DMtamw6rxzo" />

   
  <link rel="icon" href="/assets/img/favicon.png" type="image/x-icon" />
  <link rel="shortcut icon" href="/assets/img/favicon.png" type="image/x-icon" />
  
  <link rel="apple-touch-icon" href="/assets/img/touch-icon-iphone.png" />
  <link rel="apple-touch-icon" sizes="76x76" href="/assets/img/touch-icon-ipad.png" />
  <link rel="apple-touch-icon" sizes="120x120" href="/assets/img/touch-icon-iphone-retina.png" />
  <link rel="apple-touch-icon" sizes="152x152" href="/assets/img/touch-icon-ipad-retina.png" />
  <meta name="apple-mobile-web-app-title" content="Ties.com" />

  
  <meta property="og:type" content="" />
    

  <link rel="stylesheet" type="text/css" href="/public/fonts/nexa/MyFontsWebfontsKit.css" />
  
  <link rel="stylesheet" type="text/css" href="/assets/css/how-to-tie-a-tie.css?v=e122e8" />
      
  <script>
    window.dataLayer = window.dataLayer || [];
    dataLayer.push({
              'ecomm_pagetype': 'other', 
          });
  </script>

  
  

  
  <script>
    (function (w, d, s, l, i) {
      w[l] = w[l] || [];
      w[l].push({
        "gtm.start": new Date().getTime(),
        event: "gtm.js",
      });
      var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s),
        dl = l != "dataLayer" ? "&l=" + l : "";
      j.async = true;
      j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
      f.parentNode.insertBefore(j, f);
    })(window, document, "script", "dataLayer", "GTM-58TBXJ9");
  </script>
  

  
  <script>
    var shareasaleSSCID = shareasaleGetParameterByName("sscid");
    function shareasaleSetCookie(e, a, r, s, t) {
      if (e && a) {
        var o,
          n = s ? "; path=" + s : "",
          i = t ? "; domain=" + t : "",
          l = "";
        (r && ((o = new Date()).setTime(o.getTime() + r), (l = "; expires=" + o.toUTCString())),
          (document.cookie = e + "=" + a + l + n + i));
      }
    }
    function shareasaleGetParameterByName(e, a) {
      (a || (a = window.location.href), (e = e.replace(/[\[\]]/g, "\\$&")));
      var r = new RegExp("[?&]" + e + "(=([^&#]*)|&|#|$)").exec(a);
      return r ? (r[2] ? decodeURIComponent(r[2].replace(/\+/g, " ")) : "") : null;
    }
    shareasaleSSCID && shareasaleSetCookie("shareasaleSSCID", shareasaleSSCID, 94670778e4, "/");
  </script>

   
  <meta property="og:title" content="How To Tie A Bow Tie | Ties.com" />
   
  <meta property="og:image" content="https://www.ties.com/assets/img/how-to-tie-a-tie/thumbs/bow-tie-knot.jpg" />
  

  
    

  <script type="text/javascript">
    var siteId = "ties";
  </script>

  <style type="text/css">
    .faccess span {
      display: none;
    }
  </style>
</head>

<body data-page-key="tie-a-tie-knot.js">
  
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-58TBXJ9"
                  height="0" width="0" title="google tag manager 2" style="display:none;visibility:hidden"></iframe></noscript>


<div class="mobile-nav">
    <a href="#" class="close-btn">
        Close<img src="/assets/img/icons/plus_icon.png">
    </a>


    <ul class="nav-list">
        
        <li>
            <a href="/ties" class="nav-list-link">NECKTIES</a>
        </li>
        <li>
            <a href="/skinny-ties" class="nav-list-link">SKINNY TIES</a>
        </li>
        <li>
            <a href="/novelty-neckties" class="nav-list-link js-nav-list-link">
                NOVELTY TIES <img src="/assets/img/icons/plus_icon.png">
            </a>

            <ul class="sub-nav-list js-sub-nav-list">
                <li>
                    <a href="/novelty-neckties" class="nav-list-link">Shop All Novelty Ties</a>
                </li>
                
                <li>
                    <a href="/animal-ties" class="nav-list-link">Animal Ties</a>
                </li>
                
                <li>
                    <a href="/art-ties" class="nav-list-link">Art Ties</a>
                </li>
                
                <li>
                    <a href="/beach-and-nautical-ties" class="nav-list-link">Beach &amp; Nautical</a>
                </li>
                
                <li>
                    <a href="/breast-cancer-awareness" class="nav-list-link">Breast Cancer Awareness</a>
                </li>
                
                <li>
                    <a href="/conversational-ties" class="nav-list-link">Conversational Ties</a>
                </li>
                
                <li>
                    <a href="/food-and-drink-ties" class="nav-list-link">Food &amp; Drink Ties</a>
                </li>
                
                <li>
                    <a href="/geek-ties" class="nav-list-link">Geek &amp; Science Ties</a>
                </li>
                
                <li>
                    <a href="/holidays-ties" class="nav-list-link">Holiday Ties</a>
                </li>
                
                <li>
                    <a href="/infectious-awareables-ties" class="nav-list-link">Infectious Awareables®</a>
                </li>
                
                <li>
                    <a href="/kentucky-derby-ties" class="nav-list-link">Kentucky Derby Ties</a>
                </li>
                
                <li>
                    <a href="/music-ties" class="nav-list-link">Music Ties</a>
                </li>
                
                <li>
                    <a href="/occupational-ties" class="nav-list-link">Occupations</a>
                </li>
                
                <li>
                    <a href="/patriotic-ties" class="nav-list-link">Patriotic Ties</a>
                </li>
                
                <li>
                    <a href="/transportation-ties" class="nav-list-link">Planes, Trains &amp; Automobiles</a>
                </li>
                
                <li>
                    <a href="/religious-ties" class="nav-list-link">Religious Ties</a>
                </li>
                
                <li>
                    <a href="/sports-ties" class="nav-list-link">Sports Ties</a>
                </li>
                
            </ul>
        </li>
        <li>
            <a href="/extra-long-ties" class="nav-list-link">EXTRA LONG TIES</a>
        </li>
        <li>
            <a href="/boys-ties" class="nav-list-link">BOYS TIES</a>
        </li>
        <li>
            <a href="/bow-ties" class="nav-list-link">BOW TIES</a>
        </li>
        <li>
            <a href="/socks" class="nav-list-link js-nav-list-link">
                SOCKS <img src="/assets/img/icons/plus_icon.png">
            </a>

            <ul class="sub-nav-list js-sub-nav-list">
                <li>
                    <a href="/socks" class="nav-list-link">Men's Socks</a>
                </li>
                <li>
                    <a href="/womens-socks" class="nav-list-link">Women's Socks</a>
                </li>
                <li>
                    <a href="/no-show-socks" class="nav-list-link">No-Show Socks</a>
                </li>
                <li>
                    <a href="/sock-packs" class="nav-list-link">Sock Packs</a>
                </li>
                <li>
                    <a href="/his-and-hers-socks" class="nav-list-link">His & Her's</a>
                </li>
            </ul>
        </li>
        <li>
            <a href="/shirts" class="nav-list-link">SHIRTS</a>
        </li>
        <li>
            <a href="/tie-bars-and-tie-clips" class="nav-list-link">TIE BARS</a>
        </li>
        <li>
            <a href="/tie-racks" class="nav-list-link">TIE RACKS</a>
        </li>
        <li>
            <a href="/pocket-squares" class="nav-list-link">POCKET SQUARES</a>
        </li>
        <li>
            <a href="/accessories" class="nav-list-link js-nav-list-link">
                MORE ACCESSORIES <img src="/assets/img/icons/plus_icon.png">
            </a>

            <ul class="sub-nav-list js-sub-nav-list">
                <li>
                    <a href="/accessories" class="nav-list-link">Shop All Accessories</a>
                </li>
                
                <li>
                    <a href="/cufflinks" class="nav-list-link">Cufflinks</a>
                </li>
                
                <li>
                    <a href="/lapel-pins" class="nav-list-link">Lapel Pins</a>
                </li>
                
                <li>
                    <a href="/mens-scarves" class="nav-list-link">Men&#39;s Scarves</a>
                </li>
                
                <li>
                    <a href="/tie-racks" class="nav-list-link">Tie Racks &amp; Storage</a>
                </li>
                
                <li>
                    <a href="" class="nav-list-link">patriotic-lapel-pins</a>
                </li>
                
            </ul>
        </li>
        <li>
            <a href="/wedding-ties" class="nav-list-link">WEDDING SHOP</a>
        </li>
        <li>
            <a href="/guapbox" class="nav-list-link">GUAPBOX</a>
        </li>
        <li>
            <a href="/on-sale" class="nav-list-link">ON SALE</a>
        </li>
        <li>
            <a href="/new-items" class="nav-list-link">NEW ARRIVALS</a>
        </li>
        <li>
            <a href="/gift-certificates" class="nav-list-link">GIFT CERTIFICATES</a>
        </li>
    </ul>

    <div class="help-center-links">
        <ul class="nav-list">
        
                <a href="/account-login" class="nav-list-link sign-in">Sign In</a>
        
            <li>
                <a href="/returns" class="nav-list-link">Returns</a>
            </li>
            <li>
                <a href="/help-center" class="nav-list-link help-center">Help Center</a>
            </li>
            <li>
                <a href="tel:1%20%28800%29%20289-2843" class="nav-list-link phone">1 (800) 289-2843</a>
            </li>
            <li>
                <a href="/contact-us" class="nav-list-link">Contact Us</a>
            </li>
            <li>
                <a href="/about" class="nav-list-link">About Ties.com</a>
            </li>
            <li>
                <a href="/refer-a-friend?utm_source=ties.com&utm_medium=referafriend" class="nav-list-link refer-a-friend">Get $10</a>
            </li>
            <li>
                <a href="/man-academy" class="nav-list-link">The Man Academy</a>
            </li>
            <li>
                <a href="/how-to-tie-a-tie" class="nav-list-link">How to Tie a Tie</a>
            </li>
            <li>
                <a href="/how-to-fold-a-pocket-square" class="nav-list-link">How to Fold a Pocket Square</a>
            </li>
            <li>
                <a href="https://www.ties.com/blog" class="nav-list-link">Our Blog</a>
            </li>
            <li>
                <a href="/testimonials" class="nav-list-link">Testimonials</a>
            </li>
            <li>
                <a href="/affiliate-program" class="nav-list-link">Become an Affiliate</a>
            </li>
        </ul>
    </div>

    <div class="social-btns">
        <a href="https://www.facebook.com/TiesDotCom" class="social-link" target="fb_tab" rel="nofollow">
            <img src="/assets/img/icons/facebook_icon.png" alt="facebook icon" height="20">
        </a>

        <a href="https://twitter.com/tiesdotcom" class="social-link" target="tw_tab" rel="nofollow">
            <img src="/assets/img/icons/twitter_icon.png" alt="twitter icon" height="18" class="small">
        </a>

        <a href="https://www.pinterest.com/tiesdotcom/" class="social-link" target="pin_tab" rel="nofollow">
            <img src="/assets/img/icons/pinterest_icon.png" alt="pinterest icon" height="20">
        </a>

        <a href="https://www.instagram.com/tiesdotcom/" class="social-link" target="in_tab" rel="nofollow">
            <img src="/assets/img/icons/instagram_icon.png" alt="instagram icon" height="20">
        </a>

        <a href="https://www.youtube.com/channel/UCpRfx_WzI7kxgIC27FHJrew" class="social-link" target="yt_tab" rel="nofollow">
            <img src="/assets/img/icons/youtube_icon.png" alt="youtube icon" height="18" class="small">
        </a>
    </div>
</div>


<script type="text/javascript">
    siteslug = "tc";
</script>

<div class="page-wrap">

    
    

<div class="promo-bar js-promo-bar default ties " data-url="/shirts">
    
        <div class="large-text-1">
            You don’t need more Shirts. You need better ones.
            
        </div>
    

    
        <div class="large-text-2">
            30% Sitewide | Use Code: EASY30
            
        </div>
    

    
    
        <div class="small-text">
            Free Shipping*
            
            <a href="/offers-and-promotions" class="learn-more-link">Learn More</a>
            
        </div>
    
</div>

<div class="promo-countdown">
    <span class="hh">3</span> h : <span class="mm">32</span> m : <span class="ss">34</span> s Left!
</div>
<style>
@media (max-width: 900px) {
    .promo-countdown {
        display: none;
    }
}

@media (min-width: 900px) {
    .promo-countdown {
        position: absolute;
        top: 10px;
        color: #fff;
        font-size: 14px;
        right: 6%;
        font-weight: 200;
        padding: 10px;
    }
}
</style>



    

    <div class="content-wrap">
        <div class="header js-header">
            <img class="mob-menu-btn" src="/assets/img/icons/hamburger_icon.png">

            <img class="mob-search-btn" src="/assets/img/icons/search_icon.png">
            <div class="mob-search-form js-mob-search-form">
                <form action="/search" class="search-form js-search-form">
                    <div class="input-wrap">
                        <img class="mob-search-form-btn" src="/assets/img/icons/search_icon.png">
                        <input type="text" name="srq" class="search-field js-mob-search-field" placeholder="" title="What can we help you find?" autocomplete="off">
                    </div>
                </form>
                <div class="search-suggestions-box js-search-suggestions-box">
                    <ul class="search-suggestions js-search-suggestions mob"></ul>
                    <div class="related-title js-related-title"></div>
                    <ul class="search-related js-search-related"></ul>
                </div>
            </div>

            <a href="/shopping-cart" class="mob-cart-btn">
                <img src="/assets/img/icons/cart_icon.png">
                <span class="cart-count js-cart-count">0</span>
            </a>

            <a href="/wishlist" class="mob-wishlist-btn">
                <img src="/assets/img/icons/heart_icon.png">
            </a>

            <div class="header-right">
                <div>
                    <img class="search-link js-search-btn" src="/assets/img/icons/search_icon.png">
                    <form action="/search" class="search-form js-search-form">
                        <div class="input-wrap">
                            <input type="text" name="srq" class="search-field js-search-field" placeholder="" title="What can we help you find?" autocomplete="off">
                        </div>
                    </form>
                    <div class="search-suggestions-box js-search-suggestions-box">
                        <ul class="search-suggestions js-search-suggestions desk"></ul>
                        <div class="related-title js-related-title"></div>
                        <ul class="search-related js-search-related"></ul>
                    </div>
                    <div class="account">
                        
                        <a href="/account" class="header-link">
                            Account Login
                        </a>

                        
                    </div>

                    <a href="/wishlist" class="header-link wishlist-link">
                        Wishlist
                    </a>

                    <a href="/shopping-cart" class="header-link cart-link">
                        <span class="cart-icon js-cart-icon">
                            <img src="/assets/img/icons/cart_icon.png">
                        </span>
                        <span class="cart-count js-cart-count">
                            
                        </span>
                    </a>
                </div>


            </div>

            <a href="/" class="logo-link">
                <img src="/assets/img/ties2020logo.png" class="logo" alt="Ties.com">
            </a>

        </div>

        <div class="top-nav">
    <div class="container">
        <ul class="main-categories no-hover-intent">


            
            <li class="category neckties js-category">
                <a href="/ties" class="category-link js-category-link">
                    <span class="link-hover-border"></span>
                    <span class="link-underline">NECKTIES</span>
                </a>

                <div class="category-dropdown">
                    <div class="category-dropdown-inner">
                        <div class="col">
                            <div class="list-wrap left">
                                <ul class="list list-block">
                                    <li>
                                        <a href="/ties">Shop All Neckties</a>
                                    </li>
                                    <li>
                                        <a href="/ties?sort=new">New Arrivals</a>
                                    </li>
                                    <li>
                                        <a href="/ties?sort=pop">Best - Sellers</a>
                                    </li>
                                    <li>
                                        <a href="/neckties-category+on-sale">Final Sale</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Color</div>

                                <ul class="list">
                                    
                                    <li>
                                        <a href="/black-ties">
                                            <i class="swatch black"></i> Black Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/blue-ties">
                                            <i class="swatch blue"></i> Blue Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/brown-ties">
                                            <i class="swatch brown"></i> Brown Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/coral-ties">
                                            <i class="swatch coral"></i> Coral Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/gold-ties">
                                            <i class="swatch gold"></i> Gold Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/silver-ties">
                                            <i class="swatch gray"></i> Gray Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/green-ties">
                                            <i class="swatch green"></i> Green Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/orange-ties">
                                            <i class="swatch orange"></i> Orange Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/pink-ties">
                                            <i class="swatch pink"></i> Pink Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/purple-ties">
                                            <i class="swatch purple"></i> Purple Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/red-ties">
                                            <i class="swatch red"></i> Red Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/white-ties">
                                            <i class="swatch white"></i> White Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/yellow-ties">
                                            <i class="swatch yellow"></i> Yellow Ties
                                        </a>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>

                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Size</div>

                                <ul class="list list-block">
                                    <li>
                                        <a href="/ties">Standard Length Ties</a>
                                    </li>
                                    <li>
                                        <a href="/extra-long-ties">Extra Long Ties</a>
                                    </li>
                                    <li>
                                        <a href="/boys-ties">Boys Ties</a>
                                    </li>
                                    <li>
                                        <a href="/skinny-ties">Skinny Ties</a>
                                    </li>
                                </ul>
                            </div>

                            <div class="list-wrap mt">
                                <div class="title">Shop By Material</div>

                                <ul class="list list-block">
                                    
                                    <li>
                                        <a href="/cotton-ties">Cotton Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/knit-neckties">Knit Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/microfiber-ties">Microfiber Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/seersucker-ties">Seersucker Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/silk-ties">Silk Ties</a>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>

                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Pattern</div>

                                <ul class="list list-block">
                                    
                                    <li>
                                        <a href="/checkered-ties">Checkered Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/floral-neckties">Floral Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/paisley-ties">Paisley Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/plaid-ties">Plaid Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/polka-dot-neckties">Polka Dot Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/solid-neckties">Solid Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/striped-neckties">Striped Ties</a>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>

                        <div class="col">
                            <div class="list-wrap right">
                                <ul class="list list-block">
                                    <li>
                                        <a href="/floral-neckties?sort=new">
                                            <img src="/assets/img/top-nav/Nav_Image_Neckties.jpg" alt="New Floral Ties"
                                                title="New Floral Ties" />
                                            <div class="title">NEW FLORAL TIES</div>
                                            <div class="shop">Shop Now</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="category skinny-ties js-category">
                <a href="/skinny-ties" class="category-link js-category-link">
                    <span class="link-hover-border"></span>
                    <span class="link-underline">SKINNY TIES</span>
                </a>

                <div class="category-dropdown">
                    <div class="category-dropdown-inner">
                        <div class="col">
                            <div class="list-wrap left">
                                <ul class="list list-block">
                                    <li>
                                        <a href="/skinny-ties">Shop All Skinny Ties</a>
                                    </li>
                                    <li>
                                        <a href="/skinny-ties?sort=new">New Arrivals</a>
                                    </li>
                                    <li>
                                        <a href="/skinny-ties-category+on-sale">Final Sale</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Color</div>

                                <ul class="list">
                                    
                                    <li>
                                        <a href="/black-skinny-ties">
                                            <i class="swatch black"></i> Black Skinny Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/blue-skinny-ties">
                                            <i class="swatch blue"></i> Blue Skinny Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/brown-skinny-ties">
                                            <i class="swatch brown"></i> Brown Skinny Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/gold-skinny-ties">
                                            <i class="swatch gold"></i> Gold Skinny Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/gray-skinny-ties">
                                            <i class="swatch gray"></i> Gray Skinny Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/green-skinny-ties">
                                            <i class="swatch green"></i> Green Skinny Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/orange-skinny-ties">
                                            <i class="swatch orange"></i> Orange Skinny Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/pink-skinny-ties">
                                            <i class="swatch pink"></i> Pink Skinny Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/purple-skinny-ties">
                                            <i class="swatch purple"></i> Purple Skinny Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/red-skinny-ties">
                                            <i class="swatch red"></i> Red Skinny Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/white-skinny-ties">
                                            <i class="swatch white"></i> White Skinny Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/yellow-skinny-ties">
                                            <i class="swatch yellow"></i> Yellow Skinny Ties
                                        </a>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Width</div>

                                <ul class="list list-block">
                                    <li>
                                        <a href="/2-inch-wide-skinny-ties">2.0" Skinny Ties</a>
                                    </li>
                                    <li>
                                        <a href="/2-25-inch-wide-skinny-ties">2.25" Skinny Ties</a>
                                    </li>
                                    <li>
                                        <a href="/25-inch-wide-skinny-ties">2.5" Skinny Ties</a>
                                    </li>
                                    <li>
                                        <a href="/3-inch-wide-skinny-ties">3.0" Skinny Ties</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="list-wrap mt">
                                <div class="title">Shop By Material</div>

                                <ul class="list list-block">
                                    
                                    <li>
                                        <a href="/cotton-skinny-ties">Cotton Skinny Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/knit-skinny-ties">Knit Skinny Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/microfiber-skinny-ties">Microfiber Skinny Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/seersucker-skinny-ties">Seersucker Skinny Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/silk-skinny-ties">Silk Skinny Ties</a>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Pattern</div>

                                <ul class="list list-block">
                                    
                                    <li>
                                        <a href="/checkered-skinny-ties">Checkered Skinny Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/floral-skinny-ties">Floral Skinny Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/novelty-skinny-ties">Novelty Skinny Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/paisley-skinny-ties">Paisley Skinny Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/plaid-skinny-ties">Plaid Skinny Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/polka-dot-skinny-ties">Polka Dot Skinny Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/solid-skinny-ties">Solid Skinny Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/striped-skinny-ties">Striped Skinny Ties</a>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap right">
                                <ul class="list list-block">
                                    <li>
                                        <a href="/skinny-ties?sort=pop">
                                            <img src="/assets/img/top-nav/Nav_Image_SkinnyTies.jpg"
                                                alt="Skinny Ties Best Sellers" title="Skinny Ties Best Sellers" />
                                            <div class="title">BEST SELLERS</div>
                                            <div class="shop">Shop Now</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="category novelty-ties js-category">
                <a href="/novelty-neckties" class="category-link js-category-link">
                    <span class="link-hover-border"></span>
                    <span class="link-underline">NOVELTY TIES</span>
                </a>

                <div class="category-dropdown">
                    <div class="category-dropdown-inner">
                        <div class="col">
                            <div class="list-wrap left">
                                <ul class="list list-block">
                                    <li>
                                        <a href="/novelty-neckties">Shop All Novelty Ties</a>
                                    </li>
                                    <li>
                                        
                                    </li>
                                    <li>
                                        <a href="/novelty-neckties?sort=pop">Best - Sellers</a>
                                    </li>
                                    <li>
                                        
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Color</div>

                                <ul class="list">
                                    <li>
                                        <a href="/black-colored+novelty-neckties">
                                            <i class="swatch black"></i> Black Novelty Ties
                                        </a>
                                        <a href="/blue-colored+novelty-neckties">
                                            <i class="swatch blue"></i> Blue Novelty Ties
                                        </a>
                                        <a href="/brown-colored+novelty-neckties">
                                            <i class="swatch brown"></i> Brown Novelty Ties
                                        </a>
                                        <a href="/gold-colored+novelty-neckties">
                                            <i class="swatch gold"></i> Gold Novelty Ties
                                        </a>
                                        <a href="/gray-colored+novelty-neckties">
                                            <i class="swatch gray"></i> Gray Novelty Ties
                                        </a>
                                        <a href="/green-colored+novelty-neckties">
                                            <i class="swatch green"></i> Green Novelty Ties
                                        </a>
                                        <a href="/orange-colored+novelty-neckties">
                                            <i class="swatch orange"></i> Orange Novelty Ties
                                        </a>
                                        <a href="/pink-colored+novelty-neckties">
                                            <i class="swatch pink"></i> Pink Novelty Ties
                                        </a>
                                        <a href="/purple-colored+novelty-neckties">
                                            <i class="swatch purple"></i> Purple Novelty Ties
                                        </a>
                                        <a href="/red-colored+novelty-neckties">
                                            <i class="swatch red"></i> Red Novelty Ties
                                        </a>
                                        <a href="/white-colored+novelty-neckties">
                                            <i class="swatch white"></i> White Novelty Ties
                                        </a>
                                        <a href="/yellow-colored+novelty-neckties">
                                            <i class="swatch yellow"></i> Yellow Novelty Ties
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Theme</div>

                                <ul class="list list-block">
                                    
                                    <li>
                                        <a href="/animal-ties">Animal Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/art-ties">Art Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/beach-and-nautical-ties">Beach &amp; Nautical</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/breast-cancer-awareness">Breast Cancer Awareness</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/conversational-ties">Conversational Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/food-and-drink-ties">Food &amp; Drink Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/geek-ties">Geek &amp; Science Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/holidays-ties">Holiday Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/infectious-awareables-ties">Infectious Awareables®</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/kentucky-derby-ties">Kentucky Derby Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/music-ties">Music Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/occupational-ties">Occupations</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/patriotic-ties">Patriotic Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/transportation-ties">Planes, Trains &amp; Automobiles</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/religious-ties">Religious Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/sports-ties">Sports Ties</a>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>

                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Holiday</div>

                                <ul class="list list-block">
                                    
                                    <li>
                                        <a href="/4th-of-july-ties">4th of July Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/christmas-ties">Christmas Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/easter-ties">Easter Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/halloween-neckties">Halloween Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/hanukkah-ties">Hanukkah Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/memorial-day-ties">Memorial Day Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/st-patricks-ties">St. Patrick&#39;s Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/thanksgiving-day-ties">Thanksgiving Day Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/valentines-day-ties">Valentine&#39;s Day Ties</a>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap right">
                                <ul class="list list-block">
                                    <li>
                                        <a href="/ties?sort=new">
                                            <img src="/assets/img/top-nav/Nav_Image_NoveltyTies.jpg"
                                                alt="Novelty New Arrivals" title="Novelty New Arrivals" />
                                            <div class="title">NEW ARRIVALS</div>
                                            <div class="shop">Shop Now</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="category bow-ties js-category">
                <a href="/bow-ties" class="category-link js-category-link">
                    <span class="link-hover-border"></span>
                    <span class="link-underline">BOW TIES</span>
                </a>

                <div class="category-dropdown">
                    <div class="category-dropdown-inner">
                        <div class="col">
                            <div class="list-wrap left">
                                <ul class="list list-block">
                                    <li>
                                        <a href="/bow-ties">Shop All Bow Ties</a>
                                    </li>
                                    <li>
                                        <a href="/bow-ties?sort=new">New Arrivals</a>
                                    </li>
                                    <li>
                                        <a href="/bow-ties?sort=pop">Best - Sellers</a>
                                    </li>
                                    <li>
                                        <a href="/bow-ties-category+on-sale">Final Sale</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Color</div>

                                <ul class="list">
                                    
                                    <li>
                                        <a href="/black-bow-ties">
                                            <i class="swatch black"></i> Black Bow Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/blue-bow-ties">
                                            <i class="swatch blue"></i> Blue Bow Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/brown-bow-ties">
                                            <i class="swatch brown"></i> Brown Bow Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/burgundy-bow-ties">
                                            <i class="swatch burgundy"></i> Burgundy Bow Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/gold-bow-ties">
                                            <i class="swatch gold"></i> Gold Bow Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/gray-bow-ties">
                                            <i class="swatch gray"></i> Gray Bow Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/green-bow-ties">
                                            <i class="swatch green"></i> Green Bow Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/orange-bow-ties">
                                            <i class="swatch orange"></i> Orange Bow Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/pink-bow-ties">
                                            <i class="swatch pink"></i> Pink Bow Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/purple-bow-ties">
                                            <i class="swatch purple"></i> Purple Bow Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/red-bow-ties">
                                            <i class="swatch red"></i> Red Bow Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/white-bow-ties">
                                            <i class="swatch white"></i> White Bow Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/yellow-bow-ties">
                                            <i class="swatch yellow"></i> Yellow Bow Ties
                                        </a>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>

                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Shape</div>

                                <ul class="list list-block">
                                    
                                    <li>
                                        <a href="/batwing-bow-ties">Batwing Bow Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/butterfly-bow-ties">Butterfly Bow Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/diamond-tip-bow-ties">Diamond Tip Bow Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/skinny-butterfly-bow-ties">Skinny Bow Ties</a>
                                    </li>
                                    
                                </ul>
                            </div>

                            <div class="list-wrap mt">
                                <div class="title">Shop By Style</div>

                                <ul class="list list-block">
                                    
                                    <li>
                                        <a href="/pretied-bow-ties">Pretied Bow Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/self-tie-bow-ties">Self-Tie Bow Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/boys-pretied-bow-ties">Boys Bow Ties</a>
                                    </li>
                                    <li>
                                        <a href="/cummerbund-sets">Cummerbund Sets</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Material</div>

                                <ul class="list list-block">
                                    
                                    <li>
                                        <a href="/cotton-bow-ties">Cotton Bow Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/microfiber-bow-ties">Microfiber Bow Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/polyester-bow-ties">Polyester Bow Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/seersucker-bow-ties">Seersucker Bow Ties</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/silk-bow-ties">Silk Bow Ties</a>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap right">
                                <ul class="list list-block">
                                    <li>
                                        <a href="/self-tie-bow-ties?sort=new">
                                            <img src="/assets/img/top-nav/Nav_Image_BowTies.jpg"
                                                alt="New Self Tie Bow Ties" title="New Self Tie Bow Ties" />
                                            <div class="title">NEW SELF-TIE BOW TIES</div>
                                            <div class="shop">Shop Now</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="category socks js-category">
                <a href="/socks" class="category-link js-category-link">
                    <span class="link-underline">SOCKS</span>
                    <span class="link-hover-border"></span>
                </a>
                <div class="category-dropdown">
                    <div class="category-dropdown-inner">
                        <div class="col">
                            <div class="list-wrap left">
                                <ul class="list list-block">
                                    <li>
                                        <a href="/socks">Shop All Socks</a>
                                    </li>
                                    <li>
                                        <a href="/socks?sort=new">New Arrivals</a>
                                    </li>
                                    <li>
                                        <a href="/socks?sort=pop">Best - Sellers</a>
                                    </li>
                                    <li>
                                        <a href="/socks-category+on-sale">Final Sale</a>
                                    </li>

                                    <li>
                                        &nbsp;
                                    </li>
                                    <li>
                                        <a href="/womens-socks">Women's Socks</a>
                                    </li>
                                    <li>
                                        <a href="/his-and-hers-socks">His & Hers Socks</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Color</div>

                                <ul class="list">
                                    
                                    <li>
                                        <a href="/black-socks">
                                            <i class="swatch black"></i> Black Socks
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/blue-socks">
                                            <i class="swatch blue"></i> Blue Socks
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/brown-socks">
                                            <i class="swatch brown"></i> Brown Socks
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/gold-socks">
                                            <i class="swatch gold"></i> Gold Socks
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/gray-socks">
                                            <i class="swatch gray"></i> Gray Socks
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/green-socks">
                                            <i class="swatch green"></i> Green Socks
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/orange-socks">
                                            <i class="swatch orange"></i> Orange Socks
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/pink-socks">
                                            <i class="swatch pink"></i> Pink Socks
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/purple-socks">
                                            <i class="swatch purple"></i> Purple Socks
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/red-socks">
                                            <i class="swatch red"></i> Red Socks
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/white-socks">
                                            <i class="swatch white"></i> White Socks
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/yellow-socks">
                                            <i class="swatch yellow"></i> Yellow Socks
                                        </a>
                                    </li>
                                    

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

                        <div class="col">
                            <div class="list-wrap ss2">
                                <div class="title">Shop By Style</div>

                                <ul class="list list-block">
                                    
                                    <li>
                                        <a href="/classic-socks">Mid-Calf Socks</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/no-show-socks">No-Show Socks</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/sock-packs">Sock Packs</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/womens-socks">Women&#39;s Socks</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/his-and-hers-socks">His &amp; Hers Socks</a>
                                    </li>
                                    
                                </ul>
                            </div>

                            <div class="list-wrap mt">
                                <div class="title">Shop By Pattern</div>

                                <ul class="list list-block">
                                    
                                    <li>
                                        <a href="/argyle-socks">Argyle Socks</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/floral-socks">Floral Socks</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/novelty-socks">Novelty Socks</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/polka-dot-socks">Polka Dot Socks</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/solid-socks">Solid Socks</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/striped-socks">Striped Socks</a>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>

                        <div class="col">
                            <div class="list-wrap ss">
                                <div class="title">Shop By Theme</div>

                                <ul class="list list-block">
                                    
                                    <li>
                                        <a href="/socks/animal-socks">Animal Socks</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/socks/artist-collaborations">Artist Collaborations</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/socks/beach-and-nautical-socks">Beach &amp; Nautical Socks</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/socks/basic-and-classic-socks">Classic Patterned Socks</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/socks/food-and-drink-socks">Food &amp; Drink Socks</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/socks/geek-and-science-socks">Geek &amp; Science Socks</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/socks/halloween-socks">Halloween Socks</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/socks/hipster-socks">Hipster Socks</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/socks/holiday-socks">Holiday Socks</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/socks/patriotic-socks">Patriotic Socks</a>
                                    </li>
                                    
                                </ul>
                            </div>

                            
                                
                                    
                                    
                                    
                                    
                                
                        </div>
                        <div class="col">
                            <div class="list-wrap right">
                                <ul class="list list-block">
                                    <li>
                                        <a href="/novelty-socks?sort=new">
                                            <img src="/assets/img/top-nav/Nav_Image_Sock.jpg" alt="New Novelty Socks"
                                                title="New Novelty Socks" />
                                            <div class="title">NEW NOVELTY SOCKS</div>
                                            <div class="shop">Shop Now</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="category shirts js-category">
                <a href="/shirts" class="category-link">
                    <span class="link-underline">SHIRTS</span>
                </a>
                <div class="category-dropdown">
                    <div class="category-dropdown-inner">
                        <div class="col">
                            <div class="list-wrap left">
                                <ul class="list list-block">
                                    <li>
                                        <a href="/shirts">Shop All Shirts</a>
                                    </li>
                                    
                                        
                                        
                                    <li>
                                        <a href="/shirts?sort=new">New Arrivals</a>
                                    </li>
                                    <li>
                                        <a href="/shirts?sort=pop">Best - Sellers</a>
                                    </li>
                                    
                                    <li class="smt">
                                        <a href="/fit-guide/shirts">Shirt Fit Guide</a>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Color</div>

                                <ul class="list">
                                    <li>
                                        <a href="/black-colored+shirts">
                                            <i class="swatch black"></i> Black Shirts
                                        </a>
                                        <a href="/blue-colored+shirts">
                                            <i class="swatch blue"></i> Blue Shirts
                                        </a>
                                        <a href="/brown-colored+shirts">
                                            <i class="swatch brown"></i> Brown Shirts
                                        </a>
                                        <a href="/gray-colored+shirts">
                                            <i class="swatch gray"></i> Gray Shirts
                                        </a>
                                        <a href="/green-colored+shirts">
                                            <i class="swatch green"></i> Green Shirts
                                        </a>
                                        <a href="/pink-colored+shirts">
                                            <i class="swatch pink"></i> Pink Shirts
                                        </a>
                                        <a href="/purple-colored+shirts">
                                            <i class="swatch purple"></i> Purple Shirts
                                        </a>
                                        <a href="/red-colored+shirts">
                                            <i class="swatch red"></i> Red Shirts
                                        </a>
                                        <a href="/white-colored+shirts">
                                            <i class="swatch white"></i> White Shirts
                                        </a>
                                        <a href="/yellow-colored+shirts">
                                            <i class="swatch yellow"></i> Yellow Shirts
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        
                            
                                
                                
                                    
                                        
                                        
                                    
                                        
                                        
                                    
                                        
                                        
                                    
                                
                            
                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Pattern</div>
                                <ul class="list list-block">
                                    <li>
                                        <a href="/checkered-patterned+shirts">Checkered Shirts</a>
                                    </li>
                                    <li>
                                        <a href="/floral-patterned+shirts">Floral Shirts</a>
                                    </li>
                                    <li>
                                        <a href="/polka-dot-patterned+shirts">Polka Dot Shirts</a>
                                    </li>
                                    <li>
                                        <a href="/solid-patterned+shirts">Solid Shirts</a>
                                    </li>
                                    <li>
                                        <a href="/other-patterns+shirts">Other Patterns</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap right">
                                <ul class="list list-block">
                                    <li>
                                        <a href="/shirts">
                                            <img src="/assets/img/top-nav/Nav_Image_Shirts.jpg" alt="Shop Shirts"
                                                title="Shop Shirts" />
                                            <div class="title">3 SHIRTS FOR $100</div>
                                            <div class="shop">Shop Now</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="category pocket-squares js-category">
                <a href="/pocket-squares" class="category-link">
                    <span class="link-underline">POCKET SQUARES</span>
                </a>
                <div class="category-dropdown">
                    <div class="category-dropdown-inner">
                        <div class="col">
                            <div class="list-wrap left">
                                <ul class="list list-block">
                                    <li>
                                        <a href="/pocket-squares">Shop All Pocket Squares</a>
                                    </li>
                                    <li>
                                        <a href="/pocket-square-pack+pocket-squares">Pocket Square Packs</a>
                                    </li>
                                    <li>
                                        <a href="/pocket-squares?sort=pop">Best - Sellers</a>
                                    </li>
                                    <li>
                                        <a href="/pocket-squares-category+on-sale">Final Sale</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Color</div>

                                <ul class="list">
                                    <li>
                                        <a href="/black-pocket-squares">
                                            <i class="swatch black"></i> Black Pocket Squares
                                        </a>
                                        <a href="/blue-pocket-squares">
                                            <i class="swatch blue"></i> Blue Pocket Squares
                                        </a>
                                        <a href="/brown-pocket-squares">
                                            <i class="swatch brown"></i> Brown Pocket Squares
                                        </a>
                                        <a href="/gold-pocket-squares">
                                            <i class="swatch gold"></i> Gold Pocket Squares
                                        </a>
                                        <a href="/gray-pocket-squares">
                                            <i class="swatch gray"></i> Gray Pocket Squares
                                        </a>
                                        <a href="/green-pocket-squares">
                                            <i class="swatch green"></i> Green Pocket Squares
                                        </a>
                                        <a href="/orange-pocket-squares">
                                            <i class="swatch orange"></i> Orange Pocket Squares
                                        </a>
                                        <a href="/pink-pocket-squares">
                                            <i class="swatch pink"></i> Pink Pocket Squares
                                        </a>
                                        <a href="/purple-colored+pocket-squares">
                                            <i class="swatch purple"></i> Purple Pocket Squares
                                        </a>
                                        <a href="/red-colored+pocket-squares">
                                            <i class="swatch red"></i> Red Pocket Squares
                                        </a>
                                        <a href="/white-colored+pocket-squares">
                                            <i class="swatch white"></i> White Pocket Squares
                                        </a>
                                        <a href="/yellow-colored+pocket-squares">
                                            <i class="swatch yellow"></i> Yellow Pocket Squares
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Pattern</div>
                                <ul class="list list-block">
                                    <li>
                                        <a href="/checkered-patterned+pocket-squares">Checkered Pocket Squares</a>
                                    </li>
                                    <li>
                                        <a href="/conversational-patterned+pocket-squares">Conversational Pocket
                                            Squares</a>
                                    </li>
                                    <li>
                                        <a href="/floral-patterned+pocket-squares">Floral Pocket Squares</a>
                                    </li>
                                    <li>
                                        <a href="/novelty-patterned+pocket-squares">Novelty Pocket Squares</a>
                                    </li>
                                    <li>
                                        <a href="/paisley-patterned+pocket-squares">Paisley Pocket Squares</a>
                                    </li>
                                    <li>
                                        <a href="/plaid-patterned+pocket-squares">Plaid Pocket Squares</a>
                                    </li>
                                    <li>
                                        <a href="/polka-dot-patterned+pocket-squares">Polka Dot Pocket Squares</a>
                                    </li>
                                    <li>
                                        <a href="/solid-patterned+pocket-squares">Solid Pocket Squares</a>
                                    </li>
                                    <li>
                                        <a href="/striped-patterned+pocket-squares">Striped Pocket Squares</a>
                                    </li>
                                    <li>
                                        <a href="/other-patterns+pocket-squares">Other Patterns</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Material</div>
                                <ul class="list list-block">
                                    <li>
                                        <a href="/cotton-material+pocket-squares">Cotton Pocket Squares</a>
                                    </li>
                                    <li>
                                        <a href="/linen-material+pocket-squares">Linen Pocket Squares</a>
                                    </li>
                                    <li>
                                        <a href="/microfiber-material+pocket-squares">Microfiber Pocket Squares</a>
                                    </li>
                                    <li>
                                        <a href="/polyester-material+pocket-squares">Polyester Pocket Squares</a>
                                    </li>
                                    <li>
                                        <a href="/silk-material+pocket-squares">Silk Pocket Squares</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col equal">
                            <div class="list-wrap right">
                                <ul class="list list-block">
                                    <li>
                                        <a href="/pocket-squares?sort=new">
                                            <img src="/assets/img/top-nav/Nav_Image_PocketSquare.jpg"
                                                alt="New Pocket Squares" title="New Pocket Squares" />
                                            <div class="title">NEW POCKET SQUARES</div>
                                            <div class="shop">Shop Now</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="category tie-bars js-category">
                <a href="/tie-bars-and-tie-clips" class="category-link">
                    <span class="link-underline">TIE BARS</span>
                </a>
                <div class="category-dropdown">
                    <div class="category-dropdown-inner">
                        <div class="col">
                            <div class="list-wrap left">
                                <ul class="list list-block">
                                    <li>
                                        <a href="/tie-bars-and-tie-clips">Shop All Tie Bars</a>
                                    </li>
                                    <li>
                                        <a href="/tie-bars-and-tie-clips?sort=pop">Best - Sellers</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Color</div>
                                <ul class="list">
                                    <li>
                                        <a href="/black-colored+tie-bars-and-tie-clips">
                                            <i class="swatch black"></i> Black
                                        </a>
                                        
                                            
                                            
                                        <a href="/gold-colored+tie-bars-and-tie-clips">
                                            <i class="swatch gold"></i> Gold
                                        </a>
                                        <a href="/gray-colored+tie-bars-and-tie-clips">
                                            <i class="swatch gray"></i> Gray
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Width</div>

                                <ul class="list list-block">
                                    <li>
                                        <a href="/gen-1.0-width&#43;tie-bars-and-tie-clips">1.0" Tie Bars</a>
                                    </li>
                                    <li>
                                        <a href="/gen-1.25-width&#43;tie-bars-and-tie-clips">1.25" Tie Bars</a>
                                    </li>
                                    <li>
                                        <a href="/gen-1.5-width&#43;tie-bars-and-tie-clips">1.5" Tie Bars</a>
                                    </li>
                                    <li>
                                        <a href="/gen-1.75-width&#43;tie-bars-and-tie-clips">1.75" Tie Bars</a>
                                    </li>
                                    <li>
                                        <a href="/gen-2.0-width&#43;tie-bars-and-tie-clips">2.0" Tie Bars</a>
                                    </li>
                                    <li>
                                        <a href="/gen-2.25-width&#43;tie-bars-and-tie-clips">2.25" Tie Bars</a>
                                    </li>
                                    <li>
                                        <a href="/gen-2.5-width&#43;tie-bars-and-tie-clips">2.5" Tie Bars</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Pattern</div>

                                <ul class="list list-block">
                                    <li>
                                        <a href="/conversational-patterned+tie-bars-and-tie-clips">Conversational</a>
                                    </li>
                                    <li>
                                        <a href="/solid-patterned+tie-bars-and-tie-clips">Solid</a>
                                    </li>
                                    <li>
                                        <a href="/other-patterns+tie-bars-and-tie-clips">Other Patterns</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col equal">
                            <div class="list-wrap right">
                                <ul class="list list-block">
                                    <li>
                                        <a href="/pocket-squares?sort=new">
                                            <img src="/assets/img/top-nav/Nav_Image_TieBars.jpg"
                                                alt="New Pocket Squares" title="New Pocket Squares" />
                                            <div class="title">SPRING TIE BARS</div>
                                            <div class="shop">Shop Now</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="category wallets js-category">
                <a href="/outlet" class="category-link">
                    <span class="link-underline">THE OUTLET</span>
                </a>
            </li>
            
            <li class="category weddings js-category">
                <a href="/wedding-ties" class="category-link">
                    <span class="link-underline">WEDDINGS</span>
                </a>
                <div class="category-dropdown">
                    <div class="category-dropdown-inner">
                        <div class="col">
                            <div class="list-wrap left">
                                <ul class="list list-block">
                                    <li>
                                        <a href="/wedding-shop">Shop All Weddings</a>
                                    </li>
                                    <li>
                                        <a href="/wedding-shop?sort=pop">Best - Sellers</a>
                                    </li>
                                    <li class="smt">
                                        <a href="/wedding-ties">Wedding Shop</a>
                                    </li>
                                    <li>
                                        <a href="/groomsmen-gifts">Groomsmen Package</a>
                                    </li>
                                    <li>
                                        <a href="/blog/category/wedding">Wedding Blog</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Color</div>

                                <ul class="list">
                                    <li>
                                        <a href="/davids-bridal-coral-reef?group=pink">
                                            <i class="swatch pink"></i> Pink Wedding
                                        </a>
                                        <a href="/davids-bridal-valentina?group=red">
                                            <i class="swatch red"></i> Red Wedding
                                        </a>
                                        <a href="/davids-bridal-raspberry?group=purple">
                                            <i class="swatch purple"></i> Purple Wedding
                                        </a>
                                        <a href="/davids-bridal-horizon?group=blue">
                                            <i class="swatch blue"></i> Blue Wedding
                                        </a>
                                        <a href="/davids-bridal-clover?group=green">
                                            <i class="swatch green"></i> Green Wedding
                                        </a>
                                        <a href="/davids-bridal-ivory?group=neutral">
                                            <i class="swatch neutral"></i> Neutral Wedding
                                        </a>
                                        <a href="/davids-bridal-mystic?group=gray">
                                            <i class="swatch gray"></i> Gray Wedding
                                        </a>
                                        <a href="/davids-bridal-ebony?group=dark">
                                            <i class="swatch dark"></i> Dark Wedding
                                        </a>
                                        <a href="/wedding-florals?group=floral">
                                            <i class="swatch floral"></i> Floral Wedding
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Theme</div>

                                <ul class="list list-block">
                                    <li>
                                        <a href="/vintage-wedding">Vintage Wedding</a>
                                    </li>
                                    <li>
                                        <a href="/black-tie-wedding">Classic Wedding</a>
                                    </li>
                                    <li>
                                        <a href="/beach-wedding">Beach Wedding</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop For Your Wedding</div>
                                <ul class="list list-block">
                                    <li>
                                        <a href="/socks-category+wedding-shop">Socks</a>
                                    </li>
                                    <li>
                                        <a href="/neckties-category+wedding-shop">Neckties</a>
                                    </li>
                                    <li>
                                        <a href="/pocket-squares-category+wedding-shop">Pocket Squares</a>
                                    </li>
                                    <li>
                                        <a href="/bow-ties-category+wedding-shop">Bow Ties</a>
                                    </li>
                                    <li>
                                        <a href="/lapel-pins-category+wedding-shop">Lapel Pins</a>
                                    </li>
                                    <li>
                                        <a href="/groomsmen-gifts">Groomsmen Package</a>
                                    </li>
                                    <li>
                                        <a href="/wedding-shop">View All</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap right">
                                <ul class="list list-block">
                                    <li>
                                        <a href="/wedding-ties">
                                            <img src="/assets/img/top-nav/Nav_Image_Weddings.jpg"
                                                alt="Shop All Wedding Colors" title="Shop All Wedding Colors" />
                                            <div class="title">SHOP ALL WEDDING COLORS</div>
                                            <div class="shop">Shop Now</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="category on-sale js-category">
                <a href="/on-sale" class="category-link">
                    <span class="link-underline">SALE</span>
                </a>
            </li>
            <li class="category more js-category">
                <a href="/accessories" class="category-link js-category-link" aria-label="More Accessories">
                    <span class="link-hover-border"></span>
                    <span class="link-underline">MORE</span>
                </a>

                <div class="category-dropdown">
                    <div class="category-dropdown-inner">
                        <div class="col">
                            <div class="list-wrap left">
                                <ul class="list list-block">
                                    <li>
                                        <a href="/accessories">Shop All Accessories</a>
                                    </li>
                                    <li>
                                        <a href="/accessories?sort=new">New Arrivals</a>
                                    </li>
                                    <li>
                                        <a href="/accessories?sort=pop">Best - Sellers</a>
                                    </li>
                                    <li>
                                        <a href="/other-accessories-category+on-sale">Final Sale</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap">
                                <div class="title">Shop By Category</div>

                                <ul class="list list-block">
                                    
                                    <li>
                                        <a href="/cufflinks">Cufflinks</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/lapel-pins">Lapel Pins</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/mens-scarves">Men&#39;s Scarves</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/tie-racks">Tie Racks &amp; Storage</a>
                                    </li>
                                    
                                    <li>
                                        <a href="">patriotic-lapel-pins</a>
                                    </li>
                                    
                                    <li>
                                        <a href="/tie-bars-and-tie-clips">Tie Bars</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap right">
                                <ul class="list list-block">
                                    <li>
                                        <a href="/search?srq=cufflinks">
                                            <img src="/assets/img/top-nav/Nav_Image_Cufflinks.jpg" alt="Cufflinks"
                                                title="Cufflinks" />
                                            <div class="title">CUFFLINKS</div>
                                            <div class="shop">Shop Now</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col">
                            <div class="list-wrap right">
                                <ul class="list list-block">
                                    <li>
                                        <a href="/lapel-pins">
                                            <img src="/assets/img/top-nav/Nav_Image_LapelPins.jpg" alt="Lapel Pins"
                                                title="Lapel Pins" />
                                            <div class="title">LAPEL PINS</div>
                                            <div class="shop">Shop Now</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col equal">
                            <div class="list-wrap right">
                                <ul class="list list-block">
                                    <li>
                                        <a href="/belts">
                                            <img src="/assets/img/top-nav/Nav_Image_Belts.jpg" alt="Belts"
                                                title="Belts" />
                                            <div class="title">BELTS</div>
                                            <div class="shop">Shop Now</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>


        <div class="container">
            





        </div>



<div class="fixed-social-btns">
	<a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fwww.ties.com%2fhow-to-tie-a-tie%2fbow-tie" class="social-btn js-social-btn facebook" target="fb_tab" rel="nofollow">
		<i class="fa fa-facebook faccess"><span>Share on Facebook</span></i>
	</a>

	<a href="https://twitter.com/intent/tweet/?text=How%20To%20Tie%20A%20Bow%20Tie%20%7c%20Ties.com&url=https%3a%2f%2fwww.ties.com%2fhow-to-tie-a-tie%2fbow-tie&via=tiesdotcom&source=webclient" class="social-btn js-social-btn twitter" target="tw_tab" rel="nofollow">
		<i class="fa fa-twitter faccess"><span>Share on Twitter</span></i>
	</a>

	<a href="https://www.pinterest.com/pin/create/button/?url=https%3a%2f%2fwww.ties.com%2fhow-to-tie-a-tie%2fbow-tie&media=https%3a%2f%2fwww.ties.com%2fassets%2fimg%2fhow-to-tie-a-tie%2fthumbs%2fbow-tie-knot.jpg&description=How%20To%20Tie%20A%20Bow%20Tie%20%7c%20Ties.com" class="social-btn js-social-btn pinterest" target="pin_tab" rel="nofollow">
		<i class="fa fa-pinterest faccess"><span>Share on Pinterest</span></i>
	</a>

	<a href="https://www.instagram.com/tiesdotcom/" class="social-btn instagram padding" target="in_tab" rel="nofollow">
		<i class="fa fa-instagram faccess"><span>Instagram</span></i>
	</a>

</div>





<a href="/how-to-tie-a-tie" class="back-link">
    <i class="fa fa-arrow-left"></i>
    More Knots
    <span class="triangle"></span>
</a>

<div class="container">
    <div class="how-to-tie-a-tie">
        
        <h1 class="heading selected">How to Tie a Bow Tie</h1>
        
        <div class="how-to-content">
            <div class="video">
                <figure>
                    <iframe width="571" height="321" src="//www.youtube.com/embed/m1jJCqMRJ7w?modestbranding=1&amp;rel=0" title="how to tie it video" frameborder="0" allowfullscreen></iframe>
                </figure>
            </div>

            <div class="knot-info">
                
                <h2 class="about-heading">About the Bow Tie </h2>
                

                <div class="description">
                    The bow tie is a descendant of the knotted cravat. It was born from the need for neckwear that was easier to wear
		than the cravat and that would last throughout a more active day. By the end of the 19th century, the butterfly and
		batwing bow tie were commonplace. Black bow ties were worn with dinner jackets and white bow ties with evening tails.
		Today bow ties are mainly worn on formal occasions, however, in the past decade bow ties for everyday wear have seen
		a rise in popularity. A bow tie is perfect for any man who likes to stand out among his peers.
                    
                </div>

                <div class="rating-wrap">
                    <div class="rating">
                        <span class="rating-text">
                            KNOT SIZE

                            <span class="rating-num">
                                
                                n/a
                                
                            </span>
                        </span>

                        <div class="knot-size fill fill0"></div>
                    </div>

                    <div class="rating">
                        <span class="rating-text">
                            SYMMETRY

                            <span class="rating-num">
                                
                                3/5
                                
                            </span>
                        </span>

                        <div class="symmetry fill fill3"></div>
                    </div>

                    <div class="rating">
                        <span class="rating-text">
                            DIFFICULTY

                            <span class="rating-num">
                                
                                4/5
                                
                            </span>
                        </span>

                        <div class="difficulty fill fill4"></div>
                    </div>

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

        
        <h2 class="instruction-title">Bow Tie Tying Instructions</h2>
        

        
        <img src="/assets/img/how-to-tie-a-tie/instructions/how-to-tie-a-bow-tie-instructions-01.png" class="instructions-img lg" alt="Step 1">
        <img src="/assets/img/how-to-tie-a-tie/instructions/how-to-tie-a-bow-tie-instructions-02.png" class="instructions-img md" alt="Step 2">
        <img src="/assets/img/how-to-tie-a-tie/instructions/how-to-tie-a-bow-tie-instructions-03.png" class="instructions-img sm" alt="Step 3">
        

        <div class="steps">
            

                
                    <h2 class="steps-title">Bow Tie Step-by-Step Guide</h2>
                

                
                    
                
                    
                        <div id="step1" class="step">
                            <div class="left">
                                <img src="/assets/img/how-to-tie-a-tie/steps/bow-tie-step-by-step-01.jpg" alt="Step 1" />
                            </div>
                            <div class="right">
                                <h2 class="title">STEP 1</h2>
                                <div class="divider"></div>
                                <div class="description">
                                    Start with the bowtie lying face up. Adjust the bowtie so right side is shorter than the left. The end on the
			left will be referred to as A and the end on the right will be referred to as B.
                                </div>
                            </div>
                        </div>
                    
                
                    
                        <div id="step2" class="step">
                            <div class="left">
                                <img src="/assets/img/how-to-tie-a-tie/steps/bow-tie-step-by-step-02.jpg" alt="Step 2" />
                            </div>
                            <div class="right">
                                <h2 class="title">STEP 2</h2>
                                <div class="divider"></div>
                                <div class="description">
                                    Move A to the right side, across B.
                                </div>
                            </div>
                        </div>
                    
                
                    
                        <div id="step3" class="step">
                            <div class="left">
                                <img src="/assets/img/how-to-tie-a-tie/steps/bow-tie-step-by-step-03.jpg" alt="Step 3" />
                            </div>
                            <div class="right">
                                <h2 class="title">STEP 3</h2>
                                <div class="divider"></div>
                                <div class="description">
                                    Bring A under B and up through the neck loop.
                                </div>
                            </div>
                        </div>
                    
                
                    
                        <div id="step4" class="step">
                            <div class="left">
                                <img src="/assets/img/how-to-tie-a-tie/steps/bow-tie-step-by-step-04.jpg" alt="Step 4" />
                            </div>
                            <div class="right">
                                <h2 class="title">STEP 4</h2>
                                <div class="divider"></div>
                                <div class="description">
                                    At the joint, fold B towards the right and then towards the left to create a the bow shape.
                                </div>
                            </div>
                        </div>
                    
                
                    
                        <div id="step5" class="step">
                            <div class="left">
                                <img src="/assets/img/how-to-tie-a-tie/steps/bow-tie-step-by-step-05.jpg" alt="Step 5" />
                            </div>
                            <div class="right">
                                <h2 class="title">STEP 5</h2>
                                <div class="divider"></div>
                                <div class="description">
                                    Bring A stra­ight down over the middle of the bow shape that was made with B.
                                </div>
                            </div>
                        </div>
                    
                
                    
                        <div id="step6" class="step">
                            <div class="left">
                                <img src="/assets/img/how-to-tie-a-tie/steps/bow-tie-step-by-step-06.jpg" alt="Step 6" />
                            </div>
                            <div class="right">
                                <h2 class="title">STEP 6</h2>
                                <div class="divider"></div>
                                <div class="description">
                                    Fold A back towards the chest and pinch the fold.
                                </div>
                            </div>
                        </div>
                    
                
                    
                        <div id="step7" class="step">
                            <div class="left">
                                <img src="/assets/img/how-to-tie-a-tie/steps/bow-tie-step-by-step-07.jpg" alt="Step 7" />
                            </div>
                            <div class="right">
                                <h2 class="title">STEP 7</h2>
                                <div class="divider"></div>
                                <div class="description">
                                    Push the pinched end (A) through the loop behind B.
                                </div>
                            </div>
                        </div>
                    
                
                    
                        <div id="step8" class="step">
                            <div class="left">
                                <img src="/assets/img/how-to-tie-a-tie/steps/bow-tie-step-by-step-08.jpg" alt="Step 8" />
                            </div>
                            <div class="right">
                                <h2 class="title">STEP 8</h2>
                                <div class="divider"></div>
                                <div class="description">
                                    Pull on the folded parts of the bow to tighten.
                                </div>
                            </div>
                        </div>
                    
                
                    
                        <div id="step9" class="step">
                            <div class="left">
                                <img src="/assets/img/how-to-tie-a-tie/steps/bow-tie-step-by-step-09.jpg" alt="Step 9" />
                            </div>
                            <div class="right">
                                <h2 class="title">STEP 9</h2>
                                <div class="divider"></div>
                                <div class="description">
                                    Adjust until balanced on both sides.
                                </div>
                            </div>
                        </div>
                    
                
            
                
                    
                
            
        </div>
    </div>
</div>

<div class="how-to-tie-a-tie">
    <div class="knot-group more">
        <h2 class="knot-group-heading">Explore More Knots</h2>

        <div class="knots">
            
            <div class="knot-wrap">
                <a href="/how-to-tie-a-tie/four-in-hand" class="knot-link">
                    <span class="knot-thumb-wrap">
                        <img src="/assets/img/how-to-tie-a-tie/thumbs/four-in-hand-knot.jpg" class="knot-thumb" alt="Four-in-Hand Knot">

                        <span class="knot-overlay">
                            <span class="knot-overlay-text">Popular. Slender. Versatile.</span>
                        </span>
                    </span>

                    <span class="knot-name">FOUR-IN-HAND</span>
                </a>
            </div>
            
            <div class="knot-wrap">
                <a href="/how-to-tie-a-tie/half-windsor" class="knot-link">
                    <span class="knot-thumb-wrap">
                        <img src="/assets/img/how-to-tie-a-tie/thumbs/half-windsor-knot.jpg" class="knot-thumb" alt="Half Windsor Knot">

                        <span class="knot-overlay">
                            <span class="knot-overlay-text">Casual. Elegant. Adaptable.</span>
                        </span>
                    </span>

                    <span class="knot-name">HALF-WINDSOR</span>
                </a>
            </div>
            
            <div class="knot-wrap">
                <a href="/how-to-tie-a-tie/windsor" class="knot-link">
                    <span class="knot-thumb-wrap">
                        <img src="/assets/img/how-to-tie-a-tie/thumbs/windsor-knot.jpg" class="knot-thumb" alt="Windsor Knot">

                        <span class="knot-overlay">
                            <span class="knot-overlay-text">Classic. Triangular. Symmetrical.</span>
                        </span>
                    </span>

                    <span class="knot-name">WINDSOR</span>
                </a>
            </div>
            
            <div class="knot-wrap">
                <a href="/how-to-tie-a-tie/simple" class="knot-link">
                    <span class="knot-thumb-wrap">
                        <img src="/assets/img/how-to-tie-a-tie/thumbs/simple-knot.jpg" class="knot-thumb" alt="Simple Knot (Oriental Knot)">

                        <span class="knot-overlay">
                            <span class="knot-overlay-text">Small. Brave. Functional.</span>
                        </span>
                    </span>

                    <span class="knot-name">SIMPLE</span>
                </a>
            </div>
            
            <div class="knot-wrap">
                <a href="/how-to-tie-a-tie/kelvin" class="knot-link">
                    <span class="knot-thumb-wrap">
                        <img src="/assets/img/how-to-tie-a-tie/thumbs/kelvin-knot.jpg" class="knot-thumb" alt="Kelvin Knot">

                        <span class="knot-overlay">
                            <span class="knot-overlay-text">Carefree. Astute. Debonair.</span>
                        </span>
                    </span>

                    <span class="knot-name">KELVIN</span>
                </a>
            </div>
            
            <div class="knot-wrap">
                <a href="/how-to-tie-a-tie/prince-albert" class="knot-link">
                    <span class="knot-thumb-wrap">
                        <img src="/assets/img/how-to-tie-a-tie/thumbs/prince-albert-knot.jpg" class="knot-thumb" alt="Prince Albert Knot">

                        <span class="knot-overlay">
                            <span class="knot-overlay-text">Regal. Charismatic.</span>
                        </span>
                    </span>

                    <span class="knot-name">PRINCE ALBERT</span>
                </a>
            </div>
            
            <div class="knot-wrap">
                <a href="/how-to-tie-a-tie/pratt" class="knot-link">
                    <span class="knot-thumb-wrap">
                        <img src="/assets/img/how-to-tie-a-tie/thumbs/pratt-knot.jpg" class="knot-thumb" alt="Pratt Knot (Shelby Knot)">

                        <span class="knot-overlay">
                            <span class="knot-overlay-text">Eccentric. Tasteful.</span>
                        </span>
                    </span>

                    <span class="knot-name">PRATT</span>
                </a>
            </div>
            
            <div class="knot-wrap">
                <a href="/how-to-tie-a-tie/eldredge" class="knot-link">
                    <span class="knot-thumb-wrap">
                        <img src="/assets/img/how-to-tie-a-tie/thumbs/eldredge-knot.jpg" class="knot-thumb" alt="Eldredge Knot">

                        <span class="knot-overlay">
                            <span class="knot-overlay-text">Like, whoa. Seriously.</span>
                        </span>
                    </span>

                    <span class="knot-name">ELDREDGE</span>
                </a>
            </div>
            
            <div class="knot-wrap">
                <a href="/how-to-tie-a-tie/van-wijk" class="knot-link">
                    <span class="knot-thumb-wrap">
                        <img src="/assets/img/how-to-tie-a-tie/thumbs/van-wijk-knot.jpg" class="knot-thumb" alt="Van Wijk Knot">

                        <span class="knot-overlay">
                            <span class="knot-overlay-text">Tall. Jaunty. Statuesque.</span>
                        </span>
                    </span>

                    <span class="knot-name">VAN WIJK</span>
                </a>
            </div>
            
            <div class="knot-wrap">
                <a href="/how-to-tie-a-tie/trinity" class="knot-link">
                    <span class="knot-thumb-wrap">
                        <img src="/assets/img/how-to-tie-a-tie/thumbs/trinity-knot.jpg" class="knot-thumb" alt="Trinity Knot">

                        <span class="knot-overlay">
                            <span class="knot-overlay-text">Round. Unique. Memorable.</span>
                        </span>
                    </span>

                    <span class="knot-name">TRINITY</span>
                </a>
            </div>
            
            <div class="knot-wrap">
                <a href="/how-to-tie-a-tie/murrell" class="knot-link">
                    <span class="knot-thumb-wrap">
                        <img src="/assets/img/how-to-tie-a-tie/thumbs/murrell-knot.jpg" class="knot-thumb" alt="Murrell Knot">

                        <span class="knot-overlay">
                            <span class="knot-overlay-text">Outspoken. Anomalous. Inverted.</span>
                        </span>
                    </span>

                    <span class="knot-name">MURRELL</span>
                </a>
            </div>
            
            <div class="knot-wrap">
                <a href="/how-to-tie-a-tie/balthus" class="knot-link">
                    <span class="knot-thumb-wrap">
                        <img src="/assets/img/how-to-tie-a-tie/thumbs/balthus-knot.jpg" class="knot-thumb" alt="Balthus Knot">

                        <span class="knot-overlay">
                            <span class="knot-overlay-text">Artsy. Immense. Prodigious.</span>
                        </span>
                    </span>

                    <span class="knot-name">BALTHUS</span>
                </a>
            </div>
            
            <div class="knot-wrap">
                <a href="/how-to-tie-a-tie/bow-tie" class="knot-link">
                    <span class="knot-thumb-wrap">
                        <img src="/assets/img/how-to-tie-a-tie/thumbs/bow-tie-knot.jpg" class="knot-thumb" alt="Bow Tie">

                        <span class="knot-overlay">
                            <span class="knot-overlay-text">Intelligent. Quirky. Devil-may-care.</span>
                        </span>
                    </span>

                    <span class="knot-name">BOW TIE</span>
                </a>
            </div>
            
        </div>
    </div>
</div>

<div class="container">
    <a class="back-link-bottom" href="/how-to-tie-a-tie">
        <span class="triangle left"></span>
        <i class="fa fa-arrow-left"></i>
        More Knots
        <span class="triangle right"></span>
    </a>

    
</div>




    </div> 
</div> 

<div class="footer-wrap">
    <div class="container">
        <div class="footer js-footer">
        <div class="link-row">
            <div class="footer-col newsletter js-newsletter footer-float-right top">
                <div class="list-title">Sign Up for Exclusive Promos & Offers</div>

                <form class="email-signup-form js-email-signup-form">
                    <input type="email" name="email" class="email js-email" placeholder="Email" title="email address">

                    <button type="submit" class="join-btn">
                        JOIN
                    </button>
                </form>

                <div class="email-sign-up-thank-you js-email-sign-up-thank-you"></div>
                <div class="email-signup-error js-email-signup-error"></div>

                <div class="article-feature desktop-only">
                    <a href="/how-to-tie-a-tie">
                        <img src="/assets/img/how-to-tie-a-tie.jpg" alt="How To Tie A Tie">
                        <span class="article-header">
                            How to Tie a Tie
                        </span>
                        <a href="/man-academy" class="article-sub">
                            Read more from The Ties Academy
                        </a>
                    </a>
                </div>

                <div class="mobile-only social-btns">
                    <a href="https://www.instagram.com/tiesdotcom/" class="social-link" target="in_tab" rel="nofollow">
                        <img src="/assets/img/icons/instagram_icon.svg" alt="instagram icon" height="30">
                    </a>
                    <a href="https://www.pinterest.com/tiesdotcom/" class="social-link" target="pin_tab" rel="nofollow">
                        <img src="/assets/img/icons/pinterest_icon.svg" alt="pinterest icon" height="30">
                    </a>
                    <a href="https://www.youtube.com/channel/UCpRfx_WzI7kxgIC27FHJrew" class="social-link" target="yt_tab" rel="nofollow">
                        <img src="/assets/img/icons/youtube_icon.svg" alt="youtube icon" height="28" class="small">
                    </a>
                    <a href="https://www.facebook.com/TiesDotCom" class="social-link" target="fb_tab" rel="nofollow">
                        <img src="/assets/img/icons/facebook_icon.svg" alt="facebook icon" height="30">
                    </a>
                    <a href="https://twitter.com/tiesdotcom" class="social-link" target="tw_tab" rel="nofollow">
                        <img src="/assets/img/icons/twitter_icon.svg" alt="twitter icon" height="28" class="small">
                    </a>
                </div>
            </div>
            <div class="footer-links footer-float-left">
                <div class="footer-col help">
                    <div class="list-title">Help</div>
                    <div class="arrow mobile-only"><img src="/assets/img/icons/down_arrow_icon.png"></div>
                    <ul class="link-list">
                        <li class="list-item">
                            <a href="/help-center" class="list-link">Help Center</a>
                        </li>
                        <li class="list-item">
                            <a href="/account" class="list-link">Your Orders</a>
                        </li>
                        <li class="list-item">
                            <a href="/returns" class="list-link">Returns</a>
                        </li>
                        <li class="list-item">
                            <a href="/shipping-options" class="list-link">Shipping Calculator</a>
                        </li>
                        <li class="list-item">
                            <a href="/affiliate-program" class="list-link">Become an Affiliate</a>
                        </li>
                        <li class="list-item">
                            <a href="/accessibility" class="list-link">Site Accessibility</a>
                        </li>
                    </ul>
                </div>

                <div class="footer-col quick-links">
                    <div class="list-title">Company</div>
                    <div class="arrow mobile-only"><img src="/assets/img/icons/down_arrow_icon.png"></div>
                    <ul class="link-list">
                        <li class="list-item">
                            <a href="/about" class="list-link">About Ties.com</a>
                        </li>
                        <li class="list-item">
                            <a href="/guapbox" class="list-link">Guapbox</a>
                        </li>
                        <li class="list-item">
                            <a href="/contact-us" class="list-link">Contact</a>
                        </li>
                        <li class="list-item">
                            <a href="/gift-certificates" class="list-link">Gift Card</a>
                        </li>
                        <li class="list-item">
                            <a href="/refer-a-friend?utm_source=ties.com&utm_medium=referafriend" class="list-link">Get $10</a>
                        </li>
                    </ul>
                </div>

                <div class="footer-col quick-links">
                    <div class="list-title">Quick Links</div>
                    <div class="arrow mobile-only"><img src="/assets/img/icons/down_arrow_icon.png"></div>
                    <ul class="link-list">
                        <li class="list-item">
                            <a href="/how-to-tie-a-tie" class="list-link">How to Tie a Tie</a>
                        </li>
                        <li class="list-item">
                            <a href="/how-to-fold-a-pocket-square" class="list-link">How to Fold a Pocket Square</a>
                        </li>
                        
                        <li class="list-item">
                            <a href="/fit-guide/shirts" class="list-link">Shirt Fit Guide</a>
                        </li>
                        
                        <li class="list-item">
                            <a href="https://www.ties.com/blog" class="list-link">Our Blog</a>
                        </li>
                        <li class="list-item">
                            <a href="/company-blog/category/givingback/" class="list-link">Giving Back</a>
                        </li>
                        <li class="list-item">
                            <a href="/company-blog" class="list-link">Ties.com News</a>
                        </li>
                        <li class="list-item mobile-only">
                            <a href="/style-guru-society" class="list-link">Style Guru Society</a>
                        </li>
                        <li class="list-item mobile-only">
                            <a href="/wedding-ties" class="list-link">Wedding Ties</a>
                        </li>
                        <li class="list-item mobile-only">
                            <a href="/custom-ties" class="list-link">Custom Ties</a>
                        </li>
                        <li class="list-item mobile-only">
                            <a href="/wholesale" class="list-link">Wholesale</a>
                        </li>
                    </ul>
                </div>

                <div class="footer-col quick-links no-title desktop-only">
                    <ul class="link-list">
                        <li class="list-item">
                            <a href="/style-guru-society" class="list-link">Style Guru Society</a>
                        </li>
                        <li class="list-item">
                            <a href="/wedding-ties" class="list-link">Wedding Ties</a>
                        </li>
                        <li class="list-item">
                            <a href="/custom-ties" class="list-link">Custom Ties</a>
                        </li>
                        <li class="list-item">
                            <a href="/wholesale" class="list-link">Wholesale</a>
                        </li>
                        <li>
                            <a href="//www.dmca.com/Protection/Status.aspx?ID=8f7b1a86-08a0-4041-b49b-cc13bfa1fc3b" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="https://images.dmca.com/Badges/dmca_protected_sml_120n.png?ID=8f7b1a86-08a0-4041-b49b-cc13bfa1fc3b"  alt="DMCA.com Protection Status" /></a>  <script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

            <div class="footer-col connect desktop-only">
                <div class="list-title">Connect</div>

                <div class="social-btns">
                    <a href="https://www.instagram.com/tiesdotcom/" class="social-link" target="in_tab" rel="nofollow">
                        <img src="/assets/img/icons/instagram_icon.svg" alt="instagram icon" height="20">
                    </a>
                    <a href="https://www.pinterest.com/tiesdotcom/" class="social-link" target="pin_tab" rel="nofollow">
                        <img src="/assets/img/icons/pinterest_icon.svg" alt="pinterest icon" height="20">
                    </a>
                    <a href="https://www.facebook.com/TiesDotCom" class="social-link" target="fb_tab" rel="nofollow">
                        <img src="/assets/img/icons/facebook_icon.svg" alt="facebook icon" height="20">
                    </a>
                    <a href="https://www.youtube.com/channel/UCpRfx_WzI7kxgIC27FHJrew" class="social-link" target="yt_tab" rel="nofollow">
                        <img src="/assets/img/icons/youtube_icon.svg" alt="youtube icon" height="18" class="small">
                    </a>
                    <a href="https://twitter.com/tiesdotcom" class="social-link" target="tw_tab" rel="nofollow">
                        <img src="/assets/img/icons/twitter_icon.svg" alt="twitter icon" height="18" class="small">
                    </a>
                </div>
            </div>

            <div class="footer-col newsletter js-newsletter footer-float-right bottom">
                <div class="list-title">Sign Up for Exclusive Promos & Offers</div>

                <form class="email-signup-form js-email-signup-form">
                    <input type="email" name="email" class="email js-email" placeholder="Email" title="email address">

                    <button type="submit" class="join-btn">
                        JOIN
                    </button>
                </form>

                <div class="email-signup-error js-email-signup-error"></div>
            </div>
            <div class="bottom-info">
                &copy; 2026 Ties.com

                
|
                <a href="/privacy-policy" class="link">Privacy Policy</a>

                
|
                <a href="/terms-of-use" class="link">Terms of Use</a>

                
|
                <a href="/sitemap.html" class="link">Sitemap</a>
            </div>
        </div>
    </div>
</div>

<div class="search-overlay js-search-overlay"></div>

    

<div id="js-newsletter-fancybox" class="newsletter-fancybox default">
    <div class="newsletter-content">
        <div class="form-container">
            <img src="/assets/img/newsletter/tc_logomark_01.png" alt="Ties.com" class="logo">

            <div class="heading js-newsletter-heading">
                Our Best Kept Secret
            </div>

            <div class="sub-heading js-newsletter-sub-heading">
                Get access to secret subscriber-only <br> discounts when you join our newsletter.
            </div>

            <div class="nl-code-heading js-newsletter-code" style="display: none;"></div>

            <form class="newsletter-form js-newsletter-form">
                <div class="error js-error"></div>

                <input type="email" class="input-text js-newsletter-email" placeholder="Your email address" title="your email address" />

                <button type="submit" class="submit-btn js-submit-btn">
                    JOIN NOW <img src="/public/img/loading_old.gif" alt="Loading" class="loading js-loading">
                </button>
            </form>

            <div class="no-thanks-link-wrap js-no-thanks-link-wrap">
                <a href="#" class="no-thanks-link js-no-thanks-link">Thanks, but no thanks</a>
            </div>
        </div>

        <div class="img-container">
            <div id="style-circle-wrap">
                <img id="style-circle" src="/assets/img/newsletter/instant_access_circle_01.png" alt="Instant Access">
            </div>

            <div class="img-content"></div>
        </div>

        <div class="mob-no-thanks-link-wrap js-no-thanks-link-wrap">
            <a href="#" class="mob-no-thanks-link js-no-thanks-link">Thanks, but no thanks</a>
        </div>
    </div>
</div>


<div class="mobile-nav-overlay"></div>


<script src="/public/js/build/app.js"></script>


<script src="/public/js/build/app.js"></script>





<style>
  .goties-chat-launcher[hidden],
  .goties-chat-window[hidden] {
    display: none !important;
  }

  .goties-chat-launcher {
    position: fixed;
    left: 24px;
    bottom: 24px;
    z-index: 1200;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 0;
    border-radius: 999px;
    background: #111111;
    color: #f8f4e8;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 14px 18px;
    text-transform: uppercase;
  }

  .goties-chat-launcher-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
  }

  .goties-chat-launcher-label {
    line-height: 1;
  }

  .goties-chat-window {
    position: fixed;
    left: 24px;
    bottom: 88px;
    z-index: 1201;
    width: min(360px, calc(100vw - 24px));
    max-height: min(70vh, 640px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(17, 17, 17, 0.12);
    border-radius: 18px;
    background: #fbf8ef;
    box-shadow: 0 22px 52px rgba(17, 17, 17, 0.28);
  }

  .goties-chat-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: linear-gradient(135deg, #111111, #2a2a2a);
    color: #fbf8ef;
    padding: 16px 18px 14px;
  }

  .goties-chat-title {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.04em;
    margin: 0;
    text-transform: uppercase;
  }

  .goties-chat-subtitle {
    color: rgba(251, 248, 239, 0.78);
    font-size: 12px;
    margin: 4px 0 0;
  }

  .goties-chat-close {
    appearance: none;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
    padding: 0;
  }

  .goties-chat-status {
    color: #5a564b;
    font-size: 12px;
    min-height: 18px;
    padding: 12px 18px 0;
  }

  .goties-chat-status.is-error {
    color: #8b1e1e;
  }

  .goties-chat-messages {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto;
    padding: 14px 18px 18px;
  }

  .goties-chat-empty {
    color: #5a564b;
    font-size: 13px;
    line-height: 1.5;
  }

  .goties-chat-message {
    display: flex;
    flex-direction: column;
    gap: 5px;
    max-width: 88%;
  }

  .goties-chat-message.is-customer {
    align-self: flex-end;
    text-align: right;
  }

  .goties-chat-message.is-agent {
    align-self: flex-start;
  }

  .goties-chat-bubble {
    border-radius: 16px;
    color: #111111;
    font-size: 13px;
    line-height: 1.45;
    padding: 12px 14px;
    white-space: pre-wrap;
    word-break: break-word;
  }

  .goties-chat-message.is-customer .goties-chat-bubble {
    background: #111111;
    color: #fbf8ef;
    border-bottom-right-radius: 6px;
  }

  .goties-chat-message.is-agent .goties-chat-bubble {
    background: #efe8d6;
    border-bottom-left-radius: 6px;
  }

  .goties-chat-meta {
    color: #6e685b;
    font-size: 11px;
  }

  .goties-chat-form {
    border-top: 1px solid rgba(17, 17, 17, 0.08);
    padding: 14px 18px 18px;
  }

  .goties-chat-input {
    width: 100%;
    min-height: 84px;
    resize: vertical;
    border: 1px solid rgba(17, 17, 17, 0.16);
    border-radius: 12px;
    background: #ffffff;
    color: #111111;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.4;
    margin: 0;
    padding: 12px 13px;
  }

  .goties-chat-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
  }

  .goties-chat-send {
    appearance: none;
    border: 0;
    border-radius: 999px;
    background: #b88a2a;
    color: #111111;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 10px 14px;
    text-transform: uppercase;
  }

  .goties-chat-send:disabled {
    cursor: default;
    opacity: 0.5;
  }

  @media (max-width: 767px) {
    .goties-chat-launcher {
      left: 14px;
      bottom: 14px;
    }

    .goties-chat-window {
      left: 12px;
      right: 12px;
      bottom: 72px;
      width: auto;
      max-height: calc(100vh - 90px);
    }
  }
</style>

<div id="goties-chat-root">
  <button type="button" class="goties-chat-launcher" aria-controls="goties-chat-window" aria-expanded="false">
    <svg class="goties-chat-launcher-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
      <path
        fill="currentColor"
        d="M4 5.5C4 4.12 5.12 3 6.5 3h11C18.88 3 20 4.12 20 5.5v8C20 14.88 18.88 16 17.5 16H10l-4.92 4.1A.75.75 0 0 1 4 19.53V16.5A2.5 2.5 0 0 1 4 16V5.5Zm3.5 2.25a.75.75 0 0 0 0 1.5h9a.75.75 0 0 0 0-1.5h-9Zm0 3.5a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5h-6Z"
      ></path>
    </svg>
    <span class="goties-chat-launcher-label">Chat</span>
  </button>

  <section id="goties-chat-window" class="goties-chat-window" hidden>
    <div class="goties-chat-header">
      <div>
        <p class="goties-chat-title">Live Support</p>
        <p class="goties-chat-subtitle">Ties.com customer care</p>
      </div>
      <button type="button" class="goties-chat-close" aria-label="Close chat">
        &times;
      </button>
    </div>

    <div class="goties-chat-status" aria-live="polite"></div>
    <div class="goties-chat-messages" aria-live="polite"></div>

    <form class="goties-chat-form">
      <textarea
        class="goties-chat-input"
        placeholder="Ask us a question."
        aria-label="Chat message"
      ></textarea>
      <div class="goties-chat-actions">
        <button type="submit" class="goties-chat-send">
          Send
        </button>
      </div>
    </form>
  </section>
</div>

<script>
  window.GotiesChatConfig = {
    enabled: true,
    apiBase: "/api/chat",
    siteId: "ties",
    siteName: "Ties.com"
  };
  window.__gotiesInitChatWidget__ && window.__gotiesInitChatWidget__();
</script>






</body>

</html>