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 the Windsor Knot</h1>
        
        <div class="how-to-content">
            <div class="video">
                <figure>
                    <iframe width="571" height="321" src="//www.youtube.com/embed/pZYXo6vqvd8?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 Windsor Knot</h2>
                

                <div class="description">
                    Although the Duke of Windsor never specifically used the Windsor knot, he did favor a wide triangular knot. In actuality,
		the Duke achieved his trendsetting look by tying a Four-in-Hand with specially made wide and extra thick ties. The Windsor
		knot was invented by the public as a way to imitate the Duke&#39;s knot style. There are several derivatives of the Windsor
		that are all referred to by the same name. The Windsor delivers a symmetrical and solid triangular knot that works best
		with a spread collar.
                    
                        This knot is also mistakenly referred to as the <a href="/how-to-tie-a-tie/double-windsor">“Double Windsor” knot</a>.
                    
                </div>

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

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

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

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

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

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

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

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

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

                     
                    <div class="self-releasing">
                        <i class="fa fa-check-square"></i>

                        <div class="attribute">
                            SELF-RELEASING
                        </div>
                    </div>
                     
                </div>
            </div>
        </div>

        
        <h2 class="instruction-title">The Windsor Knot Tying Instructions</h2>
        

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

        <div class="steps">
            

                
                    <h2 class="steps-title">Windsor Knot Step-by-Step Guide</h2>
                

                
                    
                
                    
                        <div id="step1" class="step">
                            <div class="left">
                                <img src="/assets/img/how-to-tie-a-tie/steps/windsor-knot-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 wide end of the tie on the right and the small end on the left. The tip of the small end should
		rest slightly above your belly-button (this will vary depending on your height and the length &amp; thickness of your
		tie). Only move the active (wide) end.
                                </div>
                            </div>
                        </div>
                    
                
                    
                        <div id="step2" class="step">
                            <div class="left">
                                <img src="/assets/img/how-to-tie-a-tie/steps/windsor-knot-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">
                                    Wide end over the small end to the left.
                                </div>
                            </div>
                        </div>
                    
                
                    
                        <div id="step3" class="step">
                            <div class="left">
                                <img src="/assets/img/how-to-tie-a-tie/steps/windsor-knot-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">
                                    Up into the neck loop from underneath.
                                </div>
                            </div>
                        </div>
                    
                
                    
                        <div id="step4" class="step">
                            <div class="left">
                                <img src="/assets/img/how-to-tie-a-tie/steps/windsor-knot-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">
                                    Down to the left.
                                </div>
                            </div>
                        </div>
                    
                
                    
                        <div id="step5" class="step">
                            <div class="left">
                                <img src="/assets/img/how-to-tie-a-tie/steps/windsor-knot-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">
                                    Around the back of the small end to the right.
                                </div>
                            </div>
                        </div>
                    
                
                    
                        <div id="step6" class="step">
                            <div class="left">
                                <img src="/assets/img/how-to-tie-a-tie/steps/windsor-knot-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">
                                    Up to the center, towards neck loop.
                                </div>
                            </div>
                        </div>
                    
                
                    
                        <div id="step7" class="step">
                            <div class="left">
                                <img src="/assets/img/how-to-tie-a-tie/steps/windsor-knot-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">
                                    Through the neck loop and down to the right.
                                </div>
                            </div>
                        </div>
                    
                
                    
                        <div id="step8" class="step">
                            <div class="left">
                                <img src="/assets/img/how-to-tie-a-tie/steps/windsor-knot-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">
                                    Across the front to the left.
                                </div>
                            </div>
                        </div>
                    
                
                    
                        <div id="step9" class="step">
                            <div class="left">
                                <img src="/assets/img/how-to-tie-a-tie/steps/windsor-knot-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">
                                    Up into the neck loop from underneath.
                                </div>
                            </div>
                        </div>
                    
                
                    
                        <div id="step10" class="step">
                            <div class="left">
                                <img src="/assets/img/how-to-tie-a-tie/steps/windsor-knot-step-by-step-10.jpg" alt="Step 10" />
                            </div>
                            <div class="right">
                                <h2 class="title">STEP 10</h2>
                                <div class="divider"></div>
                                <div class="description">
                                    Down through the loop you&#39;ve just created in the front.
                                </div>
                            </div>
                        </div>
                    
                
                    
                        <div id="step11" class="step">
                            <div class="left">
                                <img src="/assets/img/how-to-tie-a-tie/steps/windsor-knot-step-by-step-11.jpg" alt="Step 11" />
                            </div>
                            <div class="right">
                                <h2 class="title">STEP 11</h2>
                                <div class="divider"></div>
                                <div class="description">
                                    Tighten the knot by pulling down on the wide end. Slide the knot up &amp; adjust.
                                </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>


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

<head>
  <meta charset="utf-8" />
  <title> Off White Ties | Ties.com</title>
  <meta name="description" content="Find a large selection of Off White Ties at Ties.com" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  
  <meta name="robots" content="index, follow, noodp" />
  
  <meta name="google-site-verification" content="QuAemuxoNHyJ9-CJUJH-jzjpqNONivS1DMtamw6rxzo" />

  
  <link rel="canonical" href="https://www.ties.com/brand&#43;white-colored&#43;off-white-ties" />
   
  <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/category.css?v=d1e950a0" />
      
  <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="Ties.com | Superior Quality Men&#39;s Ties &amp; Accessories | Free Shipping" />
   
  <meta property="og:image" content="https://www.ties.com/public/img/refer-a-friend/fb_refer_a_friend_02.jpg" />
  

  
    

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

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

    .global-skip-link {
      background: #111;
      color: #fff;
      left: 16px;
      padding: 12px 16px;
      position: absolute;
      top: -56px;
      z-index: 2000;
    }

    .global-skip-link:focus {
      top: 16px;
    }

    .visually-hidden {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      white-space: nowrap;
      width: 1px;
    }

    .unstyled-button {
      -webkit-appearance: none;
      appearance: none;
      background: none;
      border: 0;
      border-radius: 0;
      color: inherit;
      font: inherit;
      line-height: inherit;
      margin: 0;
      padding: 0;
      text-align: inherit;
    }
  </style>
</head>

<body data-page-key="category.js">
  <a href="#main-content" class="global-skip-link">Skip to main content</a>
  
<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>


<nav id="mobile-nav" class="mobile-nav" aria-label="Mobile" aria-hidden="true" inert>
    <button type="button" class="close-btn unstyled-button" aria-label="Close menu">
        Close<img src="/assets/img/icons/plus_icon.png" alt="" aria-hidden="true">
    </button>


    <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>
            <button type="button" class="nav-list-link js-nav-list-link unstyled-button" aria-expanded="false" aria-controls="mobile-nav-novelty-ties">
                NOVELTY TIES <img src="/assets/img/icons/plus_icon.png" alt="" aria-hidden="true">
            </button>

            <ul id="mobile-nav-novelty-ties" 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>
            <button type="button" class="nav-list-link js-nav-list-link unstyled-button" aria-expanded="false" aria-controls="mobile-nav-socks">
                SOCKS <img src="/assets/img/icons/plus_icon.png" alt="" aria-hidden="true">
            </button>

            <ul id="mobile-nav-socks" 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>
            <button type="button" class="nav-list-link js-nav-list-link unstyled-button" aria-expanded="false" aria-controls="mobile-nav-accessories">
                MORE ACCESSORIES <img src="/assets/img/icons/plus_icon.png" alt="" aria-hidden="true">
            </button>

            <ul id="mobile-nav-accessories" 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">
        
            <li>
                <a href="/account-login" class="nav-list-link sign-in">Sign In</a>
            </li>
        
            <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" aria-label="Facebook">
            <img src="/assets/img/icons/facebook_icon.png" alt="" aria-hidden="true" height="20">
        </a>

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

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

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

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


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

<div class="page-wrap">

    
    <aside class="promo-region" aria-label="Promotions">
        

<div class="promo-bar js-promo-bar default ties " data-url="/essentials">
    
        <div class="large-text-1">
            Free Shipping &amp; Easy Returns on U.S. orders over $65*
            
            <a href="/offers-and-promotions" class="learn-more-link">Learn More</a>
            
        </div>
    

    

    
    
</div>



    </aside>
    

    <div class="content-wrap">
        <header class="header js-header">
            <button type="button" class="mob-menu-btn unstyled-button" aria-label="Open menu" aria-controls="mobile-nav" aria-expanded="false">
                <img src="/assets/img/icons/hamburger_icon.png" alt="" aria-hidden="true">
            </button>

            <button type="button" class="mob-search-btn unstyled-button" aria-label="Open search" aria-controls="site-mobile-search-panel" aria-expanded="false">
                <img src="/assets/img/icons/search_icon.png" alt="" aria-hidden="true">
            </button>
            <div class="mob-search-form js-mob-search-form">
                <form action="/search" class="search-form js-search-form" role="search" aria-label="Mobile site search">
                    <div class="input-wrap">
                        <button type="submit" class="mob-search-form-btn unstyled-button" aria-label="Submit search">
                            <img src="/assets/img/icons/search_icon.png" alt="" aria-hidden="true">
                        </button>
                        <label class="visually-hidden" for="site-mobile-search-input">Search products</label>
                        <input id="site-mobile-search-input" type="text" name="srq" class="search-field js-mob-search-field" placeholder="" title="What can we help you find?" aria-label="Search products" autocomplete="off">
                    </div>
                </form>
                <div id="site-mobile-search-panel" 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" aria-label="View cart">
                <img src="/assets/img/icons/cart_icon.png" alt="" aria-hidden="true">
                <span class="cart-count js-cart-count">0</span>
            </a>

            <a href="/wishlist" class="mob-wishlist-btn" aria-label="View wishlist">
                <img src="/assets/img/icons/heart_icon.png" alt="" aria-hidden="true">
            </a>

            <div class="header-right">
                <div>
                    <button type="button" class="search-link js-search-btn unstyled-button" aria-label="Open search" aria-controls="site-search-panel" aria-expanded="false">
                        <img src="/assets/img/icons/search_icon.png" alt="" aria-hidden="true">
                    </button>
                    <form action="/search" class="search-form js-search-form" role="search" aria-label="Site search">
                        <div class="input-wrap">
                            <label class="visually-hidden" for="site-search-input">Search products</label>
                            <input id="site-search-input" type="text" name="srq" class="search-field js-search-field" placeholder="" title="What can we help you find?" aria-label="Search products" autocomplete="off">
                        </div>
                    </form>
                    <div id="site-search-panel" 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" aria-label="View cart">
                        <span class="cart-icon js-cart-icon">
                            <img src="/assets/img/icons/cart_icon.png" alt="" aria-hidden="true">
                        </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>

        </header>

        <nav aria-label="Primary">
            <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>

        </nav>

        <div class="container">
            





        </div>



