https://www.ties.com/primg/blue-cotton-porter-dress-shirt-253098-515-440-0.jpg" class="img js-img-link" alt="_Porter Blue Dress Shirt_" title=" Porter Blue Dress Shirt " data-img="https://www.ties.com/primg/blue-cotton-porter-dress-shirt-253098-515-440-0.jpg" data-sec-img="https://www.ties.com/primg/blue-cotton-porter-dress-shirt-253098-515-440-1.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253098">
    <div class="quick-add-btn-container">
    
        <div class="quick-add-options">
            <div class="size-container">
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XS">XS</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="S">S</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="M">M</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="L">L</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XL">XL</button>
            
            </div>
        </div>
    
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253098">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Porter Blue Dress Shirt
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-blue-porter-classic-fit-dress-shirt-1" class="img-link js-id" id="pran-253091">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/blue-cotton-porter-dress-shirt-253091-515-440-0.jpg" class="img js-img-link" alt="_Porter Blue Dress Shirt_" title=" Porter Blue Dress Shirt " data-img="https://www.ties.com/primg/blue-cotton-porter-dress-shirt-253091-515-440-0.jpg" data-sec-img="https://www.ties.com/primg/blue-cotton-porter-dress-shirt-253091-515-440-1.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253091">
    <div class="quick-add-btn-container">
    
        <div class="quick-add-options">
            <div class="size-container">
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XS">XS</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="S">S</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="M">M</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="L">L</button>
            
            </div>
        </div>
    
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253091">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Porter Blue Dress Shirt
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-light-blue-elijah-classic-fit-dress-shirt" class="img-link js-id" id="pran-253077">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/light-blue-cotton-elijah-dress-shirt-253077-515-440-0.jpg" class="img js-img-link" alt="_Elijah Light Blue Dress Shirt_" title=" Elijah Light Blue Dress Shirt " data-img="https://www.ties.com/primg/light-blue-cotton-elijah-dress-shirt-253077-515-440-0.jpg" data-sec-img="https://www.ties.com/primg/light-blue-cotton-elijah-dress-shirt-253077-540-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253077">
    <div class="quick-add-btn-container">
    
        <div class="quick-add-options">
            <div class="size-container">
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XS">XS</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="S">S</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="M">M</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="L">L</button>
            
            </div>
        </div>
    
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253077">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Elijah Light Blue Dress Shirt
                    </h2>
                </div>
            

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

                
                    <div class="color-relations">
                    
                    
                        <a href="/alynn-light-blue-elijah-classic-fit-dress-shirt"
                           class="link active js-related-color"
                           data-color-label="Light Blue"
                           data-img="https://www.ties.com/primg/light-blue-cotton-elijah-dress-shirt-253077-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/light-blue-cotton-elijah-dress-shirt-253077-540-440-0.jpg"
                           data-title="Elijah Light Blue Dress Shirt"
                           data-uri="/alynn-light-blue-elijah-classic-fit-dress-shirt"
                           data-id="253077"
                           data-num="5">
                            <img src="https://www.ties.com/primg/light-blue-cotton-elijah-dress-shirt-253077-400-45-0.jpg" class="color" alt="Light Blue Cotton Elijah Dress Shirt" title="Light Blue Cotton Elijah Dress Shirt">
                        </a>
                    
                    
                    
                        <a href="/alynn-medium-blue-elijah-classic-fit-dress-shirt"
                           class="link  js-related-color"
                           data-color-label="Medium Blue"
                           data-img="https://www.ties.com/primg/medium-blue-cotton-elijah-dress-shirt-253315-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/medium-blue-cotton-elijah-dress-shirt-253315-540-440-0.jpg"
                           data-title="Elijah Medium Blue Dress Shirt"
                           data-uri="/alynn-medium-blue-elijah-classic-fit-dress-shirt"
                           data-id="253315"
                           data-num="5">
                            <img src="https://www.ties.com/primg/medium-blue-cotton-elijah-dress-shirt-253315-400-45-0.jpg" class="color" alt="Medium Blue Cotton Elijah Dress Shirt" title="Medium Blue Cotton Elijah Dress Shirt">
                        </a>
                    
                    
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-light-blue-mason-classic-fit-casual-shirt-1" class="img-link js-id" id="pran-253287">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/blue-cotton-mason-business-casual-shirt-253287-515-440-0.jpg" class="img js-img-link" alt="_Mason Blue Business Casual Shirt_" title=" Mason Blue Business Casual Shirt " data-img="https://www.ties.com/primg/blue-cotton-mason-business-casual-shirt-253287-515-440-0.jpg" data-sec-img="https://www.ties.com/primg/blue-cotton-mason-business-casual-shirt-253287-540-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253287">
    <div class="quick-add-btn-container">
    
        <div class="quick-add-options">
            <div class="size-container">
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XS">XS</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="S">S</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="M">M</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="L">L</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XXL">XXL</button>
            
            </div>
        </div>
    
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253287">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Mason Blue Business Casual Shirt
                    </h2>
                </div>
            

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

                
                    <div class="color-relations">
                    
                    
                        <a href="/alynn-light-blue-mason-classic-fit-casual-shirt-1"
                           class="link active js-related-color"
                           data-color-label="Blue"
                           data-img="https://www.ties.com/primg/blue-cotton-mason-business-casual-shirt-253287-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/blue-cotton-mason-business-casual-shirt-253287-540-440-0.jpg"
                           data-title="Mason Blue Business Casual Shirt"
                           data-uri="/alynn-light-blue-mason-classic-fit-casual-shirt-1"
                           data-id="253287"
                           data-num="6">
                            <img src="https://www.ties.com/primg/blue-cotton-mason-business-casual-shirt-253287-400-45-0.jpg" class="color" alt="Blue Cotton Mason Business Casual Shirt" title="Blue Cotton Mason Business Casual Shirt">
                        </a>
                    
                    
                    
                        <a href="/alynn-navy-blue-mason-classic-fit-casual-shirt"
                           class="link  js-related-color"
                           data-color-label="Navy Blue"
                           data-img="https://www.ties.com/primg/navy-blue-cotton-mason-business-casual-shirt-253273-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/navy-blue-cotton-mason-business-casual-shirt-253273-515-440-1.jpg"
                           data-title="Mason Navy Blue Business Casual Shirt"
                           data-uri="/alynn-navy-blue-mason-classic-fit-casual-shirt"
                           data-id="253273"
                           data-num="6">
                            <img src="https://www.ties.com/primg/navy-blue-cotton-mason-business-casual-shirt-253273-400-45-0.jpg" class="color" alt="Navy Blue Cotton Mason Business Casual Shirt" title="Navy Blue Cotton Mason Business Casual Shirt">
                        </a>
                    
                    
                    
                        <a href="/alynn-green-mason-classic-fit-casual-shirt-1"
                           class="link  js-related-color"
                           data-color-label="Green"
                           data-img="https://www.ties.com/primg/green-cotton-mason-business-casual-shirt-253301-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/green-cotton-mason-business-casual-shirt-253301-515-440-1.jpg"
                           data-title="Mason Green Business Casual Shirt"
                           data-uri="/alynn-green-mason-classic-fit-casual-shirt-1"
                           data-id="253301"
                           data-num="6">
                            <img src="https://www.ties.com/primg/green-cotton-mason-business-casual-shirt-253301-400-45-0.jpg" class="color" alt="Green Cotton Mason Business Casual Shirt" title="Green Cotton Mason Business Casual Shirt">
                        </a>
                    
                    
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-light-denim-liam-classic-fit-untuckable-dress-shirt-01" class="img-link js-id" id="pran-253329">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/blue-cotton-liam-denim-casual-shirt-253329-515-440-0.jpg" class="img js-img-link" alt="_Liam Denim Blue Casual Shirt_" title=" Liam Denim Blue Casual Shirt " data-img="https://www.ties.com/primg/blue-cotton-liam-denim-casual-shirt-253329-515-440-0.jpg" data-sec-img="https://www.ties.com/primg/blue-cotton-liam-denim-casual-shirt-253329-515-440-1.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253329">
    <div class="quick-add-btn-container">
    
        <div class="quick-add-options">
            <div class="size-container">
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XS">XS</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="S">S</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="M">M</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XXL">XXL</button>
            
            </div>
        </div>
    
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253329">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Liam Denim Blue Casual Shirt
                    </h2>
                </div>
            

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

                
                    <div class="color-relations">
                    
                    
                        <a href="/alynn-light-denim-liam-classic-fit-untuckable-dress-shirt-01"
                           class="link active js-related-color"
                           data-color-label="Blue"
                           data-img="https://www.ties.com/primg/blue-cotton-liam-denim-casual-shirt-253329-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/blue-cotton-liam-denim-casual-shirt-253329-515-440-1.jpg"
                           data-title="Liam Denim Blue Casual Shirt"
                           data-uri="/alynn-light-denim-liam-classic-fit-untuckable-dress-shirt-01"
                           data-id="253329"
                           data-num="7">
                            <img src="https://www.ties.com/primg/blue-cotton-liam-denim-casual-shirt-253329-400-45-0.jpg" class="color" alt="Blue Cotton Liam Denim Casual Shirt" title="Blue Cotton Liam Denim Casual Shirt">
                        </a>
                    
                    
                    
                        <a href="/alynn-indigo-liam-classic-fit-untuckable-dress-shirt"
                           class="link  js-related-color"
                           data-color-label="Indigo"
                           data-img="https://www.ties.com/primg/indigo-cotton-liam-denim-casual-shirt-253119-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/indigo-cotton-liam-denim-casual-shirt-253119-515-440-1.jpg"
                           data-title="Liam Denim Indigo Casual Shirt"
                           data-uri="/alynn-indigo-liam-classic-fit-untuckable-dress-shirt"
                           data-id="253119"
                           data-num="7">
                            <img src="https://www.ties.com/primg/indigo-cotton-liam-denim-casual-shirt-253119-400-45-0.jpg" class="color" alt="Indigo Cotton Liam Denim Casual Shirt" title="Indigo Cotton Liam Denim Casual Shirt">
                        </a>
                    
                    
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-light-blue-elijah-slim-fit-dress-shirt-1" class="img-link js-id" id="pran-253084">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/light-blue-cotton-elijah-dress-shirt-253084-515-440-0.jpg" class="img js-img-link" alt="_Elijah Light Blue Dress Shirt_" title=" Elijah Light Blue Dress Shirt " data-img="https://www.ties.com/primg/light-blue-cotton-elijah-dress-shirt-253084-515-440-0.jpg" data-sec-img="https://www.ties.com/primg/light-blue-cotton-elijah-dress-shirt-253084-540-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253084">
    <div class="quick-add-btn-container">
    
        <div class="quick-add-options">
            <div class="size-container">
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XS">XS</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="S">S</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="M">M</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="L">L</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XL">XL</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XXL">XXL</button>
            
            </div>
        </div>
    
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253084">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Elijah Light Blue Dress Shirt
                    </h2>
                </div>
            

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

                
                    <div class="color-relations">
                    
                    
                        <a href="/alynn-light-blue-elijah-slim-fit-dress-shirt-1"
                           class="link active js-related-color"
                           data-color-label="Light Blue"
                           data-img="https://www.ties.com/primg/light-blue-cotton-elijah-dress-shirt-253084-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/light-blue-cotton-elijah-dress-shirt-253084-540-440-0.jpg"
                           data-title="Elijah Light Blue Dress Shirt"
                           data-uri="/alynn-light-blue-elijah-slim-fit-dress-shirt-1"
                           data-id="253084"
                           data-num="8">
                            <img src="https://www.ties.com/primg/light-blue-cotton-elijah-dress-shirt-253084-400-45-0.jpg" class="color" alt="Light Blue Cotton Elijah Dress Shirt" title="Light Blue Cotton Elijah Dress Shirt">
                        </a>
                    
                    
                    
                        <a href="/alynn-medium-blue-elijah-slim-fit-dress-shirt"
                           class="link  js-related-color"
                           data-color-label="Medium Blue"
                           data-img="https://www.ties.com/primg/medium-blue-cotton-elijah-dress-shirt-253322-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/medium-blue-cotton-elijah-dress-shirt-253322-515-440-1.jpg"
                           data-title="Elijah Medium Blue Dress Shirt"
                           data-uri="/alynn-medium-blue-elijah-slim-fit-dress-shirt"
                           data-id="253322"
                           data-num="8">
                            <img src="https://www.ties.com/primg/medium-blue-cotton-elijah-dress-shirt-253322-400-45-0.jpg" class="color" alt="Medium Blue Cotton Elijah Dress Shirt" title="Medium Blue Cotton Elijah Dress Shirt">
                        </a>
                    
                    
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-medium-blue-elijah-slim-fit-dress-shirt" class="img-link js-id" id="pran-253322">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/medium-blue-cotton-elijah-dress-shirt-253322-515-440-0.jpg" class="img js-img-link" alt="_Elijah Medium Blue Dress Shirt_" title=" Elijah Medium Blue Dress Shirt " data-img="https://www.ties.com/primg/medium-blue-cotton-elijah-dress-shirt-253322-515-440-0.jpg" data-sec-img="https://www.ties.com/primg/medium-blue-cotton-elijah-dress-shirt-253322-515-440-1.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253322">
    <div class="quick-add-btn-container">
    
        <div class="quick-add-options">
            <div class="size-container">
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XS">XS</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="S">S</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="M">M</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="L">L</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XL">XL</button>
            
            </div>
        </div>
    
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253322">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Elijah Medium Blue Dress Shirt
                    </h2>
                </div>
            

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

                
                    <div class="color-relations">
                    
                    
                        <a href="/alynn-medium-blue-elijah-slim-fit-dress-shirt"
                           class="link active js-related-color"
                           data-color-label="Medium Blue"
                           data-img="https://www.ties.com/primg/medium-blue-cotton-elijah-dress-shirt-253322-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/medium-blue-cotton-elijah-dress-shirt-253322-515-440-1.jpg"
                           data-title="Elijah Medium Blue Dress Shirt"
                           data-uri="/alynn-medium-blue-elijah-slim-fit-dress-shirt"
                           data-id="253322"
                           data-num="9">
                            <img src="https://www.ties.com/primg/medium-blue-cotton-elijah-dress-shirt-253322-400-45-0.jpg" class="color" alt="Medium Blue Cotton Elijah Dress Shirt" title="Medium Blue Cotton Elijah Dress Shirt">
                        </a>
                    
                    
                    
                        <a href="/alynn-light-blue-elijah-slim-fit-dress-shirt-1"
                           class="link  js-related-color"
                           data-color-label="Light Blue"
                           data-img="https://www.ties.com/primg/light-blue-cotton-elijah-dress-shirt-253084-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/light-blue-cotton-elijah-dress-shirt-253084-540-440-0.jpg"
                           data-title="Elijah Light Blue Dress Shirt"
                           data-uri="/alynn-light-blue-elijah-slim-fit-dress-shirt-1"
                           data-id="253084"
                           data-num="9">
                            <img src="https://www.ties.com/primg/light-blue-cotton-elijah-dress-shirt-253084-400-45-0.jpg" class="color" alt="Light Blue Cotton Elijah Dress Shirt" title="Light Blue Cotton Elijah Dress Shirt">
                        </a>
                    
                    
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-indigo-liam-classic-fit-untuckable-dress-shirt" class="img-link js-id" id="pran-253119">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/indigo-cotton-liam-denim-casual-shirt-253119-515-440-0.jpg" class="img js-img-link" alt="_Liam Denim Indigo Casual Shirt_" title=" Liam Denim Indigo Casual Shirt " data-img="https://www.ties.com/primg/indigo-cotton-liam-denim-casual-shirt-253119-515-440-0.jpg" data-sec-img="https://www.ties.com/primg/indigo-cotton-liam-denim-casual-shirt-253119-515-440-1.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253119">
    <div class="quick-add-btn-container">
    
        <div class="quick-add-options">
            <div class="size-container">
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="L">L</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XXL">XXL</button>
            
            </div>
        </div>
    
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253119">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Liam Denim Indigo Casual Shirt
                    </h2>
                </div>
            

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

                
                    <div class="color-relations">
                    
                    
                        <a href="/alynn-indigo-liam-classic-fit-untuckable-dress-shirt"
                           class="link active js-related-color"
                           data-color-label="Indigo"
                           data-img="https://www.ties.com/primg/indigo-cotton-liam-denim-casual-shirt-253119-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/indigo-cotton-liam-denim-casual-shirt-253119-515-440-1.jpg"
                           data-title="Liam Denim Indigo Casual Shirt"
                           data-uri="/alynn-indigo-liam-classic-fit-untuckable-dress-shirt"
                           data-id="253119"
                           data-num="10">
                            <img src="https://www.ties.com/primg/indigo-cotton-liam-denim-casual-shirt-253119-400-45-0.jpg" class="color" alt="Indigo Cotton Liam Denim Casual Shirt" title="Indigo Cotton Liam Denim Casual Shirt">
                        </a>
                    
                    
                    
                        <a href="/alynn-light-denim-liam-classic-fit-untuckable-dress-shirt-01"
                           class="link  js-related-color"
                           data-color-label="Blue"
                           data-img="https://www.ties.com/primg/blue-cotton-liam-denim-casual-shirt-253329-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/blue-cotton-liam-denim-casual-shirt-253329-515-440-1.jpg"
                           data-title="Liam Denim Blue Casual Shirt"
                           data-uri="/alynn-light-denim-liam-classic-fit-untuckable-dress-shirt-01"
                           data-id="253329"
                           data-num="10">
                            <img src="https://www.ties.com/primg/blue-cotton-liam-denim-casual-shirt-253329-400-45-0.jpg" class="color" alt="Blue Cotton Liam Denim Casual Shirt" title="Blue Cotton Liam Denim Casual Shirt">
                        </a>
                    
                    
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-navy-blue-mason-slim-fit-casual-shirt-1" class="img-link js-id" id="pran-253280">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/navy-blue-cotton-mason-business-casual-shirt-253280-515-440-0.jpg" class="img js-img-link" alt="_Mason Navy Blue Business Casual Shirt_" title=" Mason Navy Blue Business Casual Shirt " data-img="https://www.ties.com/primg/navy-blue-cotton-mason-business-casual-shirt-253280-515-440-0.jpg" data-sec-img="https://www.ties.com/primg/navy-blue-cotton-mason-business-casual-shirt-253280-515-440-1.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253280">
    <div class="quick-add-btn-container">
    
        <div class="quick-add-options">
            <div class="size-container">
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XS">XS</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="S">S</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="M">M</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="L">L</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XL">XL</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XXL">XXL</button>
            
            </div>
        </div>
    
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253280">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Mason Navy Blue Business Casual Shirt
                    </h2>
                </div>
            

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

                
                    <div class="color-relations">
                    
                    
                        <a href="/alynn-navy-blue-mason-slim-fit-casual-shirt-1"
                           class="link active js-related-color"
                           data-color-label="Navy Blue"
                           data-img="https://www.ties.com/primg/navy-blue-cotton-mason-business-casual-shirt-253280-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/navy-blue-cotton-mason-business-casual-shirt-253280-515-440-1.jpg"
                           data-title="Mason Navy Blue Business Casual Shirt"
                           data-uri="/alynn-navy-blue-mason-slim-fit-casual-shirt-1"
                           data-id="253280"
                           data-num="11">
                            <img src="https://www.ties.com/primg/navy-blue-cotton-mason-business-casual-shirt-253280-400-45-0.jpg" class="color" alt="Navy Blue Cotton Mason Business Casual Shirt" title="Navy Blue Cotton Mason Business Casual Shirt">
                        </a>
                    
                    
                    
                        <a href="/alynn-light-blue-mason-slim-fit-casual-shirt-1"
                           class="link  js-related-color"
                           data-color-label="Blue"
                           data-img="https://www.ties.com/primg/blue-cotton-mason-business-casual-shirt-253294-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/blue-cotton-mason-business-casual-shirt-253294-540-440-0.jpg"
                           data-title="Mason Blue Business Casual Shirt"
                           data-uri="/alynn-light-blue-mason-slim-fit-casual-shirt-1"
                           data-id="253294"
                           data-num="11">
                            <img src="https://www.ties.com/primg/blue-cotton-mason-business-casual-shirt-253294-400-45-0.jpg" class="color" alt="Blue Cotton Mason Business Casual Shirt" title="Blue Cotton Mason Business Casual Shirt">
                        </a>
                    
                    
                    
                        <a href="/alynn-green-mason-slim-fit-casual-shirt-1"
                           class="link  js-related-color"
                           data-color-label="Green"
                           data-img="https://www.ties.com/primg/green-cotton-mason-business-casual-shirt-253308-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/green-cotton-mason-business-casual-shirt-253308-515-440-1.jpg"
                           data-title="Mason Green Business Casual Shirt"
                           data-uri="/alynn-green-mason-slim-fit-casual-shirt-1"
                           data-id="253308"
                           data-num="11">
                            <img src="https://www.ties.com/primg/green-cotton-mason-business-casual-shirt-253308-400-45-0.jpg" class="color" alt="Green Cotton Mason Business Casual Shirt" title="Green Cotton Mason Business Casual Shirt">
                        </a>
                    
                    
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-medium-blue-elijah-classic-fit-dress-shirt" class="img-link js-id" id="pran-253315">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/medium-blue-cotton-elijah-dress-shirt-253315-515-440-0.jpg" class="img js-img-link" alt="_Elijah Medium Blue Dress Shirt_" title=" Elijah Medium Blue Dress Shirt " data-img="https://www.ties.com/primg/medium-blue-cotton-elijah-dress-shirt-253315-515-440-0.jpg" data-sec-img="https://www.ties.com/primg/medium-blue-cotton-elijah-dress-shirt-253315-540-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253315">
    <div class="quick-add-btn-container">
    
        <div class="quick-add-options">
            <div class="size-container">
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XS">XS</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="S">S</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="M">M</button>
            
            </div>
        </div>
    
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253315">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Elijah Medium Blue Dress Shirt
                    </h2>
                </div>
            

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

                
                    <div class="color-relations">
                    
                    
                        <a href="/alynn-medium-blue-elijah-classic-fit-dress-shirt"
                           class="link active js-related-color"
                           data-color-label="Medium Blue"
                           data-img="https://www.ties.com/primg/medium-blue-cotton-elijah-dress-shirt-253315-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/medium-blue-cotton-elijah-dress-shirt-253315-540-440-0.jpg"
                           data-title="Elijah Medium Blue Dress Shirt"
                           data-uri="/alynn-medium-blue-elijah-classic-fit-dress-shirt"
                           data-id="253315"
                           data-num="12">
                            <img src="https://www.ties.com/primg/medium-blue-cotton-elijah-dress-shirt-253315-400-45-0.jpg" class="color" alt="Medium Blue Cotton Elijah Dress Shirt" title="Medium Blue Cotton Elijah Dress Shirt">
                        </a>
                    
                    
                    
                        <a href="/alynn-light-blue-elijah-classic-fit-dress-shirt"
                           class="link  js-related-color"
                           data-color-label="Light Blue"
                           data-img="https://www.ties.com/primg/light-blue-cotton-elijah-dress-shirt-253077-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/light-blue-cotton-elijah-dress-shirt-253077-540-440-0.jpg"
                           data-title="Elijah Light Blue Dress Shirt"
                           data-uri="/alynn-light-blue-elijah-classic-fit-dress-shirt"
                           data-id="253077"
                           data-num="12">
                            <img src="https://www.ties.com/primg/light-blue-cotton-elijah-dress-shirt-253077-400-45-0.jpg" class="color" alt="Light Blue Cotton Elijah Dress Shirt" title="Light Blue Cotton Elijah Dress Shirt">
                        </a>
                    
                    
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-navy-blue-brooks-classic-fit-untuckable-dress-shirt" class="img-link js-id" id="pran-253343">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/navy-blue-cotton-brooks-floral-casual-shirt-253343-515-440-0.jpg" class="img js-img-link" alt="_Brooks Floral Navy Blue Casual Shirt_" title=" Brooks Floral Navy Blue Casual Shirt " data-img="https://www.ties.com/primg/navy-blue-cotton-brooks-floral-casual-shirt-253343-515-440-0.jpg" data-sec-img="https://www.ties.com/primg/navy-blue-cotton-brooks-floral-casual-shirt-253343-540-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253343">
    <div class="quick-add-btn-container">
    
        <div class="quick-add-options">
            <div class="size-container">
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XS">XS</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="S">S</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="M">M</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="L">L</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XXL">XXL</button>
            
            </div>
        </div>
    
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253343">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Brooks Floral Navy Blue Casual Shirt
                    </h2>
                </div>
            

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

                
                    <div class="color-relations">
                    
                    
                        <a href="/alynn-navy-blue-brooks-classic-fit-untuckable-dress-shirt"
                           class="link active js-related-color"
                           data-color-label="Navy Blue"
                           data-img="https://www.ties.com/primg/navy-blue-cotton-brooks-floral-casual-shirt-253343-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/navy-blue-cotton-brooks-floral-casual-shirt-253343-540-440-0.jpg"
                           data-title="Brooks Floral Navy Blue Casual Shirt"
                           data-uri="/alynn-navy-blue-brooks-classic-fit-untuckable-dress-shirt"
                           data-id="253343"
                           data-num="13">
                            <img src="https://www.ties.com/primg/navy-blue-cotton-brooks-floral-casual-shirt-253343-400-45-0.jpg" class="color" alt="Navy Blue Cotton Brooks Floral Casual Shirt" title="Navy Blue Cotton Brooks Floral Casual Shirt">
                        </a>
                    
                    
                    
                        <a href="/alynn-white-brooks-classic-fit-untuckable-dress-shirt-1"
                           class="link  js-related-color"
                           data-color-label="White"
                           data-img="https://www.ties.com/primg/white-cotton-brooks-floral-casual-shirt-253105-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/white-cotton-brooks-floral-casual-shirt-253105-540-440-0.jpg"
                           data-title="Brooks Floral White Casual Shirt"
                           data-uri="/alynn-white-brooks-classic-fit-untuckable-dress-shirt-1"
                           data-id="253105"
                           data-num="13">
                            <img src="https://www.ties.com/primg/white-cotton-brooks-floral-casual-shirt-253105-400-45-0.jpg" class="color" alt="White Cotton Brooks Floral Casual Shirt" title="White Cotton Brooks Floral Casual Shirt">
                        </a>
                    
                    
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-blue-lucas-slim-fit-casual-shirt-1" class="img-link js-id" id="pran-253196">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/blue-cotton-lucas-business-casual-shirt-253196-515-440-0.jpg" class="img js-img-link" alt="_Lucas Blue Business Casual Shirt_" title=" Lucas Blue Business Casual Shirt " data-img="https://www.ties.com/primg/blue-cotton-lucas-business-casual-shirt-253196-515-440-0.jpg" data-sec-img="https://www.ties.com/primg/blue-cotton-lucas-business-casual-shirt-253196-515-440-1.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253196">
    <div class="quick-add-btn-container">
    
        <div class="quick-add-options">
            <div class="size-container">
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XS">XS</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="S">S</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="M">M</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="L">L</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XL">XL</button>
            
            </div>
        </div>
    
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253196">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Lucas Blue Business Casual Shirt
                    </h2>
                </div>
            

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

                
                    <div class="color-relations">
                    
                    
                        <a href="/alynn-blue-lucas-slim-fit-casual-shirt-1"
                           class="link active js-related-color"
                           data-color-label="Blue"
                           data-img="https://www.ties.com/primg/blue-cotton-lucas-business-casual-shirt-253196-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/blue-cotton-lucas-business-casual-shirt-253196-515-440-1.jpg"
                           data-title="Lucas Blue Business Casual Shirt"
                           data-uri="/alynn-blue-lucas-slim-fit-casual-shirt-1"
                           data-id="253196"
                           data-num="14">
                            <img src="https://www.ties.com/primg/blue-cotton-lucas-business-casual-shirt-253196-400-45-0.jpg" class="color" alt="Blue Cotton Lucas Business Casual Shirt" title="Blue Cotton Lucas Business Casual Shirt">
                        </a>
                    
                    
                    
                        <a href="/alynn-red-lucas-slim-fit-casual-shirt-1"
                           class="link  js-related-color"
                           data-color-label="Red"
                           data-img="https://www.ties.com/primg/red-cotton-lucas-business-casual-shirt-253210-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/red-cotton-lucas-business-casual-shirt-253210-515-440-1.jpg"
                           data-title="Lucas Red Business Casual Shirt"
                           data-uri="/alynn-red-lucas-slim-fit-casual-shirt-1"
                           data-id="253210"
                           data-num="14">
                            <img src="https://www.ties.com/primg/red-cotton-lucas-business-casual-shirt-253210-400-45-0.jpg" class="color" alt="Red Cotton Lucas Business Casual Shirt" title="Red Cotton Lucas Business Casual Shirt">
                        </a>
                    
                    
                    
                        <a href="/alynn-brown-lucas-slim-fit-casual-shirt-1"
                           class="link  js-related-color"
                           data-color-label="Brown"
                           data-img="https://www.ties.com/primg/brown-cotton-lucas-business-casual-shirt-253224-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/brown-cotton-lucas-business-casual-shirt-253224-515-440-1.jpg"
                           data-title="Lucas Brown Business Casual Shirt"
                           data-uri="/alynn-brown-lucas-slim-fit-casual-shirt-1"
                           data-id="253224"
                           data-num="14">
                            <img src="https://www.ties.com/primg/brown-cotton-lucas-business-casual-shirt-253224-400-45-0.jpg" class="color" alt="Brown Cotton Lucas Business Casual Shirt" title="Brown Cotton Lucas Business Casual Shirt">
                        </a>
                    
                    
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-light-blue-mason-slim-fit-casual-shirt-1" class="img-link js-id" id="pran-253294">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/blue-cotton-mason-business-casual-shirt-253294-515-440-0.jpg" class="img js-img-link" alt="_Mason Blue Business Casual Shirt_" title=" Mason Blue Business Casual Shirt " data-img="https://www.ties.com/primg/blue-cotton-mason-business-casual-shirt-253294-515-440-0.jpg" data-sec-img="https://www.ties.com/primg/blue-cotton-mason-business-casual-shirt-253294-540-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253294">
    <div class="quick-add-btn-container">
    
        <div class="quick-add-options">
            <div class="size-container">
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XS">XS</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="S">S</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="M">M</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="L">L</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XL">XL</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XXL">XXL</button>
            
            </div>
        </div>
    
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253294">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Mason Blue Business Casual Shirt
                    </h2>
                </div>
            

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

                
                    <div class="color-relations">
                    
                    
                        <a href="/alynn-light-blue-mason-slim-fit-casual-shirt-1"
                           class="link active js-related-color"
                           data-color-label="Blue"
                           data-img="https://www.ties.com/primg/blue-cotton-mason-business-casual-shirt-253294-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/blue-cotton-mason-business-casual-shirt-253294-540-440-0.jpg"
                           data-title="Mason Blue Business Casual Shirt"
                           data-uri="/alynn-light-blue-mason-slim-fit-casual-shirt-1"
                           data-id="253294"
                           data-num="15">
                            <img src="https://www.ties.com/primg/blue-cotton-mason-business-casual-shirt-253294-400-45-0.jpg" class="color" alt="Blue Cotton Mason Business Casual Shirt" title="Blue Cotton Mason Business Casual Shirt">
                        </a>
                    
                    
                    
                        <a href="/alynn-navy-blue-mason-slim-fit-casual-shirt-1"
                           class="link  js-related-color"
                           data-color-label="Navy Blue"
                           data-img="https://www.ties.com/primg/navy-blue-cotton-mason-business-casual-shirt-253280-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/navy-blue-cotton-mason-business-casual-shirt-253280-515-440-1.jpg"
                           data-title="Mason Navy Blue Business Casual Shirt"
                           data-uri="/alynn-navy-blue-mason-slim-fit-casual-shirt-1"
                           data-id="253280"
                           data-num="15">
                            <img src="https://www.ties.com/primg/navy-blue-cotton-mason-business-casual-shirt-253280-400-45-0.jpg" class="color" alt="Navy Blue Cotton Mason Business Casual Shirt" title="Navy Blue Cotton Mason Business Casual Shirt">
                        </a>
                    
                    
                    
                        <a href="/alynn-green-mason-slim-fit-casual-shirt-1"
                           class="link  js-related-color"
                           data-color-label="Green"
                           data-img="https://www.ties.com/primg/green-cotton-mason-business-casual-shirt-253308-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/green-cotton-mason-business-casual-shirt-253308-515-440-1.jpg"
                           data-title="Mason Green Business Casual Shirt"
                           data-uri="/alynn-green-mason-slim-fit-casual-shirt-1"
                           data-id="253308"
                           data-num="15">
                            <img src="https://www.ties.com/primg/green-cotton-mason-business-casual-shirt-253308-400-45-0.jpg" class="color" alt="Green Cotton Mason Business Casual Shirt" title="Green Cotton Mason Business Casual Shirt">
                        </a>
                    
                    
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-navy-blue-reid-classic-fit-untuckable-dress-shirt" class="img-link js-id" id="pran-253371">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/navy-blue-cotton-reid-floral-casual-shirt-253371-515-440-0.jpg" class="img js-img-link" alt="_Reid Floral Navy Blue Casual Shirt_" title=" Reid Floral Navy Blue Casual Shirt " data-img="https://www.ties.com/primg/navy-blue-cotton-reid-floral-casual-shirt-253371-515-440-0.jpg" data-sec-img="https://www.ties.com/primg/navy-blue-cotton-reid-floral-casual-shirt-253371-515-440-1.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253371">
    <div class="quick-add-btn-container">
    
        <div class="quick-add-options">
            <div class="size-container">
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XS">XS</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="S">S</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="M">M</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="L">L</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XL">XL</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XXL">XXL</button>
            
            </div>
        </div>
    
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253371">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Reid Floral Navy Blue Casual Shirt
                    </h2>
                </div>
            

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

                
                    <div class="color-relations">
                    
                    
                        <a href="/alynn-navy-blue-reid-classic-fit-untuckable-dress-shirt"
                           class="link active js-related-color"
                           data-color-label="Navy Blue"
                           data-img="https://www.ties.com/primg/navy-blue-cotton-reid-floral-casual-shirt-253371-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/navy-blue-cotton-reid-floral-casual-shirt-253371-515-440-1.jpg"
                           data-title="Reid Floral Navy Blue Casual Shirt"
                           data-uri="/alynn-navy-blue-reid-classic-fit-untuckable-dress-shirt"
                           data-id="253371"
                           data-num="16">
                            <img src="https://www.ties.com/primg/navy-blue-cotton-reid-floral-casual-shirt-253371-400-45-0.jpg" class="color" alt="Navy Blue Cotton Reid Floral Casual Shirt" title="Navy Blue Cotton Reid Floral Casual Shirt">
                        </a>
                    
                    
                    
                        <a href="/alynn-white-reid-classic-fit-untuckable-dress-shirt"
                           class="link  js-related-color"
                           data-color-label="White"
                           data-img="https://www.ties.com/primg/white-cotton-reid-floral-casual-shirt-253385-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/white-cotton-reid-floral-casual-shirt-253385-540-440-0.jpg"
                           data-title="Reid Floral White Casual Shirt"
                           data-uri="/alynn-white-reid-classic-fit-untuckable-dress-shirt"
                           data-id="253385"
                           data-num="16">
                            <img src="https://www.ties.com/primg/white-cotton-reid-floral-casual-shirt-253385-400-45-0.jpg" class="color" alt="White Cotton Reid Floral Casual Shirt" title="White Cotton Reid Floral Casual Shirt">
                        </a>
                    
                    
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-navy-blue-finn-slim-fit-untuckable-dress-shirt" class="img-link js-id" id="pran-253364">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/navy-blue-cotton-finn-casual-shirt-253364-515-440-0.jpg" class="img js-img-link" alt="_Finn Navy Blue Casual Shirt_" title=" Finn Navy Blue Casual Shirt " data-img="https://www.ties.com/primg/navy-blue-cotton-finn-casual-shirt-253364-515-440-0.jpg" data-sec-img="https://www.ties.com/primg/navy-blue-cotton-finn-casual-shirt-253364-540-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253364">
    <div class="quick-add-btn-container">
    
        <div class="quick-add-options">
            <div class="size-container">
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XS">XS</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="S">S</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="M">M</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XL">XL</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XXL">XXL</button>
            
            </div>
        </div>
    
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253364">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Finn Navy Blue Casual Shirt
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-light-denim-liam-slim-fit-untuckable-dress-shirt_02" class="img-link js-id" id="pran-253336">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/blue-cotton-liam-denim-casual-shirt-253336-515-440-0.jpg" class="img js-img-link" alt="_Liam Denim Blue Casual Shirt_" title=" Liam Denim Blue Casual Shirt " data-img="https://www.ties.com/primg/blue-cotton-liam-denim-casual-shirt-253336-515-440-0.jpg" data-sec-img="https://www.ties.com/primg/blue-cotton-liam-denim-casual-shirt-253336-540-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253336">
    <div class="quick-add-btn-container">
    
        <div class="quick-add-options">
            <div class="size-container">
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XS">XS</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="S">S</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="M">M</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="L">L</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XL">XL</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XXL">XXL</button>
            
            </div>
        </div>
    
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253336">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Liam Denim Blue Casual Shirt
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-aqua-evan-classic-fit-dress-shirt-1" class="img-link js-id" id="pran-253049">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/aqua-polyester-evan-dress-shirt-253049-515-440-0.jpg" class="img js-img-link" alt="_Evan Aqua Dress Shirt_" title=" Evan Aqua Dress Shirt " data-img="https://www.ties.com/primg/aqua-polyester-evan-dress-shirt-253049-515-440-0.jpg" data-sec-img="https://www.ties.com/primg/aqua-polyester-evan-dress-shirt-253049-540-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253049">
    <div class="quick-add-btn-container">
    
        <div class="quick-add-options">
            <div class="size-container">
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XS">XS</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="S">S</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="M">M</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="L">L</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XXL">XXL</button>
            
            </div>
        </div>
    
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253049">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Evan Aqua Dress Shirt
                    </h2>
                </div>
            

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

                
                    <div class="color-relations">
                    
                    
                        <a href="/alynn-aqua-evan-classic-fit-dress-shirt-1"
                           class="link active js-related-color"
                           data-color-label="Aqua"
                           data-img="https://www.ties.com/primg/aqua-polyester-evan-dress-shirt-253049-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/aqua-polyester-evan-dress-shirt-253049-540-440-0.jpg"
                           data-title="Evan Aqua Dress Shirt"
                           data-uri="/alynn-aqua-evan-classic-fit-dress-shirt-1"
                           data-id="253049"
                           data-num="19">
                            <img src="https://www.ties.com/primg/aqua-polyester-evan-dress-shirt-253049-400-45-0.jpg" class="color" alt="Aqua Polyester Evan Dress Shirt" title="Aqua Polyester Evan Dress Shirt">
                        </a>
                    
                    
                    
                        <a href="/alynn-purple-evan-classic-fit-dress-shirt"
                           class="link  js-related-color"
                           data-color-label="Purple"
                           data-img="https://www.ties.com/primg/purple-polyester-evan-dress-shirt-253063-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/purple-polyester-evan-dress-shirt-253063-515-440-1.jpg"
                           data-title="Evan Purple Dress Shirt"
                           data-uri="/alynn-purple-evan-classic-fit-dress-shirt"
                           data-id="253063"
                           data-num="19">
                            <img src="https://www.ties.com/primg/purple-polyester-evan-dress-shirt-253063-400-45-0.jpg" class="color" alt="Purple Polyester Evan Dress Shirt" title="Purple Polyester Evan Dress Shirt">
                        </a>
                    
                    
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-aqua-evan-slim-fit-dress-shirt-1" class="img-link js-id" id="pran-253056">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/aqua-cotton-evan-dress-shirt-253056-515-440-0.jpg" class="img js-img-link" alt="_Evan Aqua Dress Shirt_" title=" Evan Aqua Dress Shirt " data-img="https://www.ties.com/primg/aqua-cotton-evan-dress-shirt-253056-515-440-0.jpg" data-sec-img="https://www.ties.com/primg/aqua-cotton-evan-dress-shirt-253056-515-440-1.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253056">
    <div class="quick-add-btn-container">
    
        <div class="quick-add-options">
            <div class="size-container">
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XS">XS</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="S">S</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="M">M</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="L">L</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XL">XL</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XXL">XXL</button>
            
            </div>
        </div>
    
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253056">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Evan Aqua Dress Shirt
                    </h2>
                </div>
            

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

                
                    <div class="color-relations">
                    
                    
                        <a href="/alynn-aqua-evan-slim-fit-dress-shirt-1"
                           class="link active js-related-color"
                           data-color-label="Aqua"
                           data-img="https://www.ties.com/primg/aqua-cotton-evan-dress-shirt-253056-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/aqua-cotton-evan-dress-shirt-253056-515-440-1.jpg"
                           data-title="Evan Aqua Dress Shirt"
                           data-uri="/alynn-aqua-evan-slim-fit-dress-shirt-1"
                           data-id="253056"
                           data-num="20">
                            <img src="https://www.ties.com/primg/aqua-cotton-evan-dress-shirt-253056-400-45-0.jpg" class="color" alt="Aqua Cotton Evan Dress Shirt" title="Aqua Cotton Evan Dress Shirt">
                        </a>
                    
                    
                    
                        <a href="/alynn-purple-evan-slim-fit-dress-shirt-1"
                           class="link  js-related-color"
                           data-color-label="Purple"
                           data-img="https://www.ties.com/primg/purple-cotton-evan-dress-shirt-253070-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/purple-cotton-evan-dress-shirt-253070-540-440-0.jpg"
                           data-title="Evan Purple Dress Shirt"
                           data-uri="/alynn-purple-evan-slim-fit-dress-shirt-1"
                           data-id="253070"
                           data-num="20">
                            <img src="https://www.ties.com/primg/purple-cotton-evan-dress-shirt-253070-400-45-0.jpg" class="color" alt="Purple Cotton Evan Dress Shirt" title="Purple Cotton Evan Dress Shirt">
                        </a>
                    
                    
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-navy-blue-mason-classic-fit-casual-shirt" class="img-link js-id" id="pran-253273">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/navy-blue-cotton-mason-business-casual-shirt-253273-515-440-0.jpg" class="img js-img-link" alt="_Mason Navy Blue Business Casual Shirt_" title=" Mason Navy Blue Business Casual Shirt " data-img="https://www.ties.com/primg/navy-blue-cotton-mason-business-casual-shirt-253273-515-440-0.jpg" data-sec-img="https://www.ties.com/primg/navy-blue-cotton-mason-business-casual-shirt-253273-515-440-1.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253273">
    <div class="quick-add-btn-container">
    
        <div class="quick-add-options">
            <div class="size-container">
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XS">XS</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="S">S</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="M">M</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="L">L</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XL">XL</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XXL">XXL</button>
            
            </div>
        </div>
    
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253273">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Mason Navy Blue Business Casual Shirt
                    </h2>
                </div>
            

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

                
                    <div class="color-relations">
                    
                    
                        <a href="/alynn-navy-blue-mason-classic-fit-casual-shirt"
                           class="link active js-related-color"
                           data-color-label="Navy Blue"
                           data-img="https://www.ties.com/primg/navy-blue-cotton-mason-business-casual-shirt-253273-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/navy-blue-cotton-mason-business-casual-shirt-253273-515-440-1.jpg"
                           data-title="Mason Navy Blue Business Casual Shirt"
                           data-uri="/alynn-navy-blue-mason-classic-fit-casual-shirt"
                           data-id="253273"
                           data-num="21">
                            <img src="https://www.ties.com/primg/navy-blue-cotton-mason-business-casual-shirt-253273-400-45-0.jpg" class="color" alt="Navy Blue Cotton Mason Business Casual Shirt" title="Navy Blue Cotton Mason Business Casual Shirt">
                        </a>
                    
                    
                    
                        <a href="/alynn-light-blue-mason-classic-fit-casual-shirt-1"
                           class="link  js-related-color"
                           data-color-label="Blue"
                           data-img="https://www.ties.com/primg/blue-cotton-mason-business-casual-shirt-253287-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/blue-cotton-mason-business-casual-shirt-253287-540-440-0.jpg"
                           data-title="Mason Blue Business Casual Shirt"
                           data-uri="/alynn-light-blue-mason-classic-fit-casual-shirt-1"
                           data-id="253287"
                           data-num="21">
                            <img src="https://www.ties.com/primg/blue-cotton-mason-business-casual-shirt-253287-400-45-0.jpg" class="color" alt="Blue Cotton Mason Business Casual Shirt" title="Blue Cotton Mason Business Casual Shirt">
                        </a>
                    
                    
                    
                        <a href="/alynn-green-mason-classic-fit-casual-shirt-1"
                           class="link  js-related-color"
                           data-color-label="Green"
                           data-img="https://www.ties.com/primg/green-cotton-mason-business-casual-shirt-253301-515-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/green-cotton-mason-business-casual-shirt-253301-515-440-1.jpg"
                           data-title="Mason Green Business Casual Shirt"
                           data-uri="/alynn-green-mason-classic-fit-casual-shirt-1"
                           data-id="253301"
                           data-num="21">
                            <img src="https://www.ties.com/primg/green-cotton-mason-business-casual-shirt-253301-400-45-0.jpg" class="color" alt="Green Cotton Mason Business Casual Shirt" title="Green Cotton Mason Business Casual Shirt">
                        </a>
                    
                    
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-navy-blue-finn-classic-fit-untuckable-dress-shirt" class="img-link js-id" id="pran-253357">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/navy-blue-cotton-finn-casual-shirt-253357-515-440-0.jpg" class="img js-img-link" alt="_Finn Navy Blue Casual Shirt_" title=" Finn Navy Blue Casual Shirt " data-img="https://www.ties.com/primg/navy-blue-cotton-finn-casual-shirt-253357-515-440-0.jpg" data-sec-img="https://www.ties.com/primg/navy-blue-cotton-finn-casual-shirt-253357-515-440-1.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253357">
    <div class="quick-add-btn-container">
    
        <div class="quick-add-options">
            <div class="size-container">
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XS">XS</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="S">S</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="M">M</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="L">L</button>
            
            </div>
        </div>
    
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253357">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Finn Navy Blue Casual Shirt
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-indigo-liam-slim-fit-untuckable-dress-shirt" class="img-link js-id" id="pran-253126">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/indigo-cotton-liam-denim-casual-shirt-253126-515-440-0.jpg" class="img js-img-link" alt="_Liam Denim Indigo Casual Shirt_" title=" Liam Denim Indigo Casual Shirt " data-img="https://www.ties.com/primg/indigo-cotton-liam-denim-casual-shirt-253126-515-440-0.jpg" data-sec-img="https://www.ties.com/primg/indigo-cotton-liam-denim-casual-shirt-253126-515-440-1.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253126">
    <div class="quick-add-btn-container">
    
        <div class="quick-add-options">
            <div class="size-container">
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XS">XS</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="S">S</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="L">L</button>
            
                <button type="submit" class="size-btn option-btn js-size-btn" value="XXL">XXL</button>
            
            </div>
        </div>
    
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253126">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Liam Denim Indigo Casual Shirt
                    </h2>
                </div>
            

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

                

                

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



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

    
</div>
</div>


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


