https%3a%2f%2fwww.ties.com%2fhow-to-tie-a-tie&media=https%3a%2f%2fwww.ties.com%2fassets%2fimg%2fhow-to-tie-a-tie%2fthumbs%2fsimple-knot.jpg&description=How%20To%20Tie%20A%20Necktie%20%7c%20Different%20Ways%20Of%20Tying%20A%20Tie%20%7c%20Ties.com" class="social-btn js-social-btn pinterest" target="pin_tab" rel="nofollow">
		<i class="fa fa-pinterest faccess"><span>Share on Pinterest</span></i>
	</a>

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

</div>





<a href="/man-academy" class="back-link">
    <i class="fa fa-arrow-left"></i>
    The Man Academy
    <span class="triangle"></span>
</a>

<div class="container">
    <div class="how-to-tie-a-tie">
        <h1 class="heading">How to Tie a Necktie</h1>

        <div class="sub-heading">A Comprehensive Knotting Guide</div>

        <div class="spacer"></div>

        <div class="knot-group">
            <h2 class="knot-group-heading">3 Knots Every Man Should Know</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>
        </div>

        <div class="knot-group">
            <h2 class="knot-group-heading">Classic Necktie Knots</h2>

            <div class="knots">
                
                <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>
        </div>

        <div class="knot-group">
            <h2 class="knot-group-heading">Adventurous Knots</h2>

            <div class="knots">
                
                <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>
        </div>

        <div class="knot-group">
            <h2 class="knot-group-heading">How to Tie a Bow Tie</h2>

            <div class="knots">
                
                <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>