<main id="main-content" tabindex="-1">








 



<div class="container category-container">
    <div class="breadcrumbs">
        <nav class="crumbs" aria-label="Breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">

            <span itemscope itemprop="itemListElement" itemtype="http://schema.org/ListItem">
                <a href="/" itemprop="item">HOME</a>
                <meta itemprop="position" content="0" />
                <meta itemprop="name" content="HOME" />
            </span>

            &#47;

            
                <span itemscope itemprop="itemListElement" itemtype="http://schema.org/ListItem">
                        <a href="/ties" itemprop="item">Men&#39;s Ties</a>
                        <meta itemprop="position" content="1" />
                        <meta itemprop="name" content="Men&#39;s Ties" />
                         &#47; 
                    </span>
            
                <span itemscope itemprop="itemListElement" itemtype="http://schema.org/ListItem">
                        <a href="/ties-by-color" itemprop="item">Shop by Color</a>
                        <meta itemprop="position" content="2" />
                        <meta itemprop="name" content="Shop by Color" />
                         &#47; 
                    </span>
            
                <span itemscope itemprop="itemListElement" itemtype="http://schema.org/ListItem">
                        <a href="/off-white-ties" itemprop="item">Off White Ties</a>
                        <meta itemprop="position" content="3" />
                        <meta itemprop="name" content="Off White Ties" />
                        
                    </span>
            

        </nav>
    </div>

    <div class="category content">
            

<div class="filter-wrap">
    <div class="sticky">
        <h1 class="page-heading">Off White Ties</h1>
        <div class="results mobile-only">26 Results</div>
        <div class="filters-sort-container js-filters-sort-container">
            <div class="filters-sort-wrap js-filters-sort-wrap sort-mobile">
                <div class="filter add-edit-filters-btn">
                    <div class="filter-selected js-add-edit-filters">
                        <img src="/assets/img/icons/down_arrow_icon.png" alt="" aria-hidden="true"> Filters
                    </div>
                </div>
            

            

            

            
                <select
                        title="Color" data-name="Color"
                        data-active="active"
                        data-filter-name="White"
                        data-type="filter">
                
                    <option value="/black-colored&#43;off-white-ties"
                            
                            
                            data-color-swatch="black">Black</option>
                
                    <option value="/blue-colored&#43;off-white-ties"
                            
                            
                            data-color-swatch="blue">Blue</option>
                
                    <option value="/brown-colored&#43;off-white-ties"
                            
                            
                            data-color-swatch="brown">Brown</option>
                
                    <option value="/gold-colored&#43;off-white-ties"
                            
                            
                            data-color-swatch="gold">Gold</option>
                
                    <option value="/gray-colored&#43;off-white-ties"
                            
                            
                            data-color-swatch="gray">Gray</option>
                
                    <option value="/green-colored&#43;off-white-ties"
                            
                            
                            data-color-swatch="green">Green</option>
                
                    <option value="/multicolored&#43;off-white-ties"
                            
                            
                            data-color-swatch="multicolor">Multicolor</option>
                
                    <option value="/orange-colored&#43;off-white-ties"
                            
                            
                            data-color-swatch="orange">Orange</option>
                
                    <option value="/pink-colored&#43;off-white-ties"
                            
                            
                            data-color-swatch="pink">Pink</option>
                
                    <option value="/purple-colored&#43;off-white-ties"
                            
                            
                            data-color-swatch="purple">Purple</option>
                
                    <option value="/red-colored&#43;off-white-ties"
                            
                            
                            data-color-swatch="red">Red</option>
                
                    <option value="/white-colored&#43;off-white-ties"
                            data-selected="selected"
                            
                            data-color-swatch="white">White</option>
                
                    <option value="/yellow-colored&#43;off-white-ties"
                            
                            
                            data-color-swatch="yellow">Yellow</option>
                
                    <option value="/off-white-ties"
                            
                            data-clear-link="true"
                            >clear</option>
                
                </select>
            

            
                <select
                        title="Pattern" data-name="Pattern"
                        data-active="inactive"
                        data-filter-name=""
                        data-type="filter">
                
                    <option value="/conversational-patterned&#43;white-colored&#43;off-white-ties"
                            
                            >Conversational</option>
                
                    <option value="/novelty-patterned&#43;white-colored&#43;off-white-ties"
                            
                            >Novelty</option>
                
                    <option value="/solid-patterned&#43;white-colored&#43;off-white-ties"
                            
                            >Solid</option>
                
                    <option value="/striped-patterned&#43;white-colored&#43;off-white-ties"
                            
                            >Striped</option>
                
                </select>
            

            
                <select
                        title="Material" data-name="Material"
                        data-active="inactive"
                        data-filter-name=""
                        data-type="filter">
                
                    <option value="/cotton-material&#43;white-colored&#43;off-white-ties"
                            
                            >cotton</option>
                
                    <option value="/microfiber-material&#43;white-colored&#43;off-white-ties"
                            
                            >microfiber</option>
                
                    <option value="/silk-material&#43;white-colored&#43;off-white-ties"
                            
                            >silk</option>
                
                </select>
            

            

            
                <select
                        title="Brand" data-name="Brand"
                        data-active="inactive"
                        data-filter-name=""
                        data-type="filter">
                
                    <option value="/alynn-brand&#43;white-colored&#43;off-white-ties"
                            
                            >Alynn®</option>
                
                    <option value="/american-necktie-co-brand&#43;white-colored&#43;off-white-ties"
                            
                            >American Necktie Co.™</option>
                
                    <option value="/brent-morgan-brand&#43;white-colored&#43;off-white-ties"
                            
                            >Brent Morgan®</option>
                
                    <option value="/peter-hayer-brand&#43;white-colored&#43;off-white-ties"
                            
                            >Peter Hayer™</option>
                
                    <option value="/ties.com-brand&#43;white-colored&#43;off-white-ties"
                            
                            >Ties.com™</option>
                
                    <option value="/wild-ties-brand&#43;white-colored&#43;off-white-ties"
                            
                            >WildTies®</option>
                
                </select>
            

            
                <select
                        title="Sort By" data-name="Sort By"
                        data-active="active"
                        data-filter-name="Featured"
                        data-type="sort">
                
                    <option value="/white-colored&#43;off-white-ties?sort=def"
                            data-selected="selected"
                            >Featured</option>
                
                    <option value="/white-colored&#43;off-white-ties?sort=new"
                            
                            >Newest First</option>
                
                    <option value="/white-colored&#43;off-white-ties?sort=pop"
                            
                            >Popularity</option>
                
                    <option value="/white-colored&#43;off-white-ties?sort=phl"
                            
                            >Price, High To Low</option>
                
                    <option value="/white-colored&#43;off-white-ties?sort=plh"
                            
                            >Price, Low To High</option>
                
                </select>
            
            </div>
        </div>

        <div class="filters-sort-container locked js-filters-sort-container">
            <div class="filters-sort-wrap js-filters-sort-wrap">
                <div class="filter add-edit-filters-btn">
                    <div class="filter-selected js-add-edit-filters">
                        <i class="fa fa-plus"></i> Add/Edit Filters
                    
                        <i class="fa fa-check"></i>
                    
                    </div>
                </div>

            

            

            
                <select
                        class="locked-filter"
                        title="Selected Color" data-name="Color"
                        data-active="active"
                        data-filter-name="White"
                        data-type="filter">
                
                    <option value="/black-colored&#43;off-white-ties"
                            
                            
                            data-color-swatch="black">Black</option>
                
                    <option value="/blue-colored&#43;off-white-ties"
                            
                            
                            data-color-swatch="blue">Blue</option>
                
                    <option value="/brown-colored&#43;off-white-ties"
                            
                            
                            data-color-swatch="brown">Brown</option>
                
                    <option value="/gold-colored&#43;off-white-ties"
                            
                            
                            data-color-swatch="gold">Gold</option>
                
                    <option value="/gray-colored&#43;off-white-ties"
                            
                            
                            data-color-swatch="gray">Gray</option>
                
                    <option value="/green-colored&#43;off-white-ties"
                            
                            
                            data-color-swatch="green">Green</option>
                
                    <option value="/multicolored&#43;off-white-ties"
                            
                            
                            data-color-swatch="multicolor">Multicolor</option>
                
                    <option value="/orange-colored&#43;off-white-ties"
                            
                            
                            data-color-swatch="orange">Orange</option>
                
                    <option value="/pink-colored&#43;off-white-ties"
                            
                            
                            data-color-swatch="pink">Pink</option>
                
                    <option value="/purple-colored&#43;off-white-ties"
                            
                            
                            data-color-swatch="purple">Purple</option>
                
                    <option value="/red-colored&#43;off-white-ties"
                            
                            
                            data-color-swatch="red">Red</option>
                
                    <option value="/white-colored&#43;off-white-ties"
                            data-selected="selected"
                            
                            data-color-swatch="white">White</option>
                
                    <option value="/yellow-colored&#43;off-white-ties"
                            
                            
                            data-color-swatch="yellow">Yellow</option>
                
                    <option value="/off-white-ties"
                            
                            data-clear-link="true"
                            >clear</option>
                
                </select>
            

            
                <select
                        class="locked-filter"
                        title="Selected Pattern" data-name="Pattern"
                        data-active="inactive"
                        data-filter-name=""
                        data-type="filter">
                
                    <option value="/conversational-patterned&#43;white-colored&#43;off-white-ties"
                            
                            >Conversational</option>
                
                    <option value="/novelty-patterned&#43;white-colored&#43;off-white-ties"
                            
                            >Novelty</option>
                
                    <option value="/solid-patterned&#43;white-colored&#43;off-white-ties"
                            
                            >Solid</option>
                
                    <option value="/striped-patterned&#43;white-colored&#43;off-white-ties"
                            
                            >Striped</option>
                
                </select>
            

            
                <select
                        class="locked-filter"
                        title="Selected Material" data-name="Material"
                        data-active="inactive"
                        data-filter-name=""
                        data-type="filter">
                
                    <option value="/cotton-material&#43;white-colored&#43;off-white-ties"
                            
                            >cotton</option>
                
                    <option value="/microfiber-material&#43;white-colored&#43;off-white-ties"
                            
                            >microfiber</option>
                
                    <option value="/silk-material&#43;white-colored&#43;off-white-ties"
                            
                            >silk</option>
                
                </select>
            

            

            
                <select
                        class="locked-filter"
                        title="Selected Brand" data-name="Brand"
                        data-active="inactive"
                        data-filter-name=""
                        data-type="filter">
                
                    <option value="/alynn-brand&#43;white-colored&#43;off-white-ties"
                            
                            >Alynn®</option>
                
                    <option value="/american-necktie-co-brand&#43;white-colored&#43;off-white-ties"
                            
                            >American Necktie Co.™</option>
                
                    <option value="/brent-morgan-brand&#43;white-colored&#43;off-white-ties"
                            
                            >Brent Morgan®</option>
                
                    <option value="/peter-hayer-brand&#43;white-colored&#43;off-white-ties"
                            
                            >Peter Hayer™</option>
                
                    <option value="/ties.com-brand&#43;white-colored&#43;off-white-ties"
                            
                            >Ties.com™</option>
                
                    <option value="/wild-ties-brand&#43;white-colored&#43;off-white-ties"
                            
                            >WildTies®</option>
                
                </select>
            

            
                <select
                        class="locked-filter"
                        title="Selected Sort By" data-name="Sort By"
                        data-active="active"
                        data-filter-name="Featured"
                        data-type="sort">
                
                    <option value="/white-colored&#43;off-white-ties?sort=def"
                            data-selected="selected"
                            >Featured</option>
                
                    <option value="/white-colored&#43;off-white-ties?sort=new"
                            
                            >Newest First</option>
                
                    <option value="/white-colored&#43;off-white-ties?sort=pop"
                            
                            >Popularity</option>
                
                    <option value="/white-colored&#43;off-white-ties?sort=phl"
                            
                            >Price, High To Low</option>
                
                    <option value="/white-colored&#43;off-white-ties?sort=plh"
                            
                            >Price, Low To High</option>
                
                </select>
            
            </div>
        </div>

        

        
    </div>