<div class="arbitrary-content">
<p>We carry a wide selection of blue dress shirts, from affordable and casual to formal and tailored. Whether you're looking for a new dress shirt for work or an old favorite that you can spruce up, we have the perfect blue dress shirt for you. shop now and find the perfect shirt for your next special occasion.<p>
</div>


<div class="extra-links">
    <h2 class="title">
        <a href="/shirts">Shop Men&#39;s Dress Shirts</a>
    </h2>


    <ul class="link-list">
    
        <li class="link-item link-item-title">
        
            <a href="/black-dress-shirts" class="link link-title">Black Dress Shirts</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/gray-dress-shirts" class="link link-title">Gray Dress Shirts</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/green-dress-shirts" class="link link-title">Green Dress Shirts</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/blue-dress-shirts" class="link link-title">Men&#39;s Blue Dress Shirts</a>
        
        </li>
    
    </ul>

    <ul class="link-list">
    
        <li class="link-item link-item-title">
        
            <a href="/brown-dress-shirts" class="link link-title">Men&#39;s Brown Dress Shirts</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/shirts/classic-fit" class="link link-title">Men&#39;s Classic Fit Dress Shirts</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/shirts/classic-fit/dress-shirts" class="link ">Classic Fit Dress Shirt</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/shirts/classic-fit/casual-shirts" class="link ">Classic Fit Casual Shirts</a>
        
        </li>
    
    </ul>

    <ul class="link-list">
    
        <li class="link-item ">
        
            <a href="/shirts/classic-fit/business-casual-shirts" class="link ">Classic Fit Business Casual Shirts</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/pink-dress-shirts" class="link link-title">Men&#39;s Pink Dress Shirts</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/purple-dress-shirts" class="link link-title">Men&#39;s Purple Dress Shirts</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/red-dress-shirts" class="link link-title">Men&#39;s Red Dress Shirts</a>
        
        </li>
    
    </ul>

    <ul class="link-list">
    
        <li class="link-item link-item-title">
        
            <a href="/yellow-dress-shirts" class="link link-title">Men&#39;s Yellow Dress Shirts</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/shirts/slim-fit" class="link link-title">Mens Slim Fit Dress Shirts</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/shirts/slim-fit/business-casual-shirts" class="link ">Slim Fit Business Casual Shirts</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/shirts/slim-fit/casual-shirts" class="link ">Slim Fit Casual Shirts</a>
        
        </li>
    
    </ul>

    <ul class="link-list">
    
        <li class="link-item ">
        
            <a href="/shirts/slim-fit/dress-shirts" class="link ">Slim Fit Dress Shirts</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/white-dress-shirts" class="link link-title">White Dress Shirts</a>
        
        </li>
    
    </ul>

</div>


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

    </div>
</div>

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

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

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

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

</div>

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

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

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

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

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

  
  

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

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

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

  
    

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

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

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


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


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

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

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

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

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

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

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

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

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

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


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

<div class="page-wrap">

    
    

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

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

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

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

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



    

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

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

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

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

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

                        
                    </div>

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

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


            </div>

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

        </div>

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


        <div class="container">
            





        </div>



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

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

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

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

</div>





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

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

            <div class="knot-info">
                
                <h2 class="about-heading">About the Windsor Knot</h2>
                

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        <div class="steps">
            

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    
</div>




    </div> 
</div> 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    

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

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

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

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

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

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

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

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

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

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

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


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


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


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





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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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






</body>

</html>