<div class="how-to-tie-a-tie bottom">
    <div class="choosing-the-right-knot">
        <div class="spacer"></div>

        <div class="info">
            <h2>Choosing the Right Knot for the Job</h2>

            <p>
                Not all knots are created equal. Size, symmetry and shape can vary greatly from knot to knot and all
                should be taken into consideration. Thick ties often necessitate the use of smaller knots like the
                Four-in-Hand or the Simple knot. Thin ties generally benefit from larger knots like the Pratt or
                Windsor. Every knot has a distinct character. The Prince Albert swaggers with a refined elegance.
                The Kelvin throws caution to the wind. The Murrell grins like a Cheshire Cat. The Van Wijk winks
                like a scoundrel with a secret. The Eldredge and Trinity knots twirl and fold like futuristic
                necktie origami. Every knot serves its master differently. Try a few knots. Experiment. Play. Your
                necktie will thank you.
                </br>
                </br>
                If you're looking for the easiest knot for beginners <a href="/how-to-tie-a-tie/four-in-hand">start here</a>.
            </p>
        </div>

        <div class="img-wrap">
            <img src="/assets/img/how-to-tie-a-tie/choosing-the-right-knot-for-the-job.jpg" class="img" alt="Choosing the Right Knot for the Job">
        </div>
    </div>

    <div class="visual-comparison">
        <div class="spacer"></div>

        <div class="info">
            <h2>A Visual Comparison of Necktie Knots</h2>
        </div>

        <div class="img-wrap">
            <a href="/how-to-tie-a-tie/a-visual-comparison-of-necktie-knots" class="link">
                <img src="/assets/img/how-to-tie-a-tie/a_visual_comparison_of_necktie_knots.jpg" class="img" alt="A Visual Comparison of Necktie Knots">
            </a>
        </div>

        <div class="info">
            <p>
                Seeing necktie knots laid out side-by-side is the fastest way to grasp how they differ from one
                another. In order to play fair, we tied each knot using neckties of the same material, thickness and
                width (3 &#189; inches). We also made sure to photograph them to scale. This way you can appreciate the
                unique characteristics of each knot and discern the differences between them.
            </p>

            <p>
                Of the knots we tied, the smallest is the Simple knot, sometimes known as the Oriental. If there is
                a way to tie a necktie smaller we haven't found it. The monstrous Balthus knot is the largest of the
                knots we tied but in theory you could make a knot even larger if you had a long enough necktie. Take
                note of the overall shape of each knot. The Windsor is almost a perfect triangle. The Four-in-Hand
                is much more narrow. The Prince Albert has a second fold that peeks out at the bottom. Some knots,
                like the Kelvin and Four-in-Hand lean noticeably to one side. The Trinity delivers a rounded
                silhouette while the Van Wijk is cylindrical and the longest of the knots.
            </p>

            <p>
                Happy knotting! View the full infographic <a href="/how-to-tie-a-tie/a-visual-comparison-of-necktie-knots">here</a>.
            </p>
        </div>
    </div>
</div>

<div class="container">
    <a class="back-link-bottom" href="/man-academy">
        <span class="triangle left"></span>
        <i class="fa fa-arrow-left"></i>
        The Man Academy
        <span class="triangle right"></span>
    </a>

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

<head>
  <meta charset="utf-8" />
  <title>American Flag Socks | Dress Socks | Ties.com</title>
  <meta name="description" content="Shop for the American Flag Red Medium-Large Sock, a Red Carded Cotton Medium-Large Sock by Alynn.  Fast shipping" />
  <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/sock-genius-red-american-flag-socks" />
   
  <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" />

    

  <link rel="stylesheet" type="text/css" href="/public/fonts/nexa/MyFontsWebfontsKit.css" />
  
  <link rel="stylesheet" type="text/css" href="/assets/css/product.css?v=2a14ec" />
      
  <script>
    window.dataLayer = window.dataLayer || [];
    dataLayer.push({
              'ecomm_prodid': '239612', 'ecomm_category': 'Medium-Large Sock', 'ecomm_currency': 'USD', 'ecomm_pagetype': 'product', 'ecomm_prod_name': 'Red Carded Cotton American Flag Medium-Large Sock', 'ecomm_totalvalue': 18.00, 
          });
  </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:type" content="product" />
   
  <meta property="og:title" content="American Flag Socks | Dress Socks | Ties.com" />
   
  <meta property="og:image" content="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-505-600-0.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="product.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="/socks">
    
        <div class="large-text-1">
            USE CODE: EFFORTLESS30  &amp; SAVE 30 SITEWIDE
            
        </div>
    

    

    
    
        <div class="small-text">
            Free shipping when you spend $65 or more
            
            <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="product">
  <div class="zoom js-zoom">
    <div class="close-btn-wrap">
        <img src="/public/img/product/close.png" alt="Close" class="close-btn">
    </div>

    
    <div class="prev-arrow-wrap js-prev-arrow-wrap">
        <img src="/public/img/product/left_arrow.png" alt="Previous" class="prev-arrow">
    </div>
    

    <img src="/public/img/checkout/loading.gif" alt="loading" class="loading">

    <div class="zoom-img-wrap js-zoom-img-wrap"></div>

    
    <div class="next-arrow-wrap js-next-arrow-wrap">
        <img src="/public/img/product/right_arrow.png" alt="Next" class="next-arrow">
    </div>
    
</div>


  <div class="breadcrumbs">
    <div class="crumbs" itemscope itemtype="http://schema.org/BreadcrumbList">
      <i class="fa fa-caret-left"></i>

      <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="/socks" itemprop="item">DRESS SOCKS</a>
        <meta itemprop="position" content="1" />
        <meta itemprop="name" content="DRESS SOCKS" />
        &#47;
      </span>
      
      <span itemscope itemprop="itemListElement" itemtype="http://schema.org/ListItem">
        <a href="/red-socks" itemprop="item">RED SOCKS</a>
        <meta itemprop="position" content="2" />
        <meta itemprop="name" content="RED SOCKS" />
        &#47;
      </span>
      
      <span itemscope itemprop="itemListElement" itemtype="http://schema.org/ListItem">
        <a href="/novelty-socks" itemprop="item">NOVELTY SOCKS</a>
        <meta itemprop="position" content="3" />
        <meta itemprop="name" content="NOVELTY SOCKS" />
        &#47;
      </span>
      
    </div>
  </div>

  <div class="gallery-info-wrap">
    

    
    <div class="gallery desktop-gallery thumbnails ties">
      <div class="thumbs js-thumbs six">
        
        <a
          id="thumb_0"
          href="#0"
          class="thumb-link js-thumb-link active"
          data-index="0"
        >
          <img
            src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-505-180-0.jpg"
            class="thumb-img js-thumb-img"
            alt="American Flag Red Medium-Large Sock Photo (0)"
            title="American Flag Red Medium-Large Sock"
            data-index="0"
          />
        </a>
        
        <a
          id="thumb_1"
          href="#1"
          class="thumb-link js-thumb-link "
          data-index="1"
        >
          <img
            src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-180-2.jpg"
            class="thumb-img js-thumb-img"
            alt="American Flag Red Medium-Large Sock Photo (1)"
            title="American Flag Red Medium-Large Sock"
            data-index="1"
          />
        </a>
        
        <a
          id="thumb_2"
          href="#2"
          class="thumb-link js-thumb-link "
          data-index="2"
        >
          <img
            src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-180-3.jpg"
            class="thumb-img js-thumb-img"
            alt="American Flag Red Medium-Large Sock Photo (2)"
            title="American Flag Red Medium-Large Sock"
            data-index="2"
          />
        </a>
        
        <a
          id="thumb_3"
          href="#3"
          class="thumb-link js-thumb-link "
          data-index="3"
        >
          <img
            src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-180-4.jpg"
            class="thumb-img js-thumb-img"
            alt="American Flag Red Medium-Large Sock Photo (3)"
            title="American Flag Red Medium-Large Sock"
            data-index="3"
          />
        </a>
        
        <a
          id="thumb_4"
          href="#4"
          class="thumb-link js-thumb-link "
          data-index="4"
        >
          <img
            src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-180-1.jpg"
            class="thumb-img js-thumb-img"
            alt="American Flag Red Medium-Large Sock Photo (4)"
            title="American Flag Red Medium-Large Sock"
            data-index="4"
          />
        </a>
        
        <a
          id="thumb_5"
          href="#5"
          class="thumb-link js-thumb-link "
          data-index="5"
        >
          <img
            src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-180-0.jpg"
            class="thumb-img js-thumb-img"
            alt="American Flag Red Medium-Large Sock Photo (5)"
            title="American Flag Red Medium-Large Sock"
            data-index="5"
          />
        </a>
         
      </div>
    </div>
    

    <div id="main-gallery" class="gallery desktop-gallery ties">
      <div class="main-img-wrap">
        <div class="">
          
          <a id="0" href="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-505-1280-0.jpg" class="main-img-link js-main-img-link" data-index="0">
            <img src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-505-1280-0.jpg" class="main-img" alt="American Flag Red Medium-Large Sock Photo (0)" title="American Flag Red Medium-Large Sock" data-index="0" />
          </a>
          
          <a id="1" href="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-1280-2.jpg" class="main-img-link js-main-img-link" data-index="1">
            <img src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-1280-2.jpg" class="main-img" alt="American Flag Red Medium-Large Sock Photo (1)" title="American Flag Red Medium-Large Sock" data-index="1" />
          </a>
          
          <a id="2" href="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-1280-3.jpg" class="main-img-link js-main-img-link" data-index="2">
            <img src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-1280-3.jpg" class="main-img" alt="American Flag Red Medium-Large Sock Photo (2)" title="American Flag Red Medium-Large Sock" data-index="2" />
          </a>
          
          <a id="3" href="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-1280-4.jpg" class="main-img-link js-main-img-link" data-index="3">
            <img src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-1280-4.jpg" class="main-img" alt="American Flag Red Medium-Large Sock Photo (3)" title="American Flag Red Medium-Large Sock" data-index="3" />
          </a>
          
          <a id="4" href="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-1280-1.jpg" class="main-img-link js-main-img-link" data-index="4">
            <img src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-1280-1.jpg" class="main-img" alt="American Flag Red Medium-Large Sock Photo (4)" title="American Flag Red Medium-Large Sock" data-index="4" />
          </a>
          
          <a id="5" href="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-1280-0.jpg" class="main-img-link js-main-img-link" data-index="5">
            <img src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-1280-0.jpg" class="main-img" alt="American Flag Red Medium-Large Sock Photo (5)" title="American Flag Red Medium-Large Sock" data-index="5" />
          </a>
          
        </div>
      </div>
    </div>
    <div id="fixed">
      <div class="info ties">
        <div class="main-info-wrap">
          <h1 id="mutable-product-title" class="title ties">American Flag Red Medium-Large Sock</h1>
          <div class="price ">
            
            <span class="regular-price">$18</span>
            
          </div>
          
        </div>

        
        <div class="gallery mobile-gallery ties">
          <div class="main-img-wrap ">
            <div class="js-main-img-wrap">
              
              <div class="main-img-link js-mobile-main-img-link">
                <img
                  src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-505-1280-0.jpg"
                  class="main-img"
                  alt="American Flag Red Medium-Large Sock Photo (0)"
                  title="American Flag Red Medium-Large Sock"
                  data-index="0"
                />
              </div>
              
              <div class="main-img-link js-mobile-main-img-link">
                <img
                  src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-1280-2.jpg"
                  class="main-img"
                  alt="American Flag Red Medium-Large Sock Photo (1)"
                  title="American Flag Red Medium-Large Sock"
                  data-index="1"
                />
              </div>
              
              <div class="main-img-link js-mobile-main-img-link">
                <img
                  src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-1280-3.jpg"
                  class="main-img"
                  alt="American Flag Red Medium-Large Sock Photo (2)"
                  title="American Flag Red Medium-Large Sock"
                  data-index="2"
                />
              </div>
              
              <div class="main-img-link js-mobile-main-img-link">
                <img
                  src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-1280-4.jpg"
                  class="main-img"
                  alt="American Flag Red Medium-Large Sock Photo (3)"
                  title="American Flag Red Medium-Large Sock"
                  data-index="3"
                />
              </div>
              
              <div class="main-img-link js-mobile-main-img-link">
                <img
                  src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-1280-1.jpg"
                  class="main-img"
                  alt="American Flag Red Medium-Large Sock Photo (4)"
                  title="American Flag Red Medium-Large Sock"
                  data-index="4"
                />
              </div>
              
              <div class="main-img-link js-mobile-main-img-link">
                <img
                  src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-1280-0.jpg"
                  class="main-img"
                  alt="American Flag Red Medium-Large Sock Photo (5)"
                  title="American Flag Red Medium-Large Sock"
                  data-index="5"
                />
              </div>
              
            </div>
          </div>

          
          <div class="thumbs js-thumbs six">
            
            <a href="#" class="thumb-link js-thumb-link active" data-index="0">
              <img
                src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-505-180-0.jpg"
                class="thumb-img js-thumb-img"
                alt="American Flag Red Medium-Large Sock Photo (0)"
                title="American Flag Red Medium-Large Sock"
                data-index="0"
              />
            </a>
            
            <a href="#" class="thumb-link js-thumb-link " data-index="1">
              <img
                src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-180-2.jpg"
                class="thumb-img js-thumb-img"
                alt="American Flag Red Medium-Large Sock Photo (1)"
                title="American Flag Red Medium-Large Sock"
                data-index="1"
              />
            </a>
            
            <a href="#" class="thumb-link js-thumb-link " data-index="2">
              <img
                src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-180-3.jpg"
                class="thumb-img js-thumb-img"
                alt="American Flag Red Medium-Large Sock Photo (2)"
                title="American Flag Red Medium-Large Sock"
                data-index="2"
              />
            </a>
            
            <a href="#" class="thumb-link js-thumb-link " data-index="3">
              <img
                src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-180-4.jpg"
                class="thumb-img js-thumb-img"
                alt="American Flag Red Medium-Large Sock Photo (3)"
                title="American Flag Red Medium-Large Sock"
                data-index="3"
              />
            </a>
            
            <a href="#" class="thumb-link js-thumb-link " data-index="4">
              <img
                src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-180-1.jpg"
                class="thumb-img js-thumb-img"
                alt="American Flag Red Medium-Large Sock Photo (4)"
                title="American Flag Red Medium-Large Sock"
                data-index="4"
              />
            </a>
            
            <a href="#" class="thumb-link js-thumb-link " data-index="5">
              <img
                src="https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-515-180-0.jpg"
                class="thumb-img js-thumb-img"
                alt="American Flag Red Medium-Large Sock Photo (5)"
                title="American Flag Red Medium-Large Sock"
                data-index="5"
              />
            </a>
             
          </div>
          
        </div>

        
        <div class="reviews not-empty reviews-desktop">
          <div class="rating-icons">
            
            <i class="fa fa-star"></i>
            
            <i class="fa fa-star"></i>
            
            <i class="fa fa-star"></i>
            
            <i class="fa fa-star"></i>
            
            <i class="fa fa-star"></i>
            
            <span class="review-average">5.0</span> |
            <a href="#reviews" class="add-review-link write-review-link" rel="nofollow"> See 10 Reviews </a>
          </div>
        </div>
            
        <div class="add-to-cart">
          <form  >
            <input type="hidden" value="239612" class="product-id" />
            <input type="hidden" value="100" class="product-max-qty" />
            <input type="hidden" value="100" class="product-customer-limit" />

            <script>
              var _wcag_uri = "";

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

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

              setInterval(check_wcag, 1000);
            </script>

            

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

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

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

                
                <div class="quantity-field-wrap">
                  <div class="quantity-field-box">
                    <button type="button" class="unstyled-button minus-btn" aria-label="Decrease quantity">
                      <img src="/assets/img/icons/minus_icon.png" alt="" aria-hidden="true" />
                    </button>

                    <label for="retail-product-quantity" class="visually-hidden">Quantity</label>
                    <input type="tel" id="retail-product-quantity" title="Quantity" value="1" class="qty-field js-qty-field" data-qty="1" inputmode="numeric" pattern="[0-9]*" autocomplete="off" />

                    <button type="button" class="unstyled-button plus-btn" aria-label="Increase quantity">
                      <img src="/assets/img/icons/plus_icon.png" alt="" aria-hidden="true" />
                    </button>
                  </div>
                </div>
                
              </div>
            </div>

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

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

                  

        <div class="expandable-box description">
          <div class="toggle-box">
            <div class="description-title">Description</div>
            <p id="mutable-product-description">Sport your pride with every step you take in these American Flag Socks by Alynn. Featuring a field of white stars on the classic blue background on the leg of the sock and the iconic red and white stripes on the insole and sole, these socks are full of bravado. Made from soft, high quality cotton, these moisture wicking socks will keep you cool and comfortable as you stand tall and sport Old Glory. </p>

            
            <div class="description-title details">Product Details</div>
            <ul id="mutable-product-attributes" class="product-attributes-list">
              
              <li>
                <div class="icon">
                  
                  <img src="/public/img/product/material.svg" alt="80% Carded Cotton, 17% Spandex, 3% Elastane" title="80% Carded Cotton, 17% Spandex, 3% Elastane" />
                  
                </div>
                <span>80% Carded Cotton, 17% Spandex, 3% Elastane</span>
              </li>
              
              <li>
                <div class="icon">
                  
                  <img src="/public/img/product/measurement.png" alt="3.25&#39;&#39; x 14.5&#39;&#39;" title="3.25&#39;&#39; x 14.5&#39;&#39;" />
                  
                </div>
                <span>3.25&#39;&#39; x 14.5&#39;&#39;</span>
              </li>
              
              <li>
                <div class="icon">
                  
                </div>
                <span>Shoe Size: 7-13</span>
              </li>
              
              <li>
                <div class="icon">
                  
                  <img src="/public/img/product/sku.png" alt="SG144701" title="SG144701" />
                  
                </div>
                <span>SG144701</span>
              </li>
              
              <li>
                <div class="icon">
                  
                  <img src="/public/img/product/label.svg" alt="Alynn" title="Alynn" />
                  
                </div>
                <span>Alynn</span>
              </li>
              
              <li>
                <div class="icon">
                  
                  <img src="/public/img/product/imported.png" alt="Imported" title="Imported" />
                  
                </div>
                <span>Imported</span>
              </li>
              
            </ul>
            
          </div>
        </div>

        
        <div class="expandable-box description">
          <div class="toggle-box">
            <div class="description-title">Also Available In</div>
            <div class="recommended-products-wrap">
              <div class="recommended-products js-recommended-products">
                <ul>
                  
                  
                  <li>
                    <a href="/sock-genius-red-stars-and-stripes-socks" class="link js-id" data-id="239608">
                      <img src="https://www.ties.com/primg/red-carded-cotton-stars-stripes-medium-large-sock-239608-505-440-0.jpg" alt="Stars &amp; Stripes Red Medium-Large Sock" title="Stars &amp; Stripes Red Medium-Large Sock" />
                      
                      <span class="hover-link">
                        <span class="title-price">
                          Stars &amp; Stripes Red Medium-Large Sock
                          <br />
                           $18 
                        </span>
                      </span>
                    </a>
                  </li>
                  
                  
                  <li>
                    <a href="/sock-genius-americana-red-no-show-sock" class="link js-id" data-id="245074">
                      <img src="https://www.ties.com/primg/red-carded-cotton-americana-no-show-sock-245074-505-440-0.jpg" alt="Americana Red No-Show Sock" title="Americana Red No-Show Sock" />
                      
                      <span class="hover-link">
                        <span class="title-price">
                          Americana Red No-Show Sock
                          <br />
                           $2.50 
                        </span>
                      </span>
                    </a>
                  </li>
                  
                  
                  <li>
                    <a href="/sock-genius-star-spangled-red-sock" class="link js-id" data-id="247954">
                      <img src="https://www.ties.com/primg/red-carded-cotton-star-spangled-medium-large-sock-247954-505-440-0.jpg" alt="Star Spangled Red Medium-Large Sock" title="Star Spangled Red Medium-Large Sock" />
                      
                      <span class="hover-link">
                        <span class="title-price">
                          Star Spangled Red Medium-Large Sock
                          <br />
                           $5 
                        </span>
                      </span>
                    </a>
                  </li>
                  
                </ul>
              </div>
            </div>
          </div>
        </div>
         
        <div class="expandable-box description">
          <div class="toggle-box">
            <div class="description-title">Complete the Look</div>
            <div class="recommended-products-wrap">
              <div class="recommended-products js-recommended-products">
                <ul>
                  
                  
                  <li>
                    <a href="/wild-ties-dalmatian-firefighter-slate-blue-skinny-tie" class="link js-id" data-id="252765">
                      <img src="https://www.ties.com/primg/slate-microfiber-dalmatian-firefighter-skinny-tie-252765-540-440-0.jpg" alt="Dalmatian Firefighter Slate Skinny Tie" title="Dalmatian Firefighter Slate Skinny Tie" />
                      
                      <span class="hover-link">
                        <span class="title-price">
                          Dalmatian Firefighter Slate Skinny Tie
                          <br />
                           $38.50 
                        </span>
                      </span>
                    </a>
                  </li>
                  
                  
                  <li>
                    <a href="/burgundy-wine-burgundy-shoelace" class="link js-id" data-id="239580">
                      <img src="https://www.ties.com/primg/burgundy-glazed-cotton-burgundy-wine-shoelaces-239580-505-440-0.jpg" alt="Burgundy Wine Shoelaces" title="Burgundy Wine Shoelaces" />
                      
                      <span class="hover-link">
                        <span class="title-price">
                          Burgundy Wine Shoelaces
                          <br />
                           $5 
                        </span>
                      </span>
                    </a>
                  </li>
                  
                  
                  <li>
                    <a href="/blue-dudley-skinny-tie" class="link js-id" data-id="252368">
                      <img src="https://www.ties.com/primg/navy-blue-cotton-dudley-skinny-tie-252368-540-440-0.jpg" alt="Dudley Navy Blue Skinny Tie" title="Dudley Navy Blue Skinny Tie" />
                      
                      <span class="hover-link">
                        <span class="title-price">
                          Dudley Navy Blue Skinny Tie
                          <br />
                           $20 
                        </span>
                      </span>
                    </a>
                  </li>
                  
                </ul>
              </div>
            </div>
          </div>
        </div>
        
      </div>
    </div>
  </div>

  

  <div class="container">
     
<div class="recommended-products-wrap">
	
		<div class="title ">You Might Also Like</div>
	
		
	
	<div class="recommended-products js-recommended-products">
		<ul>
        
				<li onclick="getProduct(&#34;251889&#34;,  0 , 'Recommended Products')">
                        <a href="/sock-genius-nasa-logo-gray-sock" class="link js-id" data-id="251889">
						<img src="https://www.ties.com/primg/gray-carded-cotton-nasa-meatball-logo-medium-large-sock-251889-540-440-0.jpg" alt="Nasa Meatball Logo Gray Sock" title="Nasa Meatball Logo Gray Sock">
						
						<span class="hover-link">
					<span class="title-price">
						Nasa Meatball Logo Gray Sock
						<br>
						
							$18
						
					</span>
						</span>
					</a>
				</li>
			
				<li onclick="getProduct(&#34;253940&#34;,  1 , 'Recommended Products')">
                        <a href="/alynn-nasa-worm-sock" class="link js-id" data-id="253940">
						<img src="https://www.ties.com/primg/navy-blue-carded-cotton-nasa-worm-medium-large-sock-253940-540-440-0.jpg" alt="NASA Worm Navy Blue Medium-Large Sock" title="NASA Worm Navy Blue Medium-Large Sock">
						
						<span class="hover-link">
					<span class="title-price">
						NASA Worm Navy Blue Medium-Large Sock
						<br>
						
							$18
						
					</span>
						</span>
					</a>
				</li>
			
				<li onclick="getProduct(&#34;252677&#34;,  2 , 'Recommended Products')">
                        <a href="/alynn-virtuoso-stripe-red-sock" class="link js-id" data-id="252677">
						<img src="https://www.ties.com/primg/red-carded-cotton-virtuoso-stripe-medium-large-sock-252677-540-440-0.jpg" alt="Virtuoso Stripe Red Medium-Large Sock" title="Virtuoso Stripe Red Medium-Large Sock">
						
						<span class="hover-link">
					<span class="title-price">
						Virtuoso Stripe Red Medium-Large Sock
						<br>
						
							$15
						
					</span>
						</span>
					</a>
				</li>
			
				<li onclick="getProduct(&#34;254191&#34;,  3 , 'Recommended Products')">
                        <a href="/v/b/alynn-argyle-assassin-red-sock" class="link js-id" data-id="254191">
						<img src="https://www.ties.com/primg/red-carded-cotton-argyle-assassin-medium-large-sock-254191-540-440-0.jpg" alt="Argyle Assassin Red Medium-Large Sock" title="Argyle Assassin Red Medium-Large Sock">
						
						<span class="hover-link">
					<span class="title-price">
						Argyle Assassin Red Medium-Large Sock
						<br>
						
							$18
						
					</span>
						</span>
					</a>
				</li>
			
				<li onclick="getProduct(&#34;241446&#34;,  4 , 'Recommended Products')">
                        <a href="/sock-genius-abstract-camouflage-navy-blue-sock" class="link js-id" data-id="241446">
						<img src="https://www.ties.com/primg/navy-blue-carded-cotton-abstract-camouflage-medium-large-sock-241446-505-440-0.jpg" alt="Abstract camouflage Navy Blue Medium-Large Sock" title="Abstract camouflage Navy Blue Medium-Large Sock">
						
						<span class="hover-link">
					<span class="title-price">
						Abstract camouflage Navy Blue Medium-Large Sock
						<br>
						
							$5
						
					</span>
						</span>
					</a>
				</li>
			
				<li onclick="getProduct(&#34;251545&#34;,  5 , 'Recommended Products')">
                        <a href="/alynn-love-your-tribe-maroon-sock" class="link js-id" data-id="251545">
						<img src="https://www.ties.com/primg/maroon-carded-cotton-love-your-tribe-medium-large-sock-251545-540-440-0.jpg" alt="Teepee Maroon Sock" title="Teepee Maroon Sock">
						
						<span class="hover-link">
					<span class="title-price">
						Teepee Maroon Sock
						<br>
						
							$18
						
					</span>
						</span>
					</a>
				</li>
			
		</ul>
	</div>
</div> 

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

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

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

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

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

      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Democracy Matters</div>
             
            <div class="review">Go out and vote. Your vote matters no matter what you are told.</div>
            
          </div>

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

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

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

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Great socks!</div>
             
            <div class="review">Looks great, feels better!</div>
            
          </div>

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

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

          
          <span class="location">Chesapeake VA</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Sox</div>
             
            <div class="review">Very nice</div>
            
          </div>

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

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

          
          <span class="location">Ft worth</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">AMERICA</div>
             
            <div class="review">Real patriotic.</div>
            
          </div>

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

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

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

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Great Quality and designs</div>
             
            <div class="review">Great Quality and designs</div>
            
          </div>

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

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

          
          <span class="location">New Orleans, La</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">American flag socks</div>
             
            <div class="review">They were awesome and just came within 3 days</div>
            
          </div>

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

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

          
          <span class="location">Bay Village, Ohio</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">American Pride</div>
             
            <div class="review">We got these socks for our groomsmen for the wedding and they look absolutely amazing! Great purchase and amazing quality!</div>
            
          </div>

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

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

          
          <span class="location">Boston, MA</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Flagtastic</div>
             
            <div class="review">Super comfy and also really obnoxious, just the way I like it.</div>
            
          </div>

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

          <div class="nick">P. Scooper</div>

          
          <span class="location">USA, Earth</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">FLAG SOCKS</div>
             
            <div class="review">PERFECT - JUST WHAT I HAD IN MIND.WILL HAVE FUN WITH THESE.</div>
            
          </div>

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

          <div class="nick">TONTO THE CLOWN</div>

          
          <span class="location">DALLAS TEXAS</span>
          
        </div>

        <div class="customer-photo-col">
          
        </div>
      </div>
      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">American Flag socks</div>
             
            <div class="review">I give this the same review as the anchor socks.
You can post both pictures together if you like.

*I served in the U.S. NAVY / on the high seas. Red white and blue,and anchors keep me ever mindful of those who now get to guard and watch over Americans while they sleep.</div>
            
          </div>

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

          <div class="nick">Tony Cappucinnoh</div>

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

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

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

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

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

<script type="application/ld+json">
      {
          "@context": "http://schema.org/",
          "@type": "Product",
          "name": "American Flag Red Medium-Large Sock",
          "image": "https://www.ties.com/primg/red-carded-cotton-american-flag-medium-large-sock-239612-505-600-0.jpg",
          "description": "Sport your pride with every step you take in these American Flag Socks by Alynn. Featuring a field of white stars on the classic blue background on the leg of the sock and the iconic red and white stripes on the insole and sole, these socks are full of bravado. Made from soft, high quality cotton, these moisture wicking socks will keep you cool and comfortable as you stand tall and sport Old Glory. ",
          "mpn": "239612",
          "sku": "SG144701",
          "brand": {
              "@type": "Thing",
              "name": "Alynn"
          },
          "offers": {
              "@type": "Offer",
              "priceCurrency": "USD",
  
              "price": "18",
  
              "itemCondition": "http://schema.org/NewCondition",
              "availability": "http://schema.org/InStock",
              "url": "https://www.www.ties.com/sock-genius-red-american-flag-socks"
          },
          "aggregateRating": {
            "ratingCount": "10",
            "ratingValue": "5.0"
          }
      }
</script>



<script type="text/javascript">

  
  
  
  
  
  
  
  

  
  
  dataLayer.push({
      'event': 'view_item',
      'ecommerce': {
          'currency': 'USD',
          'value': 18.00,
          'items': [{
              'item_name': 'American Flag Red Medium-Large Sock',
              'item_id': 'SG144701',
              'price': 18.00,
              'item_brand': 'by Alynn®',
              'item_category': 'Socks',
              'item_variant': 'red'
          }]
      }
  });
  
</script>



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


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





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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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






</body>

</html>