</div>


            <div class="product-wrapper">





    <div class="filters-sort-container js-filters-sort-container desktop-only">
        <div class="filters-sort-wrap js-filters-sort-wrap">
            <div class="results">26 Results</div>
            <div class="filter add-edit-filters-btn"></div>

            <select
                    title="Sort By" data-name="Sort By"
                    data-active="active"
                    data-filter-name="Featured"
                    data-type="sort">
            
                <option value="/white-colored&#43;off-white-ties?sort=def"
                        data-selected="selected"
                        >Featured</option>
            
                <option value="/white-colored&#43;off-white-ties?sort=new"
                        
                        >Newest First</option>
            
                <option value="/white-colored&#43;off-white-ties?sort=pop"
                        
                        >Popularity</option>
            
                <option value="/white-colored&#43;off-white-ties?sort=phl"
                        
                        >Price, High To Low</option>
            
                <option value="/white-colored&#43;off-white-ties?sort=plh"
                        
                        >Price, Low To High</option>
            
            </select>
        </div>
    </div>

    

<div class="pagination-wrap desktop-only">
    <div class="pagination">

        
    </div>
</div>









<ul class="product-list">
    

    
    
    <li class="product ">
        <a href="/essentials-by-alynn-white-white-tie" class="img-link js-id" id="pran-253613">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/white-silk-white-tie-253613-540-440-0.jpg" class="img js-img-link" alt="_White Tie_" title=" White Tie " data-img="https://www.ties.com/primg/white-silk-white-tie-253613-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/white-silk-white-tie-253613-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253613">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="253616">2.25&#34; 
Skinny</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="253613">3.25&#34; 
Standard</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="253615">3.5&#34; 
Extra Long</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253613">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    White Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                    $50
                    
                    </div>
                
                

                
                    <div class="color-relations">
                    
                    
                        <a href="/essentials-by-alynn-white-white-tie"
                           class="link active js-related-color"
                           data-color-label="White"
                           data-img="https://www.ties.com/primg/white-silk-white-tie-253613-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/white-silk-white-tie-253613-515-440-0.jpg"
                           data-title="White Tie"
                           data-uri="/essentials-by-alynn-white-white-tie"
                           data-id="253613"
                           data-num="0">
                            <img src="https://www.ties.com/primg/white-silk-white-tie-253613-400-45-0.jpg" class="color" alt="White Silk White Tie" title="White Silk White Tie">
                        </a>
                    
                    
                    
                        <a href="/essentials-by-alynn-slate-slate-tie"
                           class="link  js-related-color"
                           data-color-label="Slate"
                           data-img="https://www.ties.com/primg/slate-silk-slate-tie-253536-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/slate-silk-slate-tie-253536-515-440-0.jpg"
                           data-title="Slate Tie"
                           data-uri="/essentials-by-alynn-slate-slate-tie"
                           data-id="253536"
                           data-num="0">
                            <img src="https://www.ties.com/primg/slate-silk-slate-tie-253536-400-45-0.jpg" class="color" alt="Slate Silk Slate Tie" title="Slate Silk Slate Tie">
                        </a>
                    
                    
                    
                        <a href="/essentials-by-alynn-dusty-mint-dusty-mint-tie"
                           class="link  js-related-color"
                           data-color-label="Dusty Mint"
                           data-img="https://www.ties.com/primg/dusty-mint-silk-dusty-mint-tie-253543-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/dusty-mint-silk-dusty-mint-tie-253543-515-440-0.jpg"
                           data-title="Dusty Mint Tie"
                           data-uri="/essentials-by-alynn-dusty-mint-dusty-mint-tie"
                           data-id="253543"
                           data-num="0">
                            <img src="https://www.ties.com/primg/dusty-mint-silk-dusty-mint-tie-253543-400-45-0.jpg" class="color" alt="Dusty Mint Silk Dusty Mint Tie" title="Dusty Mint Silk Dusty Mint Tie">
                        </a>
                    
                    
                    
                        <a href="/essentials-by-alynn-wine-wine-tie"
                           class="link  js-related-color"
                           data-color-label="Wine"
                           data-img="https://www.ties.com/primg/wine-silk-wine-tie-253550-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/wine-silk-wine-tie-253550-515-440-0.jpg"
                           data-title="Wine Tie"
                           data-uri="/essentials-by-alynn-wine-wine-tie"
                           data-id="253550"
                           data-num="0">
                            <img src="https://www.ties.com/primg/wine-silk-wine-tie-253550-400-45-0.jpg" class="color" alt="Wine Silk Wine Tie" title="Wine Silk Wine Tie">
                        </a>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                        <a href="/essentials-by-alynn-white-white-tie" class="more"><img class="plus" src="/assets/img/icons/plus_icon.png"></a>
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/b/american-necktie-co.-crimson-and-cream-stripe-crimson-tie" class="img-link js-id" id="pran-238267">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/crimson-microfiber-crimson-cream-stripe-tie-238267-540-440-0.jpg" class="img js-img-link" alt="_Crimson &amp; Cream Stripe Tie_" title=" Crimson &amp; Cream Stripe Tie " data-img="https://www.ties.com/primg/crimson-microfiber-crimson-cream-stripe-tie-238267-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/crimson-microfiber-crimson-cream-stripe-tie-238267-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="238267">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="238267">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="238267">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Crimson &amp; Cream Stripe Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                    $33
                    
                    </div>
                
                

                
                    <div class="color-relations">
                    
                    
                        <a href="/v/b/american-necktie-co.-crimson-and-cream-stripe-crimson-tie"
                           class="link active js-related-color"
                           data-color-label="Crimson &amp; Cream"
                           data-img="https://www.ties.com/primg/crimson-microfiber-crimson-cream-stripe-tie-238267-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/crimson-microfiber-crimson-cream-stripe-tie-238267-515-440-0.jpg"
                           data-title="Crimson &amp; Cream Stripe Tie"
                           data-uri="/v/b/american-necktie-co.-crimson-and-cream-stripe-crimson-tie"
                           data-id="238267"
                           data-num="1">
                            <img src="https://www.ties.com/primg/crimson-microfiber-crimson-cream-stripe-tie-238267-400-45-0.jpg" class="color" alt="Crimson Microfiber Crimson &amp; Cream Stripe Tie" title="Crimson Microfiber Crimson &amp; Cream Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/b/american-necktie-co.-purple-and-silver-stripe-purple-tie"
                           class="link  js-related-color"
                           data-color-label="Purple &amp; Silver"
                           data-img="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-515-440-0.jpg"
                           data-title="Purple &amp; Silver Stripe Tie"
                           data-uri="/v/b/american-necktie-co.-purple-and-silver-stripe-purple-tie"
                           data-id="238164"
                           data-num="1">
                            <img src="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-400-45-0.jpg" class="color" alt="Purple Microfiber Purple &amp; Silver Stripe Tie" title="Purple Microfiber Purple &amp; Silver Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/c/american-necktie-co.-purple-and-gold-stripe-purple-tie"
                           class="link  js-related-color"
                           data-color-label="Purple"
                           data-img="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-505-440-0.jpg"
                           data-title="Purple &amp; Gold Stripe Tie"
                           data-uri="/v/c/american-necktie-co.-purple-and-gold-stripe-purple-tie"
                           data-id="238168"
                           data-num="1">
                            <img src="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-400-45-0.jpg" class="color" alt="Purple Microfiber Purple &amp; Gold Stripe Tie" title="Purple Microfiber Purple &amp; Gold Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/d/american-necktie-co.-red-and-navy-stripe-red-tie"
                           class="link  js-related-color"
                           data-color-label="Red"
                           data-img="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-515-440-0.jpg"
                           data-title="Red &amp; Navy Stripe Tie"
                           data-uri="/v/d/american-necktie-co.-red-and-navy-stripe-red-tie"
                           data-id="238172"
                           data-num="1">
                            <img src="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-400-45-0.jpg" class="color" alt="Red Microfiber Red &amp; Navy Stripe Tie" title="Red Microfiber Red &amp; Navy Stripe Tie">
                        </a>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                        <a href="/v/b/american-necktie-co.-crimson-and-cream-stripe-crimson-tie" class="more"><img class="plus" src="/assets/img/icons/plus_icon.png"></a>
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/elite-solid-wedding-day-white-white-tie" class="img-link js-id" id="pran-219796">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/wedding-day-white-silk-wedding-day-white-tie-219796-540-440-0.jpg" class="img js-img-link" alt="_Wedding Day White Tie_" title=" Wedding Day White Tie " data-img="https://www.ties.com/primg/wedding-day-white-silk-wedding-day-white-tie-219796-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/wedding-day-white-silk-wedding-day-white-tie-219796-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="219796">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="225286">2.25&#34; 
Skinny</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="219796">3.5&#34; 
Standard</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="219893">3.75&#34; 
Extra Long</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="219796">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Wedding Day White Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                    $38
                    
                    </div>
                
                

                
                    <div class="color-relations">
                    
                    
                        <a href="/v/a/elite-solid-wedding-day-white-white-tie"
                           class="link active js-related-color"
                           data-color-label="Wedding Day White"
                           data-img="https://www.ties.com/primg/wedding-day-white-silk-wedding-day-white-tie-219796-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/wedding-day-white-silk-wedding-day-white-tie-219796-515-440-0.jpg"
                           data-title="Wedding Day White Tie"
                           data-uri="/v/a/elite-solid-wedding-day-white-white-tie"
                           data-id="219796"
                           data-num="2">
                            <img src="https://www.ties.com/primg/wedding-day-white-silk-wedding-day-white-tie-219796-400-45-0.jpg" class="color" alt="Wedding Day White Silk Wedding Day White Tie" title="Wedding Day White Silk Wedding Day White Tie">
                        </a>
                    
                    
                    
                        <a href="/v/a/elite-solid-orange-dream-orange-tie"
                           class="link  js-related-color"
                           data-color-label="Orange Dream"
                           data-img="https://www.ties.com/primg/orange-dream-silk-orange-dream-tie-219799-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/orange-dream-silk-orange-dream-tie-219799-505-440-0.jpg"
                           data-title="Orange Dream Tie"
                           data-uri="/v/a/elite-solid-orange-dream-orange-tie"
                           data-id="219799"
                           data-num="2">
                            <img src="https://www.ties.com/primg/orange-dream-silk-orange-dream-tie-219799-400-45-0.jpg" class="color" alt="Orange Dream Silk Orange Dream Tie" title="Orange Dream Silk Orange Dream Tie">
                        </a>
                    
                    
                    
                        <a href="/v/a/elite-solid-peony-pink-pink-tie"
                           class="link  js-related-color"
                           data-color-label="Peony Pink"
                           data-img="https://www.ties.com/primg/peony-pink-silk-peony-pink-tie-219800-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/peony-pink-silk-peony-pink-tie-219800-505-440-0.jpg"
                           data-title="Peony Pink Tie"
                           data-uri="/v/a/elite-solid-peony-pink-pink-tie"
                           data-id="219800"
                           data-num="2">
                            <img src="https://www.ties.com/primg/peony-pink-silk-peony-pink-tie-219800-400-45-0.jpg" class="color" alt="Peony Pink Silk Peony Pink Tie" title="Peony Pink Silk Peony Pink Tie">
                        </a>
                    
                    
                    
                        <a href="/v/a/elite-solid-rich-gold-gold-tie"
                           class="link  js-related-color"
                           data-color-label="Rich Gold"
                           data-img="https://www.ties.com/primg/rich-gold-silk-rich-gold-tie-219809-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/rich-gold-silk-rich-gold-tie-219809-515-440-0.jpg"
                           data-title="Rich Gold Tie"
                           data-uri="/v/a/elite-solid-rich-gold-gold-tie"
                           data-id="219809"
                           data-num="2">
                            <img src="https://www.ties.com/primg/rich-gold-silk-rich-gold-tie-219809-400-45-0.jpg" class="color" alt="Rich Gold Silk Rich Gold Tie" title="Rich Gold Silk Rich Gold Tie">
                        </a>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                        <a href="/v/a/elite-solid-wedding-day-white-white-tie" class="more"><img class="plus" src="/assets/img/icons/plus_icon.png"></a>
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/the-american-necktie-co-piano-keys-white-tie" class="img-link js-id" id="pran-229982">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/white-microfiber-piano-keys-tie-229982-540-440-0.jpg" class="img js-img-link" alt="_Piano Keys White Tie_" title=" Piano Keys White Tie " data-img="https://www.ties.com/primg/white-microfiber-piano-keys-tie-229982-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/white-microfiber-piano-keys-tie-229982-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="229982">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="229982">3.5&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="229982">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Piano Keys White Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                    $38.50
                    
                    </div>
                
                

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/b/american-necktie-co.-carolina-blue-and-white-stripe-light-blue-tie" class="img-link js-id" id="pran-238276">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/light-blue-microfiber-carolina-blue-white-stripe-tie-238276-540-440-0.jpg" class="img js-img-link" alt="_Carolina Blue &amp; White Stripe Light Blue Tie_" title=" Carolina Blue &amp; White Stripe Light Blue Tie " data-img="https://www.ties.com/primg/light-blue-microfiber-carolina-blue-white-stripe-tie-238276-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/light-blue-microfiber-carolina-blue-white-stripe-tie-238276-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="238276">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="238276">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="238276">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Carolina Blue &amp; White Stripe Light Blue Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                    $33
                    
                    </div>
                
                

                
                    <div class="color-relations">
                    
                    
                        <a href="/v/b/american-necktie-co.-carolina-blue-and-white-stripe-light-blue-tie"
                           class="link active js-related-color"
                           data-color-label="Light Blue &amp; White"
                           data-img="https://www.ties.com/primg/light-blue-microfiber-carolina-blue-white-stripe-tie-238276-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/light-blue-microfiber-carolina-blue-white-stripe-tie-238276-515-440-0.jpg"
                           data-title="Carolina Blue &amp; White Stripe Light Blue Tie"
                           data-uri="/v/b/american-necktie-co.-carolina-blue-and-white-stripe-light-blue-tie"
                           data-id="238276"
                           data-num="4">
                            <img src="https://www.ties.com/primg/light-blue-microfiber-carolina-blue-white-stripe-tie-238276-400-45-0.jpg" class="color" alt="Light Blue Microfiber Carolina Blue &amp; White Stripe Tie" title="Light Blue Microfiber Carolina Blue &amp; White Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/b/american-necktie-co.-purple-and-silver-stripe-purple-tie"
                           class="link  js-related-color"
                           data-color-label="Purple &amp; Silver"
                           data-img="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-515-440-0.jpg"
                           data-title="Purple &amp; Silver Stripe Tie"
                           data-uri="/v/b/american-necktie-co.-purple-and-silver-stripe-purple-tie"
                           data-id="238164"
                           data-num="4">
                            <img src="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-400-45-0.jpg" class="color" alt="Purple Microfiber Purple &amp; Silver Stripe Tie" title="Purple Microfiber Purple &amp; Silver Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/c/american-necktie-co.-purple-and-gold-stripe-purple-tie"
                           class="link  js-related-color"
                           data-color-label="Purple"
                           data-img="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-505-440-0.jpg"
                           data-title="Purple &amp; Gold Stripe Tie"
                           data-uri="/v/c/american-necktie-co.-purple-and-gold-stripe-purple-tie"
                           data-id="238168"
                           data-num="4">
                            <img src="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-400-45-0.jpg" class="color" alt="Purple Microfiber Purple &amp; Gold Stripe Tie" title="Purple Microfiber Purple &amp; Gold Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/d/american-necktie-co.-red-and-navy-stripe-red-tie"
                           class="link  js-related-color"
                           data-color-label="Red"
                           data-img="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-515-440-0.jpg"
                           data-title="Red &amp; Navy Stripe Tie"
                           data-uri="/v/d/american-necktie-co.-red-and-navy-stripe-red-tie"
                           data-id="238172"
                           data-num="4">
                            <img src="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-400-45-0.jpg" class="color" alt="Red Microfiber Red &amp; Navy Stripe Tie" title="Red Microfiber Red &amp; Navy Stripe Tie">
                        </a>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                        <a href="/v/b/american-necktie-co.-carolina-blue-and-white-stripe-light-blue-tie" class="more"><img class="plus" src="/assets/img/icons/plus_icon.png"></a>
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/wild-ties-white-graph-paper-tie" class="img-link js-id" id="pran-245170">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/white-microfiber-graph-paper-tie-245170-540-440-0.jpg" class="img js-img-link" alt="_Graph Paper White Tie_" title=" Graph Paper White Tie " data-img="https://www.ties.com/primg/white-microfiber-graph-paper-tie-245170-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/white-microfiber-graph-paper-tie-245170-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="245170">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="245170">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="245170">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Graph Paper White Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                    $38.50
                    
                    </div>
                
                

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/d/american-necktie-co.-black-and-white-stripe-black-tie" class="img-link js-id" id="pran-238252">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-black-white-stripe-tie-238252-540-440-0.jpg" class="img js-img-link" alt="_Black &amp; White Stripe Tie_" title=" Black &amp; White Stripe Tie " data-img="https://www.ties.com/primg/black-microfiber-black-white-stripe-tie-238252-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-black-white-stripe-tie-238252-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="238252">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="238253">2.5&#34; 
Standard Skinny</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="238252">3.0&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="238252">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Black &amp; White Stripe Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                    $33
                    
                    </div>
                
                

                
                    <div class="color-relations">
                    
                    
                        <a href="/v/d/american-necktie-co.-black-and-white-stripe-black-tie"
                           class="link active js-related-color"
                           data-color-label="Black &amp; White"
                           data-img="https://www.ties.com/primg/black-microfiber-black-white-stripe-tie-238252-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/black-microfiber-black-white-stripe-tie-238252-515-440-0.jpg"
                           data-title="Black &amp; White Stripe Tie"
                           data-uri="/v/d/american-necktie-co.-black-and-white-stripe-black-tie"
                           data-id="238252"
                           data-num="6">
                            <img src="https://www.ties.com/primg/black-microfiber-black-white-stripe-tie-238252-400-45-0.jpg" class="color" alt="Black Microfiber Black &amp; White Stripe Tie" title="Black Microfiber Black &amp; White Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/b/american-necktie-co.-purple-and-silver-stripe-purple-tie"
                           class="link  js-related-color"
                           data-color-label="Purple &amp; Silver"
                           data-img="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-515-440-0.jpg"
                           data-title="Purple &amp; Silver Stripe Tie"
                           data-uri="/v/b/american-necktie-co.-purple-and-silver-stripe-purple-tie"
                           data-id="238164"
                           data-num="6">
                            <img src="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-400-45-0.jpg" class="color" alt="Purple Microfiber Purple &amp; Silver Stripe Tie" title="Purple Microfiber Purple &amp; Silver Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/c/american-necktie-co.-purple-and-gold-stripe-purple-tie"
                           class="link  js-related-color"
                           data-color-label="Purple"
                           data-img="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-505-440-0.jpg"
                           data-title="Purple &amp; Gold Stripe Tie"
                           data-uri="/v/c/american-necktie-co.-purple-and-gold-stripe-purple-tie"
                           data-id="238168"
                           data-num="6">
                            <img src="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-400-45-0.jpg" class="color" alt="Purple Microfiber Purple &amp; Gold Stripe Tie" title="Purple Microfiber Purple &amp; Gold Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/d/american-necktie-co.-red-and-navy-stripe-red-tie"
                           class="link  js-related-color"
                           data-color-label="Red"
                           data-img="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-515-440-0.jpg"
                           data-title="Red &amp; Navy Stripe Tie"
                           data-uri="/v/d/american-necktie-co.-red-and-navy-stripe-red-tie"
                           data-id="238172"
                           data-num="6">
                            <img src="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-400-45-0.jpg" class="color" alt="Red Microfiber Red &amp; Navy Stripe Tie" title="Red Microfiber Red &amp; Navy Stripe Tie">
                        </a>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                        <a href="/v/d/american-necktie-co.-black-and-white-stripe-black-tie" class="more"><img class="plus" src="/assets/img/icons/plus_icon.png"></a>
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/white-angelo-tie" class="img-link js-id" id="pran-250187">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/white-cotton-angelo-tie-250187-540-440-0.jpg" class="img js-img-link" alt="_Angelo White Tie_" title=" Angelo White Tie " data-img="https://www.ties.com/primg/white-cotton-angelo-tie-250187-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/white-cotton-angelo-tie-250187-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="250187">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="250069">2.25&#34; 
Skinny</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="250187">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="250187">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Angelo White Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                        <span class="regular-price">$20</span>
                        <span class="sale-price">$10</span>
                    
                    </div>
                
                

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/american-necktie-co.-orange-and-white-orange-tie" class="img-link js-id" id="pran-241527">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/orange-microfiber-orange-white-stripe-tie-241527-540-440-0.jpg" class="img js-img-link" alt="_Orange &amp; White Stripe Tie_" title=" Orange &amp; White Stripe Tie " data-img="https://www.ties.com/primg/orange-microfiber-orange-white-stripe-tie-241527-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/orange-microfiber-orange-white-stripe-tie-241527-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="241527">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="241528">2.5&#34; 
Standard Skinny</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="241527">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="241527">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Orange &amp; White Stripe Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                    $33
                    
                    </div>
                
                

                
                    <div class="color-relations">
                    
                    
                        <a href="/american-necktie-co.-orange-and-white-orange-tie"
                           class="link active js-related-color"
                           data-color-label="Orange &amp; White"
                           data-img="https://www.ties.com/primg/orange-microfiber-orange-white-stripe-tie-241527-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/orange-microfiber-orange-white-stripe-tie-241527-515-440-0.jpg"
                           data-title="Orange &amp; White Stripe Tie"
                           data-uri="/american-necktie-co.-orange-and-white-orange-tie"
                           data-id="241527"
                           data-num="8">
                            <img src="https://www.ties.com/primg/orange-microfiber-orange-white-stripe-tie-241527-400-45-0.jpg" class="color" alt="Orange Microfiber Orange &amp; White Stripe Tie" title="Orange Microfiber Orange &amp; White Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/b/american-necktie-co.-purple-and-silver-stripe-purple-tie"
                           class="link  js-related-color"
                           data-color-label="Purple &amp; Silver"
                           data-img="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-515-440-0.jpg"
                           data-title="Purple &amp; Silver Stripe Tie"
                           data-uri="/v/b/american-necktie-co.-purple-and-silver-stripe-purple-tie"
                           data-id="238164"
                           data-num="8">
                            <img src="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-400-45-0.jpg" class="color" alt="Purple Microfiber Purple &amp; Silver Stripe Tie" title="Purple Microfiber Purple &amp; Silver Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/c/american-necktie-co.-purple-and-gold-stripe-purple-tie"
                           class="link  js-related-color"
                           data-color-label="Purple"
                           data-img="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-505-440-0.jpg"
                           data-title="Purple &amp; Gold Stripe Tie"
                           data-uri="/v/c/american-necktie-co.-purple-and-gold-stripe-purple-tie"
                           data-id="238168"
                           data-num="8">
                            <img src="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-400-45-0.jpg" class="color" alt="Purple Microfiber Purple &amp; Gold Stripe Tie" title="Purple Microfiber Purple &amp; Gold Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/d/american-necktie-co.-red-and-navy-stripe-red-tie"
                           class="link  js-related-color"
                           data-color-label="Red"
                           data-img="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-515-440-0.jpg"
                           data-title="Red &amp; Navy Stripe Tie"
                           data-uri="/v/d/american-necktie-co.-red-and-navy-stripe-red-tie"
                           data-id="238172"
                           data-num="8">
                            <img src="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-400-45-0.jpg" class="color" alt="Red Microfiber Red &amp; Navy Stripe Tie" title="Red Microfiber Red &amp; Navy Stripe Tie">
                        </a>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                        <a href="/american-necktie-co.-orange-and-white-orange-tie" class="more"><img class="plus" src="/assets/img/icons/plus_icon.png"></a>
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/d/american-necktie-co.-red-and-white-stripe-red-tie" class="img-link js-id" id="pran-238265">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/red-microfiber-red-white-stripe-tie-238265-540-440-0.jpg" class="img js-img-link" alt="_Red &amp; White Stripe Tie_" title=" Red &amp; White Stripe Tie " data-img="https://www.ties.com/primg/red-microfiber-red-white-stripe-tie-238265-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/red-microfiber-red-white-stripe-tie-238265-505-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="238265">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="238264">2.5&#34; 
Standard Skinny</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="238265">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="238265">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Red &amp; White Stripe Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                    $33
                    
                    </div>
                
                

                
                    <div class="color-relations">
                    
                    
                        <a href="/v/d/american-necktie-co.-red-and-white-stripe-red-tie"
                           class="link active js-related-color"
                           data-color-label="Red &amp; White"
                           data-img="https://www.ties.com/primg/red-microfiber-red-white-stripe-tie-238265-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/red-microfiber-red-white-stripe-tie-238265-505-440-0.jpg"
                           data-title="Red &amp; White Stripe Tie"
                           data-uri="/v/d/american-necktie-co.-red-and-white-stripe-red-tie"
                           data-id="238265"
                           data-num="9">
                            <img src="https://www.ties.com/primg/red-microfiber-red-white-stripe-tie-238265-400-45-0.jpg" class="color" alt="Red Microfiber Red &amp; White Stripe Tie" title="Red Microfiber Red &amp; White Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/b/american-necktie-co.-purple-and-silver-stripe-purple-tie"
                           class="link  js-related-color"
                           data-color-label="Purple &amp; Silver"
                           data-img="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-515-440-0.jpg"
                           data-title="Purple &amp; Silver Stripe Tie"
                           data-uri="/v/b/american-necktie-co.-purple-and-silver-stripe-purple-tie"
                           data-id="238164"
                           data-num="9">
                            <img src="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-400-45-0.jpg" class="color" alt="Purple Microfiber Purple &amp; Silver Stripe Tie" title="Purple Microfiber Purple &amp; Silver Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/c/american-necktie-co.-purple-and-gold-stripe-purple-tie"
                           class="link  js-related-color"
                           data-color-label="Purple"
                           data-img="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-505-440-0.jpg"
                           data-title="Purple &amp; Gold Stripe Tie"
                           data-uri="/v/c/american-necktie-co.-purple-and-gold-stripe-purple-tie"
                           data-id="238168"
                           data-num="9">
                            <img src="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-400-45-0.jpg" class="color" alt="Purple Microfiber Purple &amp; Gold Stripe Tie" title="Purple Microfiber Purple &amp; Gold Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/d/american-necktie-co.-red-and-navy-stripe-red-tie"
                           class="link  js-related-color"
                           data-color-label="Red"
                           data-img="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-515-440-0.jpg"
                           data-title="Red &amp; Navy Stripe Tie"
                           data-uri="/v/d/american-necktie-co.-red-and-navy-stripe-red-tie"
                           data-id="238172"
                           data-num="9">
                            <img src="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-400-45-0.jpg" class="color" alt="Red Microfiber Red &amp; Navy Stripe Tie" title="Red Microfiber Red &amp; Navy Stripe Tie">
                        </a>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                        <a href="/v/d/american-necktie-co.-red-and-white-stripe-red-tie" class="more"><img class="plus" src="/assets/img/icons/plus_icon.png"></a>
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/c/american-necktie-co.-blue-and-white-stripe-blue-tie" class="img-link js-id" id="pran-238235">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/blue-microfiber-blue-white-stripe-tie-238235-540-440-0.jpg" class="img js-img-link" alt="_Blue &amp; White Stripe Tie_" title=" Blue &amp; White Stripe Tie " data-img="https://www.ties.com/primg/blue-microfiber-blue-white-stripe-tie-238235-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/blue-microfiber-blue-white-stripe-tie-238235-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="238235">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="238236">2.5&#34; 
Standard Skinny</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="238235">3.0&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="238235">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Blue &amp; White Stripe Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                    $33
                    
                    </div>
                
                

                
                    <div class="color-relations">
                    
                    
                        <a href="/v/c/american-necktie-co.-blue-and-white-stripe-blue-tie"
                           class="link active js-related-color"
                           data-color-label="Blue &amp; White"
                           data-img="https://www.ties.com/primg/blue-microfiber-blue-white-stripe-tie-238235-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/blue-microfiber-blue-white-stripe-tie-238235-515-440-0.jpg"
                           data-title="Blue &amp; White Stripe Tie"
                           data-uri="/v/c/american-necktie-co.-blue-and-white-stripe-blue-tie"
                           data-id="238235"
                           data-num="10">
                            <img src="https://www.ties.com/primg/blue-microfiber-blue-white-stripe-tie-238235-400-45-0.jpg" class="color" alt="Blue Microfiber Blue &amp; White Stripe Tie" title="Blue Microfiber Blue &amp; White Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/b/american-necktie-co.-purple-and-silver-stripe-purple-tie"
                           class="link  js-related-color"
                           data-color-label="Purple &amp; Silver"
                           data-img="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-515-440-0.jpg"
                           data-title="Purple &amp; Silver Stripe Tie"
                           data-uri="/v/b/american-necktie-co.-purple-and-silver-stripe-purple-tie"
                           data-id="238164"
                           data-num="10">
                            <img src="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-400-45-0.jpg" class="color" alt="Purple Microfiber Purple &amp; Silver Stripe Tie" title="Purple Microfiber Purple &amp; Silver Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/c/american-necktie-co.-purple-and-gold-stripe-purple-tie"
                           class="link  js-related-color"
                           data-color-label="Purple"
                           data-img="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-505-440-0.jpg"
                           data-title="Purple &amp; Gold Stripe Tie"
                           data-uri="/v/c/american-necktie-co.-purple-and-gold-stripe-purple-tie"
                           data-id="238168"
                           data-num="10">
                            <img src="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-400-45-0.jpg" class="color" alt="Purple Microfiber Purple &amp; Gold Stripe Tie" title="Purple Microfiber Purple &amp; Gold Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/d/american-necktie-co.-red-and-navy-stripe-red-tie"
                           class="link  js-related-color"
                           data-color-label="Red"
                           data-img="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-515-440-0.jpg"
                           data-title="Red &amp; Navy Stripe Tie"
                           data-uri="/v/d/american-necktie-co.-red-and-navy-stripe-red-tie"
                           data-id="238172"
                           data-num="10">
                            <img src="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-400-45-0.jpg" class="color" alt="Red Microfiber Red &amp; Navy Stripe Tie" title="Red Microfiber Red &amp; Navy Stripe Tie">
                        </a>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                        <a href="/v/c/american-necktie-co.-blue-and-white-stripe-blue-tie" class="more"><img class="plus" src="/assets/img/icons/plus_icon.png"></a>
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/wild-ties-pilgrims-and-indians-multicolor-tie" class="img-link js-id" id="pran-219653">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/ivory-microfiber-pilgrims-and-indians-tie-219653-540-440-0.jpg" class="img js-img-link" alt="_Pilgrims and Indians Ivory Tie_" title=" Pilgrims and Indians Ivory Tie " data-img="https://www.ties.com/primg/ivory-microfiber-pilgrims-and-indians-tie-219653-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/ivory-microfiber-pilgrims-and-indians-tie-219653-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="219653">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="219653">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="219653">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Pilgrims and Indians Ivory Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                        <span class="regular-price">$38.50</span>
                        <span class="sale-price">$20</span>
                    
                    </div>
                
                

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/alynn-novelty-portugues-nautical-map-off-white-tie" class="img-link js-id" id="pran-214437">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/off-white-silk-ancient-art-of-portugal-map-tie-214437-540-440-0.jpg" class="img js-img-link" alt="_Ancient Art of Portugal Map Off White Tie_" title=" Ancient Art of Portugal Map Off White Tie " data-img="https://www.ties.com/primg/off-white-silk-ancient-art-of-portugal-map-tie-214437-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/off-white-silk-ancient-art-of-portugal-map-tie-214437-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="214437">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="214437">3.75&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="214437">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Ancient Art of Portugal Map Off White Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                        <span class="regular-price">$70</span>
                        <span class="sale-price">$35</span>
                    
                    </div>
                
                

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/the-american-necktie-co-sheet-music-white-tie" class="img-link js-id" id="pran-231202">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/white-microfiber-sheet-music-tie-231202-540-440-0.jpg" class="img js-img-link" alt="_Sheet Music White Tie_" title=" Sheet Music White Tie " data-img="https://www.ties.com/primg/white-microfiber-sheet-music-tie-231202-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/white-microfiber-sheet-music-tie-231202-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="231202">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="231202">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="231202">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Sheet Music White Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                    $38.50
                    
                    </div>
                
                

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-shakespeare%27s-play-cream-tie" class="img-link js-id" id="pran-251762">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/cream-silk-shakespeare-s-plays-tie-251762-540-440-0.jpg" class="img js-img-link" alt="_Shakespeare&#39;s Plays Cream Tie_" title=" Shakespeare&#39;s Plays Cream Tie " data-img="https://www.ties.com/primg/cream-silk-shakespeare-s-plays-tie-251762-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/cream-silk-shakespeare-s-plays-tie-251762-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="251762">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="251762">3.5&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="251762">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Shakespeare&#39;s Plays Cream Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                    $70
                    
                    </div>
                
                

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/the-american-necktie-co-check-racing-flag-white-tie" class="img-link js-id" id="pran-230379">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/white-microfiber-check-racing-flag-tie-230379-540-440-0.jpg" class="img js-img-link" alt="_Check Racing Flag White Tie_" title=" Check Racing Flag White Tie " data-img="https://www.ties.com/primg/white-microfiber-check-racing-flag-tie-230379-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/white-microfiber-check-racing-flag-tie-230379-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="230379">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="230379">3.5&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="230379">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Check Racing Flag White Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                        <span class="regular-price">$38.50</span>
                        <span class="sale-price">$10</span>
                    
                    </div>
                
                

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/wild-ties-black-skull-polka-dot-tie" class="img-link js-id" id="pran-245178">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-skull-polka-dot-tie-245178-540-440-0.jpg" class="img js-img-link" alt="_Skull Polka Dot Black Tie_" title=" Skull Polka Dot Black Tie " data-img="https://www.ties.com/primg/black-microfiber-skull-polka-dot-tie-245178-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-skull-polka-dot-tie-245178-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="245178">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="245178">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="245178">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Skull Polka Dot Black Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                    $38.50
                    
                    </div>
                
                

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/wild-ties-black-dentists%27-teeth-tie" class="img-link js-id" id="pran-239742">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-dentists-teeth-tie-239742-540-440-0.jpg" class="img js-img-link" alt="_Dentists&#39; Teeth Black Tie_" title=" Dentists&#39; Teeth Black Tie " data-img="https://www.ties.com/primg/black-microfiber-dentists-teeth-tie-239742-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-dentists-teeth-tie-239742-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="239742">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="239742">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="239742">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Dentists&#39; Teeth Black Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                    $38.50
                    
                    </div>
                
                

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/c/american-necktie-co.-maroon-and-white-stripe-maroon-tie" class="img-link js-id" id="pran-238240">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/maroon-microfiber-maroon-white-stripe-tie-238240-540-440-0.jpg" class="img js-img-link" alt="_Maroon &amp; White Stripe Tie_" title=" Maroon &amp; White Stripe Tie " data-img="https://www.ties.com/primg/maroon-microfiber-maroon-white-stripe-tie-238240-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/maroon-microfiber-maroon-white-stripe-tie-238240-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="238240">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="238240">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="238240">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Maroon &amp; White Stripe Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                    $33
                    
                    </div>
                
                

                
                    <div class="color-relations">
                    
                    
                        <a href="/v/c/american-necktie-co.-maroon-and-white-stripe-maroon-tie"
                           class="link active js-related-color"
                           data-color-label="Maroon &amp; White"
                           data-img="https://www.ties.com/primg/maroon-microfiber-maroon-white-stripe-tie-238240-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/maroon-microfiber-maroon-white-stripe-tie-238240-515-440-0.jpg"
                           data-title="Maroon &amp; White Stripe Tie"
                           data-uri="/v/c/american-necktie-co.-maroon-and-white-stripe-maroon-tie"
                           data-id="238240"
                           data-num="18">
                            <img src="https://www.ties.com/primg/maroon-microfiber-maroon-white-stripe-tie-238240-400-45-0.jpg" class="color" alt="Maroon Microfiber Maroon &amp; White Stripe Tie" title="Maroon Microfiber Maroon &amp; White Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/b/american-necktie-co.-purple-and-silver-stripe-purple-tie"
                           class="link  js-related-color"
                           data-color-label="Purple &amp; Silver"
                           data-img="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-515-440-0.jpg"
                           data-title="Purple &amp; Silver Stripe Tie"
                           data-uri="/v/b/american-necktie-co.-purple-and-silver-stripe-purple-tie"
                           data-id="238164"
                           data-num="18">
                            <img src="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-400-45-0.jpg" class="color" alt="Purple Microfiber Purple &amp; Silver Stripe Tie" title="Purple Microfiber Purple &amp; Silver Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/c/american-necktie-co.-purple-and-gold-stripe-purple-tie"
                           class="link  js-related-color"
                           data-color-label="Purple"
                           data-img="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-505-440-0.jpg"
                           data-title="Purple &amp; Gold Stripe Tie"
                           data-uri="/v/c/american-necktie-co.-purple-and-gold-stripe-purple-tie"
                           data-id="238168"
                           data-num="18">
                            <img src="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-400-45-0.jpg" class="color" alt="Purple Microfiber Purple &amp; Gold Stripe Tie" title="Purple Microfiber Purple &amp; Gold Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/d/american-necktie-co.-red-and-navy-stripe-red-tie"
                           class="link  js-related-color"
                           data-color-label="Red"
                           data-img="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-515-440-0.jpg"
                           data-title="Red &amp; Navy Stripe Tie"
                           data-uri="/v/d/american-necktie-co.-red-and-navy-stripe-red-tie"
                           data-id="238172"
                           data-num="18">
                            <img src="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-400-45-0.jpg" class="color" alt="Red Microfiber Red &amp; Navy Stripe Tie" title="Red Microfiber Red &amp; Navy Stripe Tie">
                        </a>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                        <a href="/v/c/american-necktie-co.-maroon-and-white-stripe-maroon-tie" class="more"><img class="plus" src="/assets/img/icons/plus_icon.png"></a>
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/c/american-necktie-co.-green-and-white-stripe-green-tie" class="img-link js-id" id="pran-238232">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/green-microfiber-green-white-stripe-tie-238232-540-440-0.jpg" class="img js-img-link" alt="_Green &amp; White Stripe Tie_" title=" Green &amp; White Stripe Tie " data-img="https://www.ties.com/primg/green-microfiber-green-white-stripe-tie-238232-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/green-microfiber-green-white-stripe-tie-238232-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="238232">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="238233">2.5&#34; 
Standard Skinny</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="238232">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="238232">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Green &amp; White Stripe Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                    $33
                    
                    </div>
                
                

                
                    <div class="color-relations">
                    
                    
                        <a href="/v/c/american-necktie-co.-green-and-white-stripe-green-tie"
                           class="link active js-related-color"
                           data-color-label="Green &amp; White"
                           data-img="https://www.ties.com/primg/green-microfiber-green-white-stripe-tie-238232-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/green-microfiber-green-white-stripe-tie-238232-515-440-0.jpg"
                           data-title="Green &amp; White Stripe Tie"
                           data-uri="/v/c/american-necktie-co.-green-and-white-stripe-green-tie"
                           data-id="238232"
                           data-num="19">
                            <img src="https://www.ties.com/primg/green-microfiber-green-white-stripe-tie-238232-400-45-0.jpg" class="color" alt="Green Microfiber Green &amp; White Stripe Tie" title="Green Microfiber Green &amp; White Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/b/american-necktie-co.-purple-and-silver-stripe-purple-tie"
                           class="link  js-related-color"
                           data-color-label="Purple &amp; Silver"
                           data-img="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-515-440-0.jpg"
                           data-title="Purple &amp; Silver Stripe Tie"
                           data-uri="/v/b/american-necktie-co.-purple-and-silver-stripe-purple-tie"
                           data-id="238164"
                           data-num="19">
                            <img src="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-400-45-0.jpg" class="color" alt="Purple Microfiber Purple &amp; Silver Stripe Tie" title="Purple Microfiber Purple &amp; Silver Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/c/american-necktie-co.-purple-and-gold-stripe-purple-tie"
                           class="link  js-related-color"
                           data-color-label="Purple"
                           data-img="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-505-440-0.jpg"
                           data-title="Purple &amp; Gold Stripe Tie"
                           data-uri="/v/c/american-necktie-co.-purple-and-gold-stripe-purple-tie"
                           data-id="238168"
                           data-num="19">
                            <img src="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-400-45-0.jpg" class="color" alt="Purple Microfiber Purple &amp; Gold Stripe Tie" title="Purple Microfiber Purple &amp; Gold Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/d/american-necktie-co.-red-and-navy-stripe-red-tie"
                           class="link  js-related-color"
                           data-color-label="Red"
                           data-img="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-515-440-0.jpg"
                           data-title="Red &amp; Navy Stripe Tie"
                           data-uri="/v/d/american-necktie-co.-red-and-navy-stripe-red-tie"
                           data-id="238172"
                           data-num="19">
                            <img src="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-400-45-0.jpg" class="color" alt="Red Microfiber Red &amp; Navy Stripe Tie" title="Red Microfiber Red &amp; Navy Stripe Tie">
                        </a>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                        <a href="/v/c/american-necktie-co.-green-and-white-stripe-green-tie" class="more"><img class="plus" src="/assets/img/icons/plus_icon.png"></a>
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/peter-hayer-stark-white-tie" class="img-link js-id" id="pran-239969">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/stark-white-microfiber-stark-white-tie-239969-540-440-0.jpg" class="img js-img-link" alt="_Stark White Tie_" title=" Stark White Tie " data-img="https://www.ties.com/primg/stark-white-microfiber-stark-white-tie-239969-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/stark-white-microfiber-stark-white-tie-239969-505-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="239969">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="239994">2.5&#34; 
Standard Skinny</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="239969">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="239969">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Stark White Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                    $27.50
                    
                    </div>
                
                

                
                    <div class="color-relations">
                    
                    
                        <a href="/peter-hayer-stark-white-tie"
                           class="link active js-related-color"
                           data-color-label="Stark White"
                           data-img="https://www.ties.com/primg/stark-white-microfiber-stark-white-tie-239969-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/stark-white-microfiber-stark-white-tie-239969-505-440-0.jpg"
                           data-title="Stark White Tie"
                           data-uri="/peter-hayer-stark-white-tie"
                           data-id="239969"
                           data-num="20">
                            <img src="https://www.ties.com/primg/stark-white-microfiber-stark-white-tie-239969-400-45-0.jpg" class="color" alt="Stark White Microfiber Stark White Tie" title="Stark White Microfiber Stark White Tie">
                        </a>
                    
                    
                    
                        <a href="/peter-hayer-onyx-tie"
                           class="link  js-related-color"
                           data-color-label="Onyx"
                           data-img="https://www.ties.com/primg/onyx-microfiber-onyx-tie-239967-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/onyx-microfiber-onyx-tie-239967-505-440-0.jpg"
                           data-title="Onyx Tie"
                           data-uri="/peter-hayer-onyx-tie"
                           data-id="239967"
                           data-num="20">
                            <img src="https://www.ties.com/primg/onyx-microfiber-onyx-tie-239967-400-45-0.jpg" class="color" alt="Onyx Microfiber Onyx Tie" title="Onyx Microfiber Onyx Tie">
                        </a>
                    
                    
                    
                        <a href="/peter-hayer-lust-red-tie"
                           class="link  js-related-color"
                           data-color-label="Lust Red"
                           data-img="https://www.ties.com/primg/lust-red-microfiber-lust-red-tie-239968-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/lust-red-microfiber-lust-red-tie-239968-505-440-0.jpg"
                           data-title="Lust Red Tie"
                           data-uri="/peter-hayer-lust-red-tie"
                           data-id="239968"
                           data-num="20">
                            <img src="https://www.ties.com/primg/lust-red-microfiber-lust-red-tie-239968-400-45-0.jpg" class="color" alt="Lust Red Microfiber Lust Red Tie" title="Lust Red Microfiber Lust Red Tie">
                        </a>
                    
                    
                    
                        <a href="/peter-hayer-zinfandel-tie"
                           class="link  js-related-color"
                           data-color-label="Zinfandel"
                           data-img="https://www.ties.com/primg/zinfandel-microfiber-zinfandel-tie-239970-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/zinfandel-microfiber-zinfandel-tie-239970-505-440-0.jpg"
                           data-title="Zinfandel Tie"
                           data-uri="/peter-hayer-zinfandel-tie"
                           data-id="239970"
                           data-num="20">
                            <img src="https://www.ties.com/primg/zinfandel-microfiber-zinfandel-tie-239970-400-45-0.jpg" class="color" alt="Zinfandel Microfiber Zinfandel Tie" title="Zinfandel Microfiber Zinfandel Tie">
                        </a>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                        <a href="/peter-hayer-stark-white-tie" class="more"><img class="plus" src="/assets/img/icons/plus_icon.png"></a>
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/white-teague-tie" class="img-link js-id" id="pran-252482">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/white-cotton-teague-tie-252482-540-440-0.jpg" class="img js-img-link" alt="_Teague White Tie_" title=" Teague White Tie " data-img="https://www.ties.com/primg/white-cotton-teague-tie-252482-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/white-cotton-teague-tie-252482-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="252482">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="252482">3.25&#34; 
Standard</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="252149">3.5&#34; 
Extra Long</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="252482">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Teague White Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                    $20
                    
                    </div>
                
                

                
                    <div class="color-relations">
                    
                    
                        <a href="/white-teague-tie"
                           class="link active js-related-color"
                           data-color-label="White"
                           data-img="https://www.ties.com/primg/white-cotton-teague-tie-252482-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/white-cotton-teague-tie-252482-515-440-0.jpg"
                           data-title="Teague White Tie"
                           data-uri="/white-teague-tie"
                           data-id="252482"
                           data-num="21">
                            <img src="https://www.ties.com/primg/white-cotton-teague-tie-252482-400-45-0.jpg" class="color" alt="White Cotton Teague Tie" title="White Cotton Teague Tie">
                        </a>
                    
                    
                    
                        <a href="/light-blue-teague-tie-1"
                           class="link  js-related-color"
                           data-color-label="Light Blue"
                           data-img="https://www.ties.com/primg/light-blue-cotton-teague-tie-252478-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/light-blue-cotton-teague-tie-252478-515-440-0.jpg"
                           data-title="Teague Light Blue Tie"
                           data-uri="/light-blue-teague-tie-1"
                           data-id="252478"
                           data-num="21">
                            <img src="https://www.ties.com/primg/light-blue-cotton-teague-tie-252478-400-45-0.jpg" class="color" alt="Light Blue Cotton Teague Tie" title="Light Blue Cotton Teague Tie">
                        </a>
                    
                    
                    
                        <a href="/teal-teague-tie"
                           class="link  js-related-color"
                           data-color-label="Teal"
                           data-img="https://www.ties.com/primg/teal-cotton-teague-tie-252479-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/teal-cotton-teague-tie-252479-515-440-0.jpg"
                           data-title="Teague Teal Tie"
                           data-uri="/teal-teague-tie"
                           data-id="252479"
                           data-num="21">
                            <img src="https://www.ties.com/primg/teal-cotton-teague-tie-252479-400-45-0.jpg" class="color" alt="Teal Cotton Teague Tie" title="Teal Cotton Teague Tie">
                        </a>
                    
                    
                    
                        <a href="/green-teague-tie"
                           class="link  js-related-color"
                           data-color-label="Green"
                           data-img="https://www.ties.com/primg/green-cotton-teague-tie-252480-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/green-cotton-teague-tie-252480-515-440-0.jpg"
                           data-title="Teague Green Tie"
                           data-uri="/green-teague-tie"
                           data-id="252480"
                           data-num="21">
                            <img src="https://www.ties.com/primg/green-cotton-teague-tie-252480-400-45-0.jpg" class="color" alt="Green Cotton Teague Tie" title="Green Cotton Teague Tie">
                        </a>
                    
                    
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/c/american-necktie-co.-burnt-orange-and-white-stripe-burnt-orange-tie" class="img-link js-id" id="pran-238287">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/burnt-orange-microfiber-burnt-orange-white-stripe-tie-238287-540-440-0.jpg" class="img js-img-link" alt="_Burnt Orange &amp; White Stripe Tie_" title=" Burnt Orange &amp; White Stripe Tie " data-img="https://www.ties.com/primg/burnt-orange-microfiber-burnt-orange-white-stripe-tie-238287-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/burnt-orange-microfiber-burnt-orange-white-stripe-tie-238287-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="238287">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="238288">2.5&#34; 
Standard Skinny</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="238287">3.25&#34; 
Standard</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="238289">3.5&#34; 
Extra Long</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="238287">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Burnt Orange &amp; White Stripe Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                    $33
                    
                    </div>
                
                

                
                    <div class="color-relations">
                    
                    
                        <a href="/v/c/american-necktie-co.-burnt-orange-and-white-stripe-burnt-orange-tie"
                           class="link active js-related-color"
                           data-color-label="Burnt Orange &amp; White"
                           data-img="https://www.ties.com/primg/burnt-orange-microfiber-burnt-orange-white-stripe-tie-238287-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/burnt-orange-microfiber-burnt-orange-white-stripe-tie-238287-515-440-0.jpg"
                           data-title="Burnt Orange &amp; White Stripe Tie"
                           data-uri="/v/c/american-necktie-co.-burnt-orange-and-white-stripe-burnt-orange-tie"
                           data-id="238287"
                           data-num="22">
                            <img src="https://www.ties.com/primg/burnt-orange-microfiber-burnt-orange-white-stripe-tie-238287-400-45-0.jpg" class="color" alt="Burnt Orange Microfiber Burnt Orange &amp; White Stripe Tie" title="Burnt Orange Microfiber Burnt Orange &amp; White Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/b/american-necktie-co.-purple-and-silver-stripe-purple-tie"
                           class="link  js-related-color"
                           data-color-label="Purple &amp; Silver"
                           data-img="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-515-440-0.jpg"
                           data-title="Purple &amp; Silver Stripe Tie"
                           data-uri="/v/b/american-necktie-co.-purple-and-silver-stripe-purple-tie"
                           data-id="238164"
                           data-num="22">
                            <img src="https://www.ties.com/primg/purple-microfiber-purple-silver-stripe-tie-238164-400-45-0.jpg" class="color" alt="Purple Microfiber Purple &amp; Silver Stripe Tie" title="Purple Microfiber Purple &amp; Silver Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/c/american-necktie-co.-purple-and-gold-stripe-purple-tie"
                           class="link  js-related-color"
                           data-color-label="Purple"
                           data-img="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-505-440-0.jpg"
                           data-title="Purple &amp; Gold Stripe Tie"
                           data-uri="/v/c/american-necktie-co.-purple-and-gold-stripe-purple-tie"
                           data-id="238168"
                           data-num="22">
                            <img src="https://www.ties.com/primg/purple-microfiber-purple-gold-stripe-tie-238168-400-45-0.jpg" class="color" alt="Purple Microfiber Purple &amp; Gold Stripe Tie" title="Purple Microfiber Purple &amp; Gold Stripe Tie">
                        </a>
                    
                    
                    
                        <a href="/v/d/american-necktie-co.-red-and-navy-stripe-red-tie"
                           class="link  js-related-color"
                           data-color-label="Red"
                           data-img="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-515-440-0.jpg"
                           data-title="Red &amp; Navy Stripe Tie"
                           data-uri="/v/d/american-necktie-co.-red-and-navy-stripe-red-tie"
                           data-id="238172"
                           data-num="22">
                            <img src="https://www.ties.com/primg/red-microfiber-red-navy-stripe-tie-238172-400-45-0.jpg" class="color" alt="Red Microfiber Red &amp; Navy Stripe Tie" title="Red Microfiber Red &amp; Navy Stripe Tie">
                        </a>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                        <a href="/v/c/american-necktie-co.-burnt-orange-and-white-stripe-burnt-orange-tie" class="more"><img class="plus" src="/assets/img/icons/plus_icon.png"></a>
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-declaration-of-independence-ivory-tie" class="img-link js-id" id="pran-251460">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/ivory-silk-declaration-of-independence-tie-251460-505-440-0.jpg" class="img js-img-link" alt="_Declaration of Independence Ivory Tie_" title=" Declaration of Independence Ivory Tie " data-img="https://www.ties.com/primg/ivory-silk-declaration-of-independence-tie-251460-505-440-0.jpg" data-sec-img="https://www.ties.com/primg/ivory-silk-declaration-of-independence-tie-251460-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="251460">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="251460">3.25&#34; 
Standard</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="253471">3.25&#34; 
Standard</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="253473">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="251460">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Declaration of Independence Ivory Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                    $70
                    
                    </div>
                
                

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/wild-ties-grid-paper-white-tie" class="img-link js-id" id="pran-219765">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/white-microfiber-grid-paper-tie-219765-540-440-0.jpg" class="img js-img-link" alt="_Grid Paper White Tie_" title=" Grid Paper White Tie " data-img="https://www.ties.com/primg/white-microfiber-grid-paper-tie-219765-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/white-microfiber-grid-paper-tie-219765-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="219765">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="219765">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="219765">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Grid Paper White Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                    $38.50
                    
                    </div>
                
                

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/wild-ties-white-pill-poppin%27-tie" class="img-link js-id" id="pran-239749">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/white-microfiber-pill-poppin-tie-239749-540-440-0.jpg" class="img js-img-link" alt="_Pill Poppin&#39; White Tie_" title=" Pill Poppin&#39; White Tie " data-img="https://www.ties.com/primg/white-microfiber-pill-poppin-tie-239749-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/white-microfiber-pill-poppin-tie-239749-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="239749">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="239750">2.25&#34; 
Skinny</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="239749">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="239749">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Pill Poppin&#39; White Tie
                    </h2>
                </div>
            

                
                
                    <div class="price">
                    
                    $38.50
                    
                    </div>
                
                

                

                

                </div>
            </a>
        </li>
    
</ul>



<div class="pagination-bottom-wrap">

    
</div>
</div>


    </div>
    <div class="category content bottom">
        



<div class="extra-links">
    <h2 class="title">
        <a href="/ties-by-color">Shop Shop by Color</a>
    </h2>


    <ul class="link-list">
    
        <li class="link-item link-item-title">
        
            <a href="/black-ties" class="link link-title">Black Ties</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/blue-ties" class="link link-title">Blue Ties</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/brown-ties" class="link link-title">Brown Ties</a>
        
        </li>
    
    </ul>

    <ul class="link-list">
    
        <li class="link-item link-item-title">
        
            <a href="/coral-ties" class="link link-title">Coral Ties</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/gold-ties" class="link link-title">Gold Ties</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/silver-ties" class="link link-title">Gray Ties</a>
        
        </li>
    
    </ul>

    <ul class="link-list">
    
        <li class="link-item link-item-title">
        
            <a href="/green-ties" class="link link-title">Green Ties</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/orange-ties" class="link link-title">Orange Ties</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/pink-ties" class="link link-title">Pink Ties</a>
        
        </li>
    
    </ul>

    <ul class="link-list">
    
        <li class="link-item link-item-title">
        
            <a href="/purple-ties" class="link link-title">Purple Ties</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/red-ties" class="link link-title">Red Ties</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/white-ties" class="link link-title">White Ties</a>
        
        </li>
    
    </ul>

    <ul class="link-list">
    
        <li class="link-item link-item-title">
        
            <a href="/yellow-ties" class="link link-title">Yellow Ties</a>
        
        </li>
    
    </ul>

</div>


<a href="#" class="to-top-btn">
    <img src="/public/img/category/back_to_top.png" class="top-img" alt="Back To Top" />
    <img src="/public/img/category/back_to_top_acive.png" class="top-img-active" alt="Go Back To Top"/>
</a>

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

<div class="mobile-filters-overlay">
	<div class="top">
        <img class="back" src="/assets/img/icons/left_arrow_icon.png">
		<div class="title js-title">Filter By</div>
		<a  href="/off-white-ties" class="clear-btn js-clear-btn">CLEAR</a>
	</div>

	<div class="mobile-filters js-mobile-filters"></div>

	<div class="mobile-filters-links js-mobile-filters-links"></div>

</div>


</main>

    </div> 
</div> 

<footer 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">
                    <label class="visually-hidden" for="footer-email-signup-top">Email address</label>
                    <input id="footer-email-signup-top" 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="" aria-hidden="true">
                        <span class="article-header">
                            How to Tie a Tie
                        </span>
                    </a>
                    <a href="/man-academy" class="article-sub">
                        Read more from The Ties Academy
                    </a>
                </div>

                <div class="mobile-only social-btns">
                    <a href="https://www.instagram.com/tiesdotcom/" class="social-link" target="in_tab" rel="nofollow" aria-label="Instagram">
                        <img src="/assets/img/icons/instagram_icon.svg" alt="" aria-hidden="true" height="30">
                    </a>
                    <a href="https://www.pinterest.com/tiesdotcom/" class="social-link" target="pin_tab" rel="nofollow" aria-label="Pinterest">
                        <img src="/assets/img/icons/pinterest_icon.svg" alt="" aria-hidden="true" height="30">
                    </a>
                    <a href="https://www.youtube.com/channel/UCpRfx_WzI7kxgIC27FHJrew" class="social-link" target="yt_tab" rel="nofollow" aria-label="YouTube">
                        <img src="/assets/img/icons/youtube_icon.svg" alt="" aria-hidden="true" height="28" class="small">
                    </a>
                    <a href="https://www.facebook.com/TiesDotCom" class="social-link" target="fb_tab" rel="nofollow" aria-label="Facebook">
                        <img src="/assets/img/icons/facebook_icon.svg" alt="" aria-hidden="true" height="30">
                    </a>
                    <a href="https://twitter.com/tiesdotcom" class="social-link" target="tw_tab" rel="nofollow" aria-label="Twitter">
                        <img src="/assets/img/icons/twitter_icon.svg" alt="" aria-hidden="true" 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" alt="" aria-hidden="true"></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" alt="" aria-hidden="true"></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" alt="" aria-hidden="true"></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" aria-label="Instagram">
                        <img src="/assets/img/icons/instagram_icon.svg" alt="" aria-hidden="true" height="20">
                    </a>
                    <a href="https://www.pinterest.com/tiesdotcom/" class="social-link" target="pin_tab" rel="nofollow" aria-label="Pinterest">
                        <img src="/assets/img/icons/pinterest_icon.svg" alt="" aria-hidden="true" height="20">
                    </a>
                    <a href="https://www.facebook.com/TiesDotCom" class="social-link" target="fb_tab" rel="nofollow" aria-label="Facebook">
                        <img src="/assets/img/icons/facebook_icon.svg" alt="" aria-hidden="true" height="20">
                    </a>
                    <a href="https://www.youtube.com/channel/UCpRfx_WzI7kxgIC27FHJrew" class="social-link" target="yt_tab" rel="nofollow" aria-label="YouTube">
                        <img src="/assets/img/icons/youtube_icon.svg" alt="" aria-hidden="true" height="18" class="small">
                    </a>
                    <a href="https://twitter.com/tiesdotcom" class="social-link" target="tw_tab" rel="nofollow" aria-label="Twitter">
                        <img src="/assets/img/icons/twitter_icon.svg" alt="" aria-hidden="true" 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">
                    <label class="visually-hidden" for="footer-email-signup-bottom">Email address</label>
                    <input id="footer-email-signup-bottom" 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>
</footer>

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

                <label class="visually-hidden" for="newsletter-popup-email">Email address</label>
                <input id="newsletter-popup-email" 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">
                <button type="button" class="no-thanks-link js-no-thanks-link unstyled-button">Thanks, but no thanks</button>
            </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">
            <button type="button" class="mob-no-thanks-link js-no-thanks-link unstyled-button">Thanks, but no thanks</button>
        </div>
    </div>
</div>


<div class="mobile-nav-overlay" aria-hidden="true" hidden></div>


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


<script src="/public/js/build/app.js?v=d1e950a0"></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>