/skinny-tie+wild-ties-brand+novelty-patterned+black-colored+shop-all?sort=new"
                            
                            >Skinny Tie</option>
                
                    <option value="/tie&#43;wild-ties-brand&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            data-selected="selected"
                            >Tie</option>
                
                    <option value="/boys-tie&#43;wild-ties-brand&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            
                            >Tie for Boys</option>
                
                    <option value="/wild-ties-brand&#43;novelty-patterned&#43;black-colored&#43;shop-all"
                            
                            data-clear-link="true">clear</option>
                
                </select>
            

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

            
                <select
                        title="Pattern" data-name="Pattern"
                        data-active="active"
                        data-filter-name="Novelty"
                        data-type="filter">
                
                    <option value="/tie&#43;wild-ties-brand&#43;conversational-patterned&#43;black-colored&#43;shop-all?sort=new"
                            
                            >Conversational</option>
                
                    <option value="/tie&#43;wild-ties-brand&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            data-selected="selected"
                            >Novelty</option>
                
                    <option value="/tie&#43;wild-ties-brand&#43;black-colored&#43;shop-all?sort=new"
                            
                            data-clear-link="true">clear</option>
                
                </select>
            

            
                <select
                        title="Material" data-name="Material"
                        data-active="inactive"
                        data-filter-name=""
                        data-type="filter">
                
                    <option value="/tie&#43;wild-ties-brand&#43;microfiber-material&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            
                            >microfiber</option>
                
                    <option value="/tie&#43;wild-ties-brand&#43;polyester-material&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            
                            >polyester</option>
                
                    <option value="/tie&#43;wild-ties-brand&#43;silk-material&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            
                            >silk</option>
                
                </select>
            

            

            
                <select
                        title="Brand" data-name="Brand"
                        data-active="active"
                        data-filter-name="WildTies®"
                        data-type="filter">
                
                    <option value="/tie&#43;alynn-brand&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            
                            >Alynn®</option>
                
                    <option value="/tie&#43;wild-ties-brand&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            data-selected="selected"
                            >WildTies®</option>
                
                    <option value="/tie&#43;other-brands&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            
                            >Other Brands</option>
                
                    <option value="/tie&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            
                            data-clear-link="true">clear</option>
                
                </select>
            

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

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

            

            
                <select
                        class="locked-filter"
                        title="Selected Type" data-name="Type"
                        data-active="active"
                        data-filter-name="Tie"
                        data-type="filter">
                
                    <option value="/bow-tie-for-infants&#43;wild-ties-brand&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            
                            >Bow Tie for Infants</option>
                
                    <option value="/extra-long-tie&#43;wild-ties-brand&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            
                            >Extra Long Tie</option>
                
                    <option value="/pre-tied-bow-ties&#43;wild-ties-brand&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            
                            >Pre-Tied Bow Tie</option>
                
                    <option value="/butterfly-bow-tie&#43;wild-ties-brand&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            
                            >Self-Tie Bow Tie</option>
                
                    <option value="/skinny-tie&#43;wild-ties-brand&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            
                            >Skinny Tie</option>
                
                    <option value="/tie&#43;wild-ties-brand&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            data-selected="selected"
                            >Tie</option>
                
                    <option value="/boys-tie&#43;wild-ties-brand&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            
                            >Tie for Boys</option>
                
                    <option value="/wild-ties-brand&#43;novelty-patterned&#43;black-colored&#43;shop-all"
                            
                            data-clear-link="true">clear</option>
                
                </select>
            

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

            
                <select
                        class="locked-filter"
                        title="Selected Pattern" data-name="Pattern"
                        data-active="active"
                        data-filter-name="Novelty"
                        data-type="filter">
                
                    <option value="/tie&#43;wild-ties-brand&#43;conversational-patterned&#43;black-colored&#43;shop-all?sort=new"
                            
                            >Conversational</option>
                
                    <option value="/tie&#43;wild-ties-brand&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            data-selected="selected"
                            >Novelty</option>
                
                    <option value="/tie&#43;wild-ties-brand&#43;black-colored&#43;shop-all?sort=new"
                            
                            data-clear-link="true">clear</option>
                
                </select>
            

            
                <select
                        class="locked-filter"
                        title="Selected Material" data-name="Material"
                        data-active="inactive"
                        data-filter-name=""
                        data-type="filter">
                
                    <option value="/tie&#43;wild-ties-brand&#43;microfiber-material&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            
                            >microfiber</option>
                
                    <option value="/tie&#43;wild-ties-brand&#43;polyester-material&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            
                            >polyester</option>
                
                    <option value="/tie&#43;wild-ties-brand&#43;silk-material&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            
                            >silk</option>
                
                </select>
            

            

            
                <select
                        class="locked-filter"
                        title="Selected Brand" data-name="Brand"
                        data-active="active"
                        data-filter-name="WildTies®"
                        data-type="filter">
                
                    <option value="/tie&#43;alynn-brand&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            
                            >Alynn®</option>
                
                    <option value="/tie&#43;wild-ties-brand&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            data-selected="selected"
                            >WildTies®</option>
                
                    <option value="/tie&#43;other-brands&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            
                            >Other Brands</option>
                
                    <option value="/tie&#43;novelty-patterned&#43;black-colored&#43;shop-all?sort=new"
                            
                            data-clear-link="true">clear</option>
                
                </select>
            

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

        

        
    </div>
</div>


            <div class="product-wrapper">





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

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

    

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

        
    </div>
</div>









<ul class="product-list">
    

    
    
    <li class="product ">
        <a href="/wild-ties-black-math-equations-tie" class="img-link js-id" id="pran-245167">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-math-equations-tie-245167-540-440-0.jpg" class="img js-img-link" alt="_Math Equations Black Tie_" title=" Math Equations Black Tie " data-img="https://www.ties.com/primg/black-microfiber-math-equations-tie-245167-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-math-equations-tie-245167-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="245167">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="245359">2.25&#34; 
Skinny</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="245167">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="245167">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                        <span class="new">NEW!</span>
                    
                    Math Equations Black Tie
                    </h2>
                </div>
            

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

                
                    <div class="color-relations">
                    
                    
                        <a href="/wild-ties-black-math-equations-tie"
                           class="link active js-related-color"
                           data-color-label="Black"
                           data-img="https://www.ties.com/primg/black-microfiber-math-equations-tie-245167-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/black-microfiber-math-equations-tie-245167-515-440-0.jpg"
                           data-title="Math Equations Black Tie"
                           data-uri="/wild-ties-black-math-equations-tie"
                           data-id="245167"
                           data-num="0">
                            <img src="https://www.ties.com/primg/black-microfiber-math-equations-tie-245167-400-45-0.jpg" class="color" alt="Black Microfiber Math Equations Tie" title="Black Microfiber Math Equations Tie">
                        </a>
                    
                    
                    
                        <a href="/wild-ties-navy-blue-math-equations-tie"
                           class="link  js-related-color"
                           data-color-label="Navy Blue"
                           data-img="https://www.ties.com/primg/navy-blue-microfiber-math-equations-tie-245169-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/navy-blue-microfiber-math-equations-tie-245169-515-440-0.jpg"
                           data-title="Math Equations Navy Blue Tie"
                           data-uri="/wild-ties-navy-blue-math-equations-tie"
                           data-id="245169"
                           data-num="0">
                            <img src="https://www.ties.com/primg/navy-blue-microfiber-math-equations-tie-245169-400-45-0.jpg" class="color" alt="Navy Blue Microfiber Math Equations Tie" title="Navy Blue Microfiber Math Equations Tie">
                        </a>
                    
                    
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/wild-ties-tossed-salad-black-tie" class="img-link js-id" id="pran-247934">

            

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


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Tossed Salad Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/fun-ties-doctor%27s-sayings-black-tie" class="img-link js-id" id="pran-223914">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-doctor-s-sayings-tie-223914-505-440-0.jpg" class="img js-img-link" alt="_Doctor&#39;s Sayings Black Tie_" title=" Doctor&#39;s Sayings Black Tie " data-img="https://www.ties.com/primg/black-microfiber-doctor-s-sayings-tie-223914-505-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-doctor-s-sayings-tie-223914-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="223914">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="223914">3.375&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="223914">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Doctor&#39;s Sayings Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/fun-ties-teacher-black-tie" class="img-link js-id" id="pran-223886">

            

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


            

            


                <div class="info-wrap">

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

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/fun-ties-kiss-the-cook-black-tie" class="img-link js-id" id="pran-223887">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-polyester-kiss-the-cook-tie-223887-540-440-0.jpg" class="img js-img-link" alt="_Kiss The Cook Black Tie_" title=" Kiss The Cook Black Tie " data-img="https://www.ties.com/primg/black-polyester-kiss-the-cook-tie-223887-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-polyester-kiss-the-cook-tie-223887-505-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="223887">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="223887">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="223887">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Kiss The Cook Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/fun-ties-lucky-find-black-tie" class="img-link js-id" id="pran-223925">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-lucky-find-tie-223925-505-440-0.jpg" class="img js-img-link" alt="_Lucky Find Black Tie_" title=" Lucky Find Black Tie " data-img="https://www.ties.com/primg/black-microfiber-lucky-find-tie-223925-505-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-lucky-find-tie-223925-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="223925">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="223925">3.5&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="223925">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Lucky Find Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/b/wild-ties-zebra-print-black-tie" class="img-link js-id" id="pran-231211">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-zebra-animal-print-tie-231211-540-440-0.jpg" class="img js-img-link" alt="_Zebra Animal Print Black Tie_" title=" Zebra Animal Print Black Tie " data-img="https://www.ties.com/primg/black-microfiber-zebra-animal-print-tie-231211-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-zebra-animal-print-tie-231211-505-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="231211">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="249704">2.25&#34; 
Skinny</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="231211">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="231211">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Zebra Animal Print Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/wild-ties-red-camouflage-digital-tie" class="img-link js-id" id="pran-245139">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/red-microfiber-digital-camo-tie-245139-540-440-0.jpg" class="img js-img-link" alt="_Digital Camo Red Tie_" title=" Digital Camo Red Tie " data-img="https://www.ties.com/primg/red-microfiber-digital-camo-tie-245139-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/red-microfiber-digital-camo-tie-245139-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="245139">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="245139">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="245139">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Digital Camo Red Tie
                    </h2>
                </div>
            

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

                
                    <div class="color-relations">
                    
                    
                        <a href="/wild-ties-red-camouflage-digital-tie"
                           class="link active js-related-color"
                           data-color-label="Red &amp; Black"
                           data-img="https://www.ties.com/primg/red-microfiber-digital-camo-tie-245139-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/red-microfiber-digital-camo-tie-245139-515-440-0.jpg"
                           data-title="Digital Camo Red Tie"
                           data-uri="/wild-ties-red-camouflage-digital-tie"
                           data-id="245139"
                           data-num="7">
                            <img src="https://www.ties.com/primg/red-microfiber-digital-camo-tie-245139-400-45-0.jpg" class="color" alt="Red Microfiber Digital Camo Tie" title="Red Microfiber Digital Camo Tie">
                        </a>
                    
                    
                    
                        <a href="/wild-ties-navy-blue-camouflage-digital-tie"
                           class="link  js-related-color"
                           data-color-label="Navy Blue &amp; Sky Blue"
                           data-img="https://www.ties.com/primg/navy-blue-microfiber-digital-camo-tie-245138-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/navy-blue-microfiber-digital-camo-tie-245138-515-440-0.jpg"
                           data-title="Digital Camo Navy Blue Tie"
                           data-uri="/wild-ties-navy-blue-camouflage-digital-tie"
                           data-id="245138"
                           data-num="7">
                            <img src="https://www.ties.com/primg/navy-blue-microfiber-digital-camo-tie-245138-400-45-0.jpg" class="color" alt="Navy Blue Microfiber Digital Camo Tie" title="Navy Blue Microfiber Digital Camo Tie">
                        </a>
                    
                    
                    
                        <a href="/wild-ties-gray-camouflage-digital-tie"
                           class="link  js-related-color"
                           data-color-label="Gray"
                           data-img="https://www.ties.com/primg/gray-microfiber-digital-camo-tie-245140-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/gray-microfiber-digital-camo-tie-245140-515-440-0.jpg"
                           data-title="Digital Camo Gray Tie"
                           data-uri="/wild-ties-gray-camouflage-digital-tie"
                           data-id="245140"
                           data-num="7">
                            <img src="https://www.ties.com/primg/gray-microfiber-digital-camo-tie-245140-400-45-0.jpg" class="color" alt="Gray Microfiber Digital Camo Tie" title="Gray Microfiber Digital Camo Tie">
                        </a>
                    
                    
                    
                        <a href="/wild-ties-green-camouflage-digital-tie"
                           class="link  js-related-color"
                           data-color-label="Green &amp; Black"
                           data-img="https://www.ties.com/primg/green-microfiber-digital-camo-tie-245473-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/green-microfiber-digital-camo-tie-245473-515-440-0.jpg"
                           data-title="Digital Camo Green Tie"
                           data-uri="/wild-ties-green-camouflage-digital-tie"
                           data-id="245473"
                           data-num="7">
                            <img src="https://www.ties.com/primg/green-microfiber-digital-camo-tie-245473-400-45-0.jpg" class="color" alt="Green Microfiber Digital Camo Tie" title="Green Microfiber Digital Camo Tie">
                        </a>
                    
                    
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/wild-ties-black-christmas-lights-tie" class="img-link js-id" id="pran-245090">

            

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


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Christmas Lights Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/rm-style-red-hearts-black-tie" class="img-link js-id" id="pran-226616">

            

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


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Red Hearts Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/wild-ties-spacewalk-black-tie" class="img-link js-id" id="pran-222859">

            

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


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Space Walk Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/the-american-necktie-co-i-heart-you-black-tie" class="img-link js-id" id="pran-234634">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-i-heart-you-tie-234634-540-440-0.jpg" class="img js-img-link" alt="_I Heart You Black Tie_" title=" I Heart You Black Tie " data-img="https://www.ties.com/primg/black-microfiber-i-heart-you-tie-234634-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-i-heart-you-tie-234634-505-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="234634">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="234634">3.5&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="234634">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    I Heart You Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/mr.-g33k-f*ck-you-in-binary-code-black-tie" class="img-link js-id" id="pran-229728">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-f-ck-you-in-binary-code-tie-229728-505-440-0.jpg" class="img js-img-link" alt="_F*ck You in Binary Code Black Tie_" title=" F*ck You in Binary Code Black Tie " data-img="https://www.ties.com/primg/black-microfiber-f-ck-you-in-binary-code-tie-229728-505-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-f-ck-you-in-binary-code-tie-229728-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="229728">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="229728">3.5&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="229728">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    F*ck You in Binary Code Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/alynn-novelty-flamingo-black-tie" class="img-link js-id" id="pran-237879">

            

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


            

            


                <div class="info-wrap">

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

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/the-american-necktie-co-ducks-black-tie" class="img-link js-id" id="pran-229736">

            

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


            

            


                <div class="info-wrap">

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

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/alynn-coral-dinosaurs-roaming-black-tie" class="img-link js-id" id="pran-253727">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-coral-dinosaurs-roaming-tie-253727-540-440-0.jpg" class="img js-img-link" alt="_Coral Dinosaurs Roaming Black Tie_" title=" Coral Dinosaurs Roaming Black Tie " data-img="https://www.ties.com/primg/black-microfiber-coral-dinosaurs-roaming-tie-253727-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-coral-dinosaurs-roaming-tie-253727-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="253727">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="253732">2.25&#34; 
Skinny</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="253727">3.25&#34; 
Standard</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="253733">3.5&#34; 
Extra Long</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="253727">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Coral Dinosaurs Roaming Black Tie
                    </h2>
                </div>
            

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

                
                    <div class="color-relations">
                    
                    
                        <a href="/alynn-coral-dinosaurs-roaming-black-tie"
                           class="link active js-related-color"
                           data-color-label="Black"
                           data-img="https://www.ties.com/primg/black-microfiber-coral-dinosaurs-roaming-tie-253727-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/black-microfiber-coral-dinosaurs-roaming-tie-253727-515-440-0.jpg"
                           data-title="Coral Dinosaurs Roaming Black Tie"
                           data-uri="/alynn-coral-dinosaurs-roaming-black-tie"
                           data-id="253727"
                           data-num="15">
                            <img src="https://www.ties.com/primg/black-microfiber-coral-dinosaurs-roaming-tie-253727-400-45-0.jpg" class="color" alt="Black Microfiber Coral Dinosaurs Roaming Tie" title="Black Microfiber Coral Dinosaurs Roaming Tie">
                        </a>
                    
                    
                    
                        <a href="/wild-ties-navy-blue-dinosaurs-roaming-navy-blue-tie"
                           class="link  js-related-color"
                           data-color-label="Navy Blue"
                           data-img="https://www.ties.com/primg/navy-blue-microfiber-navy-blue-dinosaurs-roaming-tie-253728-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/navy-blue-microfiber-navy-blue-dinosaurs-roaming-tie-253728-515-440-0.jpg"
                           data-title="Navy Blue Dinosaurs Roaming Tie"
                           data-uri="/wild-ties-navy-blue-dinosaurs-roaming-navy-blue-tie"
                           data-id="253728"
                           data-num="15">
                            <img src="https://www.ties.com/primg/navy-blue-microfiber-navy-blue-dinosaurs-roaming-tie-253728-400-45-0.jpg" class="color" alt="Navy Blue Microfiber Navy Blue Dinosaurs Roaming Tie" title="Navy Blue Microfiber Navy Blue Dinosaurs Roaming Tie">
                        </a>
                    
                    
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/wild-ties-medical-professional-black-tie" class="img-link js-id" id="pran-228387">

            

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


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Medical Professional Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/wild-ties-rosetta-stone-black-tie" class="img-link js-id" id="pran-247935">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-rosetta-stone-tie-247935-540-440-0.jpg" class="img js-img-link" alt="_Rosetta Stone Black Tie_" title=" Rosetta Stone Black Tie " data-img="https://www.ties.com/primg/black-microfiber-rosetta-stone-tie-247935-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-rosetta-stone-tie-247935-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="247935">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="247943">2.25&#34; 
Skinny</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="247935">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="247935">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Rosetta Stone Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/wild-ties-walk-the-moon-black-tie" class="img-link js-id" id="pran-219764">

            

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


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Walk the Moon Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/the-american-necktie-co-and-the-band-played-on-black-tie" class="img-link js-id" id="pran-231562">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-and-the-band-played-on-tie-231562-540-440-0.jpg" class="img js-img-link" alt="_And the Band Played On Black Tie_" title=" And the Band Played On Black Tie " data-img="https://www.ties.com/primg/black-microfiber-and-the-band-played-on-tie-231562-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-and-the-band-played-on-tie-231562-505-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="231562">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="231562">3.5&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="231562">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    And the Band Played On Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/the-american-necktie-co-musical-rainbow-black-tie" class="img-link js-id" id="pran-234017">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-polyester-musical-rainbow-tie-234017-540-440-0.jpg" class="img js-img-link" alt="_Musical Rainbow Black Tie_" title=" Musical Rainbow Black Tie " data-img="https://www.ties.com/primg/black-polyester-musical-rainbow-tie-234017-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-polyester-musical-rainbow-tie-234017-505-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="234017">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="234017">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="234017">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Musical Rainbow Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/wild-ties-graduation-caps-black-tie" class="img-link js-id" id="pran-237076">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-graduation-caps-tie-237076-540-440-0.jpg" class="img js-img-link" alt="_Graduation Caps Black Tie_" title=" Graduation Caps Black Tie " data-img="https://www.ties.com/primg/black-microfiber-graduation-caps-tie-237076-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-graduation-caps-tie-237076-515-440-1.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="237076">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="237076">3.5&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="237076">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Graduation Caps Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/wild-ties-apollo-11-black-tie" class="img-link js-id" id="pran-253528">

            

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


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Apollo 11 Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/novelties-play-hard-basketball-black-tie" class="img-link js-id" id="pran-224423">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-polyester-play-hard-basketball-tie-224423-540-440-0.jpg" class="img js-img-link" alt="_Play Hard Basketball Black Tie_" title=" Play Hard Basketball Black Tie " data-img="https://www.ties.com/primg/black-polyester-play-hard-basketball-tie-224423-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-polyester-play-hard-basketball-tie-224423-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="224423">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="224423">3.75&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="224423">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Play Hard Basketball Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/wild-ties-pirate-skull-and-swords-black-tie" class="img-link js-id" id="pran-252778">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-pirate-skull-and-swords-tie-252778-540-440-0.jpg" class="img js-img-link" alt="_Pirate Skull and Swords Black Tie_" title=" Pirate Skull and Swords Black Tie " data-img="https://www.ties.com/primg/black-microfiber-pirate-skull-and-swords-tie-252778-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-pirate-skull-and-swords-tie-252778-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="252778">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="252779">2.25&#34; 
Skinny</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="252778">3.25&#34; 
Standard</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="252777">3.5&#34; 
Extra Long</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="252778">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Pirate Skull and Swords Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/wild-ties-eye-chart-black-tie" class="img-link js-id" id="pran-224386">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-eye-chart-tie-224386-540-440-0.jpg" class="img js-img-link" alt="_Eye Chart Black Tie_" title=" Eye Chart Black Tie " data-img="https://www.ties.com/primg/black-microfiber-eye-chart-tie-224386-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-eye-chart-tie-224386-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="224386">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="224386">3.5&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="224386">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Eye Chart Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/the-american-necktie-co-swimming-sharks-black-tie" class="img-link js-id" id="pran-232353">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-swimming-sharks-tie-232353-540-440-0.jpg" class="img js-img-link" alt="_Swimming Sharks Black Tie_" title=" Swimming Sharks Black Tie " data-img="https://www.ties.com/primg/black-microfiber-swimming-sharks-tie-232353-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-swimming-sharks-tie-232353-505-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="232353">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="232353">3.5&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="232353">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Swimming Sharks Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/alynn-novelty-pi-2-black-tie" class="img-link js-id" id="pran-237891">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-pi-2-tie-237891-540-440-0.jpg" class="img js-img-link" alt="_Pi 2 Black Tie_" title=" Pi 2 Black Tie " data-img="https://www.ties.com/primg/black-microfiber-pi-2-tie-237891-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-pi-2-tie-237891-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="237891">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="237891">3.25&#34; 
Standard</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="237914">3.75&#34; 
Extra Long</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="237891">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Pi 2 Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/wild-ties-black-the-8-planets-tie" class="img-link js-id" id="pran-245159">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-the-8-planets-tie-245159-540-440-0.jpg" class="img js-img-link" alt="_The 8 Planets Black Tie_" title=" The 8 Planets Black Tie " data-img="https://www.ties.com/primg/black-microfiber-the-8-planets-tie-245159-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-the-8-planets-tie-245159-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="245159">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="245351">2.25&#34; 
Skinny</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="245159">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="245159">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    The 8 Planets Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/wt-accessories-usa-triathlon-black-tie" class="img-link js-id" id="pran-222784">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-silk-usa-triathlon-tie-222784-540-440-0.jpg" class="img js-img-link" alt="_USA Triathlon Black Tie_" title=" USA Triathlon Black Tie " data-img="https://www.ties.com/primg/black-silk-usa-triathlon-tie-222784-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-silk-usa-triathlon-tie-222784-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="222784">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="222784">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="222784">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    USA Triathlon Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/wild-ties-triathalon-medal-black-tie" class="img-link js-id" id="pran-222762">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-silk-triathalon-medal-tie-222762-540-440-0.jpg" class="img js-img-link" alt="_Triathalon Medal Black Tie_" title=" Triathalon Medal Black Tie " data-img="https://www.ties.com/primg/black-silk-triathalon-medal-tie-222762-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-silk-triathalon-medal-tie-222762-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="222762">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="222762">3.75&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="222762">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Triathalon Medal Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/wild-ties-black-smokey-mountains-tie" class="img-link js-id" id="pran-245496">

            

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


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Smokey Mountains Black Tie
                    </h2>
                </div>
            

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

                
                    <div class="color-relations">
                    
                    
                        <a href="/wild-ties-black-smokey-mountains-tie"
                           class="link active js-related-color"
                           data-color-label="Black"
                           data-img="https://www.ties.com/primg/black-microfiber-smokey-mountains-tie-245496-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/black-microfiber-smokey-mountains-tie-245496-515-440-0.jpg"
                           data-title="Smokey Mountains Black Tie"
                           data-uri="/wild-ties-black-smokey-mountains-tie"
                           data-id="245496"
                           data-num="31">
                            <img src="https://www.ties.com/primg/black-microfiber-smokey-mountains-tie-245496-400-45-0.jpg" class="color" alt="Black Microfiber Smokey Mountains Tie" title="Black Microfiber Smokey Mountains Tie">
                        </a>
                    
                    
                    
                        <a href="/wild-ties-yellow-smokey-mountains-tie"
                           class="link  js-related-color"
                           data-color-label="Yellow"
                           data-img="https://www.ties.com/primg/yellow-microfiber-smokey-mountains-tie-245495-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/yellow-microfiber-smokey-mountains-tie-245495-515-440-0.jpg"
                           data-title="Smokey Mountains Yellow Tie"
                           data-uri="/wild-ties-yellow-smokey-mountains-tie"
                           data-id="245495"
                           data-num="31">
                            <img src="https://www.ties.com/primg/yellow-microfiber-smokey-mountains-tie-245495-400-45-0.jpg" class="color" alt="Yellow Microfiber Smokey Mountains Tie" title="Yellow Microfiber Smokey Mountains Tie">
                        </a>
                    
                    
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/mr.-g33k-power-on-button-black-tie" class="img-link js-id" id="pran-229727">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-power-on-button-tie-229727-540-440-0.jpg" class="img js-img-link" alt="_Power On Button Black Tie_" title=" Power On Button Black Tie " data-img="https://www.ties.com/primg/black-microfiber-power-on-button-tie-229727-540-440-0.jpg" data-sec-img="">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="229727">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="229727">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="229727">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Power On Button Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/b/alynn-novelty-404-error-black-tie" class="img-link js-id" id="pran-237868">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-404-error-tie-237868-540-440-0.jpg" class="img js-img-link" alt="_404 ERROR Black Tie_" title=" 404 ERROR Black Tie " data-img="https://www.ties.com/primg/black-microfiber-404-error-tie-237868-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-404-error-tie-237868-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="237868">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="237900">2.5&#34; 
Standard Skinny</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="237868">3.25&#34; 
Standard</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="237911">3.75&#34; 
Extra Long</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="237868">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    404 ERROR Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/wild-ties-green-camouflage-geometric-tie" class="img-link js-id" id="pran-245127">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/green-microfiber-geometric-camo-tie-245127-540-440-0.jpg" class="img js-img-link" alt="_Geometric Camo Green Tie_" title=" Geometric Camo Green Tie " data-img="https://www.ties.com/primg/green-microfiber-geometric-camo-tie-245127-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/green-microfiber-geometric-camo-tie-245127-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="245127">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="245319">2.25&#34; 
Skinny</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="245127">3.25&#34; 
Standard</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="245223">3.5&#34; 
Extra Long</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="245127">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Geometric Camo Green Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/the-american-necktie-co-fsm-logo-black-tie" class="img-link js-id" id="pran-231789">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-flying-spaghetti-monster-fsm-tie-231789-540-440-0.jpg" class="img js-img-link" alt="_Flying Spaghetti Monster FSM Black Tie_" title=" Flying Spaghetti Monster FSM Black Tie " data-img="https://www.ties.com/primg/black-microfiber-flying-spaghetti-monster-fsm-tie-231789-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-flying-spaghetti-monster-fsm-tie-231789-505-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="231789">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="231789">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="231789">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Flying Spaghetti Monster FSM Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/wild-ties-green-camouflage-digital-tie" class="img-link js-id" id="pran-245473">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/green-microfiber-digital-camo-tie-245473-540-440-0.jpg" class="img js-img-link" alt="_Digital Camo Green Tie_" title=" Digital Camo Green Tie " data-img="https://www.ties.com/primg/green-microfiber-digital-camo-tie-245473-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/green-microfiber-digital-camo-tie-245473-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="245473">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="245479">2.25&#34; 
Skinny</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="245473">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="245473">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Digital Camo Green Tie
                    </h2>
                </div>
            

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

                
                    <div class="color-relations">
                    
                    
                        <a href="/wild-ties-green-camouflage-digital-tie"
                           class="link active js-related-color"
                           data-color-label="Green &amp; Black"
                           data-img="https://www.ties.com/primg/green-microfiber-digital-camo-tie-245473-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/green-microfiber-digital-camo-tie-245473-515-440-0.jpg"
                           data-title="Digital Camo Green Tie"
                           data-uri="/wild-ties-green-camouflage-digital-tie"
                           data-id="245473"
                           data-num="36">
                            <img src="https://www.ties.com/primg/green-microfiber-digital-camo-tie-245473-400-45-0.jpg" class="color" alt="Green Microfiber Digital Camo Tie" title="Green Microfiber Digital Camo Tie">
                        </a>
                    
                    
                    
                        <a href="/wild-ties-navy-blue-camouflage-digital-tie"
                           class="link  js-related-color"
                           data-color-label="Navy Blue &amp; Sky Blue"
                           data-img="https://www.ties.com/primg/navy-blue-microfiber-digital-camo-tie-245138-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/navy-blue-microfiber-digital-camo-tie-245138-515-440-0.jpg"
                           data-title="Digital Camo Navy Blue Tie"
                           data-uri="/wild-ties-navy-blue-camouflage-digital-tie"
                           data-id="245138"
                           data-num="36">
                            <img src="https://www.ties.com/primg/navy-blue-microfiber-digital-camo-tie-245138-400-45-0.jpg" class="color" alt="Navy Blue Microfiber Digital Camo Tie" title="Navy Blue Microfiber Digital Camo Tie">
                        </a>
                    
                    
                    
                        <a href="/wild-ties-red-camouflage-digital-tie"
                           class="link  js-related-color"
                           data-color-label="Red &amp; Black"
                           data-img="https://www.ties.com/primg/red-microfiber-digital-camo-tie-245139-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/red-microfiber-digital-camo-tie-245139-515-440-0.jpg"
                           data-title="Digital Camo Red Tie"
                           data-uri="/wild-ties-red-camouflage-digital-tie"
                           data-id="245139"
                           data-num="36">
                            <img src="https://www.ties.com/primg/red-microfiber-digital-camo-tie-245139-400-45-0.jpg" class="color" alt="Red Microfiber Digital Camo Tie" title="Red Microfiber Digital Camo Tie">
                        </a>
                    
                    
                    
                        <a href="/wild-ties-gray-camouflage-digital-tie"
                           class="link  js-related-color"
                           data-color-label="Gray"
                           data-img="https://www.ties.com/primg/gray-microfiber-digital-camo-tie-245140-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/gray-microfiber-digital-camo-tie-245140-515-440-0.jpg"
                           data-title="Digital Camo Gray Tie"
                           data-uri="/wild-ties-gray-camouflage-digital-tie"
                           data-id="245140"
                           data-num="36">
                            <img src="https://www.ties.com/primg/gray-microfiber-digital-camo-tie-245140-400-45-0.jpg" class="color" alt="Gray Microfiber Digital Camo Tie" title="Gray Microfiber Digital Camo Tie">
                        </a>
                    
                    
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/wild-ties-woven-boneyard-black-tie-1" class="img-link js-id" id="pran-251732">

            

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


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Woven Boneyard Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/mr.-g33k-ties-suck-in-binary-code-black-tie" class="img-link js-id" id="pran-229729">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-ties-suck-in-binary-code-tie-229729-540-440-0.jpg" class="img js-img-link" alt="_Ties Suck in Binary Code Black Tie_" title=" Ties Suck in Binary Code Black Tie " data-img="https://www.ties.com/primg/black-microfiber-ties-suck-in-binary-code-tie-229729-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-ties-suck-in-binary-code-tie-229729-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="229729">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="229729">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="229729">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Ties Suck in Binary Code Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/wild-ties-yellow-mona-lisa-tie" class="img-link js-id" id="pran-245490">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/yellow-microfiber-mona-lisa-tie-245490-540-440-0.jpg" class="img js-img-link" alt="_Mona Lisa Yellow Tie_" title=" Mona Lisa Yellow Tie " data-img="https://www.ties.com/primg/yellow-microfiber-mona-lisa-tie-245490-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/yellow-microfiber-mona-lisa-tie-245490-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="245490">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="245513">2.25&#34; 
Skinny</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="245490">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="245490">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Mona Lisa Yellow Tie
                    </h2>
                </div>
            

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

                

                

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

            

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


            

            


                <div class="info-wrap">

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

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/wild-ties-atomic-nucleus-black-tie" class="img-link js-id" id="pran-249337">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-atomic-nucleus-tie-249337-540-440-0.jpg" class="img js-img-link" alt="_Atomic Nucleus Black Tie_" title=" Atomic Nucleus Black Tie " data-img="https://www.ties.com/primg/black-microfiber-atomic-nucleus-tie-249337-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-atomic-nucleus-tie-249337-505-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="249337">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="249339">2.5&#34; 
Standard Skinny</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="249337">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="249337">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Atomic Nucleus Black Tie
                    </h2>
                </div>
            

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

                
                    <div class="color-relations">
                    
                    
                        <a href="/wild-ties-atomic-nucleus-black-tie"
                           class="link active js-related-color"
                           data-color-label="Black"
                           data-img="https://www.ties.com/primg/black-microfiber-atomic-nucleus-tie-249337-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/black-microfiber-atomic-nucleus-tie-249337-505-440-0.jpg"
                           data-title="Atomic Nucleus Black Tie"
                           data-uri="/wild-ties-atomic-nucleus-black-tie"
                           data-id="249337"
                           data-num="41">
                            <img src="https://www.ties.com/primg/black-microfiber-atomic-nucleus-tie-249337-400-45-0.jpg" class="color" alt="Black Microfiber Atomic Nucleus Tie" title="Black Microfiber Atomic Nucleus Tie">
                        </a>
                    
                    
                    
                        <a href="/wild-ties-atomic-nucleus-navy-blue-tie"
                           class="link  js-related-color"
                           data-color-label="Navy Blue"
                           data-img="https://www.ties.com/primg/navy-blue-microfiber-atomic-nucleus-tie-249333-540-440-0.jpg"
                           data-sec-img="https://www.ties.com/primg/navy-blue-microfiber-atomic-nucleus-tie-249333-505-440-0.jpg"
                           data-title="Atomic Nucleus Navy Blue Tie"
                           data-uri="/wild-ties-atomic-nucleus-navy-blue-tie"
                           data-id="249333"
                           data-num="41">
                            <img src="https://www.ties.com/primg/navy-blue-microfiber-atomic-nucleus-tie-249333-400-45-0.jpg" class="color" alt="Navy Blue Microfiber Atomic Nucleus Tie" title="Navy Blue Microfiber Atomic Nucleus Tie">
                        </a>
                    
                    
                    
                    </div>

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/wild-ties-solar-system-black-tie" class="img-link js-id" id="pran-219571">

            

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


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Solar System Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/wild-ties-coach-black-tie" class="img-link js-id" id="pran-213693">

            

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


            

            


                <div class="info-wrap">

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

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/wild-ties-spooks-and-ghouls-black-tie" class="img-link js-id" id="pran-220101">

            

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


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Spooks and Ghouls Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/wild-ties-flying-high-black-tie" class="img-link js-id" id="pran-219633">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-flying-high-tie-219633-540-440-0.jpg" class="img js-img-link" alt="_Flying High Black Tie_" title=" Flying High Black Tie " data-img="https://www.ties.com/primg/black-microfiber-flying-high-tie-219633-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-flying-high-tie-219633-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="219633">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="219633">3.5&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="219633">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Flying High Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/wild-ties-mona-lisa---da-vinci-black-tie" class="img-link js-id" id="pran-220081">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-mona-lisa-da-vinci-tie-220081-540-440-0.jpg" class="img js-img-link" alt="_Mona Lisa - Da Vinci Black Tie_" title=" Mona Lisa - Da Vinci Black Tie " data-img="https://www.ties.com/primg/black-microfiber-mona-lisa-da-vinci-tie-220081-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-mona-lisa-da-vinci-tie-220081-505-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="220081">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="220081">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="220081">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    Mona Lisa - Da Vinci Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/v/a/wild-ties-tv-dinner-black-tie" class="img-link js-id" id="pran-219644">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-silk-tv-dinner-tie-219644-540-440-0.jpg" class="img js-img-link" alt="_TV Dinner Black Tie_" title=" TV Dinner Black Tie " data-img="https://www.ties.com/primg/black-silk-tv-dinner-tie-219644-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-silk-tv-dinner-tie-219644-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="219644">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="219644">3.25&#34; 
Standard</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="219644">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                    TV Dinner Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/wild-ties-black-spaced-out-tie" class="img-link js-id" id="pran-245492">

            

            <div class="product-image-container">
            
                <img src="https://www.ties.com/primg/black-microfiber-spaced-out-tie-245492-540-440-0.jpg" class="img js-img-link" alt="_Spaced Out Black Tie_" title=" Spaced Out Black Tie " data-img="https://www.ties.com/primg/black-microfiber-spaced-out-tie-245492-540-440-0.jpg" data-sec-img="https://www.ties.com/primg/black-microfiber-spaced-out-tie-245492-515-440-0.jpg">
            
            <form class="quick-add-form" data-shirt="" data-tie="" data-id="245492">
    <div class="quick-add-btn-container">
    
    
        <div class="quick-add-options">
            <div class="width-container">
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="245492">3.25&#34; 
Standard</button>
            
                <button type="submit" class="width-btn option-btn js-width-btn" data-id="245501">3.5&#34; 
Extra Long</button>
            
            </div>
        </div>
    
        <button type="submit" class="quick-add-btn js-quick-add has-options" data-id="245492">
            Quick Add +
        </button>
    </div>
</form>
            </div>


            
                <div class="backordered">PREORDER</div>
            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                        <span class="new">NEW!</span>
                    
                    Spaced Out Black Tie
                    </h2>
                </div>
            

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

                

                

                </div>
            </a>
        </li>
    
    
    <li class="product ">
        <a href="/wild-ties-black-sasquatch-spotted-tie" class="img-link js-id" id="pran-239743">

            

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


            
                <div class="backordered">PREORDER</div>
            

            


                <div class="info-wrap">

            
                <div class="title-link ">
                    <h2>
                    
                        <span class="new">NEW!</span>
                    
                    Sasquatch Spotted Black Tie
                    </h2>
                </div>
            

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

                

                

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



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

    
</div>
</div>


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



<div class="extra-links">
    <h2 class="title">
        <a href="/">Shop Categories</a>
    </h2>


    <ul class="link-list">
    
        <li class="link-item link-item-title">
        
            <a href="/accessories" class="link link-title">Accessories</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/mens-scarves" class="link ">Men&#39;s Scarves</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="" class="link ">patriotic-lapel-pins</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/handkerchiefs" class="link ">Handkerchiefs</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/cummerbunds" class="link ">Cummerbunds</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/pocket-squares" class="link ">Pocket Squares</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/cufflinks" class="link ">Cufflinks</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/shoelaces" class="link ">Shoelaces</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/wonder-button" class="link ">Collar Expanders</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/lapel-pins" class="link ">Lapel Pins</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/tie-racks" class="link ">Tie Racks &amp; Storage</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/tie-bars-and-tie-clips" class="link ">Tie Bars</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/bow-ties" class="link link-title">Bow Ties</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/bow-tie-pattern" class="link ">Shop by Pattern</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/bow-tie-colors" class="link ">Shop by Color</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/designer-bow-ties" class="link ">Shop by Brand</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/bow-tie-type" class="link ">Shop by Type</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/bow-tie-shapes" class="link ">Shop By Shape</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/bow-tie-material" class="link ">Shop by Material</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/boys-ties" class="link link-title">Boys Ties</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/boys-tie-pattern" class="link ">Shop by Pattern</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/boys-tie-type" class="link ">Shop by Type</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/boys-tie-color" class="link ">Shop by Color</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/boys-tie-material" class="link ">Shop by Material</a>
        
        </li>
    
    </ul>

    <ul class="link-list">
    
        <li class="link-item link-item-title">
        
            <a href="/socks" class="link link-title">Dress Socks</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/socks-by-theme" class="link ">Shop by Theme</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/socks-by-brand" class="link ">Shop by Brand</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/socks-by-pattern" class="link ">Shop by Pattern</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/socks-by-color" class="link ">Shop by Color</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/socks-by-type" class="link ">Shop by Type</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/extra-long-ties" class="link link-title">Extra Long Ties</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/x-long-novelty-ties" class="link ">Extra Long Novelty Ties</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/x-long-polka-dot-ties" class="link ">Extra Long Polka Dot Ties</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/x-long-solid-ties" class="link ">Extra Long Solid Ties</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/x-long-striped-ties" class="link ">Extra Long Striped Ties</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/extra-long-ties/gray" class="link ">Gray Extra Long  Ties</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/extra-long-ties/floral" class="link ">Extra Long Floral Ties</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/gift-packs" class="link link-title">Gift Packs</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/shirts" class="link link-title">Men&#39;s Dress Shirts</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/shirts/slim-fit" class="link ">Mens Slim Fit Dress Shirts</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/purple-dress-shirts" class="link ">Men&#39;s Purple Dress Shirts</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/white-dress-shirts" class="link ">White Dress Shirts</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/blue-dress-shirts" class="link ">Men&#39;s Blue Dress Shirts</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/brown-dress-shirts" class="link ">Men&#39;s Brown Dress Shirts</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/shirts/classic-fit" class="link ">Men&#39;s Classic Fit Dress Shirts</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/black-dress-shirts" class="link ">Black Dress Shirts</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/gray-dress-shirts" class="link ">Gray Dress Shirts</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/green-dress-shirts" class="link ">Green Dress Shirts</a>
        
        </li>
    
    </ul>

    <ul class="link-list">
    
        <li class="link-item ">
        
            <a href="/red-dress-shirts" class="link ">Men&#39;s Red Dress Shirts</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/pink-dress-shirts" class="link ">Men&#39;s Pink Dress Shirts</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/yellow-dress-shirts" class="link ">Men&#39;s Yellow Dress Shirts</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/ties" class="link link-title">Men&#39;s Ties</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/ties-by-color" class="link ">Shop by Color</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/ties-by-pattern" class="link ">Shop by Pattern</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/ties-by-material" class="link ">Shop by Material</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/designer-neckties" class="link ">Shop by Brand</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/boutiques" class="link link-title">More Ways to Shop</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/wedding-shop" class="link ">Wedding Shop</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/outlet" class="link ">The Outlet</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/final-sale" class="link ">Final Sale</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/best-sellers" class="link ">Best Sellers</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/going-fast" class="link ">Going Fast</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/new-items" class="link ">New Arrivals</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/essentials" class="link ">Essential Picks</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/distilled-fashion" class="link ">Distilled Fashion</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/on-sale" class="link ">Sale &amp; Clearance</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/stocking-stuffers" class="link ">Stocking Stuffers</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/holiday-essentials" class="link ">Holiday Essentials</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/easy-no-fail-gifts" class="link ">Easy No-Fail Gifts</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/gifts-under-100" class="link ">Gifts under $100</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/holiday-bundles" class="link ">Holiday Bundles</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/novelty-neckties" class="link link-title">Novelty Ties</a>
        
        </li>
    
    </ul>

    <ul class="link-list">
    
        <li class="link-item ">
        
            <a href="/religious-ties" class="link ">Religious Ties</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/occupational-ties" class="link ">Occupations</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/patriotic-ties" class="link ">Patriotic Ties</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/art-ties" class="link ">Art Ties</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/holidays-ties" class="link ">Holiday Ties</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/food-and-drink-ties" class="link ">Food &amp; Drink Ties</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/sports-ties" class="link ">Sports Ties</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/breast-cancer-awareness" class="link ">Breast Cancer Awareness</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/infectious-awareables-ties" class="link ">Infectious Awareables®</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/conversational-ties" class="link ">Conversational Ties</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/kentucky-derby-ties" class="link ">Kentucky Derby Ties</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/beach-and-nautical-ties" class="link ">Beach &amp; Nautical</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/animal-ties" class="link ">Animal Ties</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/music-ties" class="link ">Music Ties</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/transportation-ties" class="link ">Planes, Trains &amp; Automobiles</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/geek-ties" class="link ">Geek &amp; Science Ties</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/scarves" class="link link-title">Scarves</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/shop-all" class="link link-title">Shop All</a>
        
        </li>
    
        <li class="link-item link-item-title">
        
            <a href="/skinny-ties" class="link link-title">Skinny Ties</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/skinny-tie-color" class="link ">Shop by Color</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/skinny-tie-pattern" class="link ">Shop by Pattern</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/skinny-tie-width" class="link ">Shop by Width</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/skinny-tie-material" class="link ">Shop by Material</a>
        
        </li>
    
        <li class="link-item ">
        
            <a href="/designer-skinny-ties" class="link ">Shop by Brand</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="/shop-all?sort=new" 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>Charcoal Cotton Yuma Tie | Ties.com</title>
  <meta name="description" content="Shop for the Yuma Charcoal Tie, a Charcoal Cotton Tie by Ties.com.  Fast shipping" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  
  <meta name="robots" content="index, follow, noodp" />
  
  <meta name="google-site-verification" content="QuAemuxoNHyJ9-CJUJH-jzjpqNONivS1DMtamw6rxzo" />

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

    

  <link rel="stylesheet" type="text/css" href="/public/fonts/nexa/MyFontsWebfontsKit.css" />
  
  <link rel="stylesheet" type="text/css" href="/assets/css/product.css?v=f203ba28" />
      
  

  
  <meta property="og:type" content="product" />
   
  <meta property="og:title" content="Charcoal Cotton Yuma Tie | Ties.com" />
   
  <meta property="og:image" content="https://www.ties.com/primg/charcoal-cotton-yuma-tie-244871-540-600-0.jpg" />
  

  
    

  <script type="text/javascript">
    var siteId = "ties";
    var allowThirdPartyScripts =  false ;
    window.allowThirdPartyScripts = allowThirdPartyScripts;
  </script>

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

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

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

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

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

<body data-page-key="product.js">
  <a href="#main-content" class="global-skip-link">Skip to main content</a>
  

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


    <ul class="nav-list">
        
        <li>
            <a href="/ties" class="nav-list-link">NECKTIES</a>
        </li>
        <li>
            <a href="/skinny-ties" class="nav-list-link">SKINNY TIES</a>
        </li>
        <li>
            <button type="button" class="nav-list-link js-nav-list-link unstyled-button" aria-expanded="false" aria-controls="mobile-nav-novelty-ties">
                NOVELTY TIES <img src="/assets/img/icons/plus_icon.png" alt="" aria-hidden="true">
            </button>

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

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

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

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

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

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

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

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

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


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

<div class="page-wrap">

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

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

    

    
    
</div>



    </aside>
    

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

            <button type="button" class="mob-search-btn unstyled-button" aria-label="Open search" aria-controls="site-mobile-search-panel" aria-expanded="false">
                <img src="/assets/img/icons/search_icon.png" alt="" aria-hidden="true">
            </button>
            <div class="mob-search-form js-mob-search-form">
                <form action="/search" class="search-form js-search-form" role="search" aria-label="Mobile site search">
                    <div class="input-wrap">
                        <button type="submit" class="mob-search-form-btn unstyled-button" aria-label="Submit search">
                            <img src="/assets/img/icons/search_icon.png" alt="" aria-hidden="true">
                        </button>
                        <label class="visually-hidden" for="site-mobile-search-input">Search products</label>
                        <input id="site-mobile-search-input" type="text" name="srq" class="search-field js-mob-search-field" placeholder="" title="What can we help you find?" aria-label="Search products" autocomplete="off">
                    </div>
                </form>
                <div id="site-mobile-search-panel" class="search-suggestions-box js-search-suggestions-box">
                    <ul class="search-suggestions js-search-suggestions mob"></ul>
                    <div class="related-title js-related-title"></div>
                    <ul class="search-related js-search-related"></ul>
                </div>
            </div>

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

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

            <div class="header-right">
                <div>
                    <button type="button" class="search-link js-search-btn unstyled-button" aria-label="Open search" aria-controls="site-search-panel" aria-expanded="false">
                        <img src="/assets/img/icons/search_icon.png" alt="" aria-hidden="true">
                    </button>
                    <form action="/search" class="search-form js-search-form" role="search" aria-label="Site search">
                        <div class="input-wrap">
                            <label class="visually-hidden" for="site-search-input">Search products</label>
                            <input id="site-search-input" type="text" name="srq" class="search-field js-search-field" placeholder="" title="What can we help you find?" aria-label="Search products" autocomplete="off">
                        </div>
                    </form>
                    <div id="site-search-panel" class="search-suggestions-box js-search-suggestions-box">
                        <ul class="search-suggestions js-search-suggestions desk"></ul>
                        <div class="related-title js-related-title"></div>
                        <ul class="search-related js-search-related"></ul>
                    </div>
                    <div class="account">
                        
                        <a href="/account" class="header-link">
                            Account Login
                        </a>

                        
                    </div>

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

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


            </div>

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

        </header>

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


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

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

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

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

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

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

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

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

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

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

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

                                <ul class="list">
                                    
                                    <li>
                                        <a href="/black-skinny-ties">
                                            <i class="swatch black"></i> Black Skinny Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/blue-skinny-ties">
                                            <i class="swatch blue"></i> Blue Skinny Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/brown-skinny-ties">
                                            <i class="swatch brown"></i> Brown Skinny Ties
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/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="/gray-socks">
                                            <i class="swatch gray"></i> Gray Socks
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/green-socks">
                                            <i class="swatch green"></i> Green Socks
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/orange-socks">
                                            <i class="swatch orange"></i> Orange Socks
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/pink-socks">
                                            <i class="swatch pink"></i> Pink Socks
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/purple-socks">
                                            <i class="swatch purple"></i> Purple Socks
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/red-socks">
                                            <i class="swatch red"></i> Red Socks
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/white-socks">
                                            <i class="swatch white"></i> White Socks
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="/yellow-socks">
                                            <i class="swatch yellow"></i> Yellow Socks
                                        </a>
                                    </li>
                                    

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        </nav>

        <div class="container">
            





        </div>



<main id="main-content" tabindex="-1">
<div class="product">
  <div class="zoom js-zoom">
    <div class="close-btn-wrap">
        <img src="/public/img/product/close.png" alt="Close" class="close-btn">
    </div>

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

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

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

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


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

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

      &#47; 
      <span itemscope itemprop="itemListElement" itemtype="http://schema.org/ListItem">
        <a href="/ties" itemprop="item">MEN&#39;S TIES</a>
        <meta itemprop="position" content="1" />
        <meta itemprop="name" content="MEN&#39;S TIES" />
        &#47;
      </span>
      
      <span itemscope itemprop="itemListElement" itemtype="http://schema.org/ListItem">
        <a href="/silver-ties" itemprop="item">GRAY TIES</a>
        <meta itemprop="position" content="2" />
        <meta itemprop="name" content="GRAY TIES" />
        &#47;
      </span>
      
      <span itemscope itemprop="itemListElement" itemtype="http://schema.org/ListItem">
        <a href="/solid-neckties" itemprop="item">SOLID TIES</a>
        <meta itemprop="position" content="3" />
        <meta itemprop="name" content="SOLID TIES" />
        &#47;
      </span>
      
    </div>
  </div>

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

    
    <div class="gallery desktop-gallery thumbnails ties">
      <div class="thumbs js-thumbs default">
        
        <a
          id="thumb_0"
          href="#0"
          class="thumb-link js-thumb-link active"
          data-index="0"
        >
          <img
            src="https://www.ties.com/primg/charcoal-cotton-yuma-tie-244871-540-180-0.jpg"
            class="thumb-img js-thumb-img"
            alt="Yuma Charcoal Tie Photo (0)"
            title="Yuma Charcoal Tie"
            data-index="0"
          />
        </a>
        
        <a
          id="thumb_1"
          href="#1"
          class="thumb-link js-thumb-link "
          data-index="1"
        >
          <img
            src="https://www.ties.com/primg/charcoal-cotton-yuma-tie-244871-505-180-0.jpg"
            class="thumb-img js-thumb-img"
            alt="Yuma Charcoal Tie Photo (1)"
            title="Yuma Charcoal Tie"
            data-index="1"
          />
        </a>
        
        <a
          id="thumb_2"
          href="#2"
          class="thumb-link js-thumb-link "
          data-index="2"
        >
          <img
            src="https://www.ties.com/primg/charcoal-cotton-yuma-tie-244871-515-180-0.jpg"
            class="thumb-img js-thumb-img"
            alt="Yuma Charcoal Tie Photo (2)"
            title="Yuma Charcoal Tie"
            data-index="2"
          />
        </a>
         
      </div>
    </div>
    

    <div id="main-gallery" class="gallery desktop-gallery ties">
      <div class="main-img-wrap">
        <div class="">
          
          <a id="0" href="https://www.ties.com/primg/charcoal-cotton-yuma-tie-244871-540-1280-0.jpg" class="main-img-link js-main-img-link" data-index="0">
            <img src="https://www.ties.com/primg/charcoal-cotton-yuma-tie-244871-540-1280-0.jpg" class="main-img" alt="Yuma Charcoal Tie Photo (0)" title="Yuma Charcoal Tie" data-index="0" />
          </a>
          
          <a id="1" href="https://www.ties.com/primg/charcoal-cotton-yuma-tie-244871-505-1280-0.jpg" class="main-img-link js-main-img-link" data-index="1">
            <img src="https://www.ties.com/primg/charcoal-cotton-yuma-tie-244871-505-1280-0.jpg" class="main-img" alt="Yuma Charcoal Tie Photo (1)" title="Yuma Charcoal Tie" data-index="1" />
          </a>
          
          <a id="2" href="https://www.ties.com/primg/charcoal-cotton-yuma-tie-244871-515-1280-0.jpg" class="main-img-link js-main-img-link" data-index="2">
            <img src="https://www.ties.com/primg/charcoal-cotton-yuma-tie-244871-515-1280-0.jpg" class="main-img" alt="Yuma Charcoal Tie Photo (2)" title="Yuma Charcoal Tie" data-index="2" />
          </a>
          
        </div>
      </div>
    </div>
    <div id="fixed">
      <div class="info ties">
        <div class="main-info-wrap">
          <h1 id="mutable-product-title" class="title ties">Yuma Charcoal Tie</h1>
          <div class="price ">
            
            <span class="regular-price">$20</span>
            
          </div>
          
        </div>

        
        <div class="gallery mobile-gallery ties">
          <div class="main-img-wrap ">
            <div class="js-main-img-wrap">
              
              <div class="main-img-link js-mobile-main-img-link">
                <img
                  src="https://www.ties.com/primg/charcoal-cotton-yuma-tie-244871-540-1280-0.jpg"
                  class="main-img"
                  alt="Yuma Charcoal Tie Photo (0)"
                  title="Yuma Charcoal Tie"
                  data-index="0"
                />
              </div>
              
              <div class="main-img-link js-mobile-main-img-link">
                <img
                  src="https://www.ties.com/primg/charcoal-cotton-yuma-tie-244871-505-1280-0.jpg"
                  class="main-img"
                  alt="Yuma Charcoal Tie Photo (1)"
                  title="Yuma Charcoal Tie"
                  data-index="1"
                />
              </div>
              
              <div class="main-img-link js-mobile-main-img-link">
                <img
                  src="https://www.ties.com/primg/charcoal-cotton-yuma-tie-244871-515-1280-0.jpg"
                  class="main-img"
                  alt="Yuma Charcoal Tie Photo (2)"
                  title="Yuma Charcoal Tie"
                  data-index="2"
                />
              </div>
              
            </div>
          </div>

          
          <div class="thumbs js-thumbs default">
            
            <a href="#" class="thumb-link js-thumb-link active" data-index="0">
              <img
                src="https://www.ties.com/primg/charcoal-cotton-yuma-tie-244871-540-180-0.jpg"
                class="thumb-img js-thumb-img"
                alt="Yuma Charcoal Tie Photo (0)"
                title="Yuma Charcoal Tie"
                data-index="0"
              />
            </a>
            
            <a href="#" class="thumb-link js-thumb-link " data-index="1">
              <img
                src="https://www.ties.com/primg/charcoal-cotton-yuma-tie-244871-505-180-0.jpg"
                class="thumb-img js-thumb-img"
                alt="Yuma Charcoal Tie Photo (1)"
                title="Yuma Charcoal Tie"
                data-index="1"
              />
            </a>
            
            <a href="#" class="thumb-link js-thumb-link " data-index="2">
              <img
                src="https://www.ties.com/primg/charcoal-cotton-yuma-tie-244871-515-180-0.jpg"
                class="thumb-img js-thumb-img"
                alt="Yuma Charcoal Tie Photo (2)"
                title="Yuma Charcoal Tie"
                data-index="2"
              />
            </a>
             
          </div>
          
        </div>

        
        <div class="reviews not-empty reviews-desktop">
          <div class="rating-icons">
            
            <i class="fa fa-star"></i>
            
            <i class="fa fa-star"></i>
            
            <i class="fa fa-star"></i>
            
            <i class="fa fa-star"></i>
            
            <i class="fa fa-star"></i>
            
            <span class="review-average">5.0</span> |
            <a href="#reviews" class="add-review-link write-review-link" rel="nofollow"> See 1 Reviews </a>
          </div>
        </div>
            
        <div class="out-of-stock-wrap">
          <div class="out-of-stock">SOLD OUT</div>
        </div>
                  

        <div class="expandable-box description">
          <div class="toggle-box">
            <div class="description-title">Description</div>
            <p id="mutable-product-description">Distinguish yourself from the solid-tie-wearing crowd. The Yuma tie features a complex weave with a contrasting white filling yarn over a  solid charcoal base. A tie with a unique weave is a staple of any wardrobe. Will this be yours? </p>

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

         
        <div class="expandable-box description">
          <div class="toggle-box">
            <div class="description-title">Complete the Look</div>
            <div class="recommended-products-wrap">
              <div class="recommended-products js-recommended-products">
                <ul>
                  
                  
                  <li>
                    <a href="/alynn-cup-of-coffee-black-sock" class="link js-id" data-id="251565">
                      <img src="https://www.ties.com/primg/black-carded-cotton-but-first-coffee-medium-large-sock-251565-540-440-0.jpg" alt="But First, Coffee Black Medium-Large Sock" title="But First, Coffee Black Medium-Large Sock" />
                      
                      <span class="hover-link">
                        <span class="title-price">
                          But First, Coffee Black Medium-Large Sock
                          <br />
                           $18 
                        </span>
                      </span>
                    </a>
                  </li>
                  
                  
                  <li>
                    <a href="/misool--champagne-skinny-tie" class="link js-id" data-id="248910">
                      <img src="https://www.ties.com/primg/champagne-silk-misool-skinny-tie-248910-540-440-0.jpg" alt="Misool Champagne Skinny Tie" title="Misool Champagne Skinny Tie" />
                      
                      <span class="hover-link">
                        <span class="title-price">
                          Misool Champagne Skinny Tie
                          <br />
                           $35 
                        </span>
                      </span>
                    </a>
                  </li>
                  
                  
                  <li>
                    <a href="/navy-blue-beasley-butterfly-bow-tie" class="link js-id" data-id="243296">
                      <img src="https://www.ties.com/primg/navy-blue-cotton-beasley-self-tie-bow-tie-243296-505-440-0.jpg" alt="Beasley Navy Blue Self-Tie Bow Tie" title="Beasley Navy Blue Self-Tie Bow Tie" />
                      
                      <span class="hover-link">
                        <span class="title-price">
                          Beasley Navy Blue Self-Tie Bow Tie
                          <br />
                           $25 
                        </span>
                      </span>
                    </a>
                  </li>
                  
                </ul>
              </div>
            </div>
          </div>
        </div>
        
      </div>
    </div>
  </div>

  

  <div class="container">
     
<div class="recommended-products-wrap">
	
		<div class="title ">You Might Also Like</div>
	
		
	
	<div class="recommended-products js-recommended-products">
		<ul>
        
				<li onclick="getProduct(&#34;249385&#34;,  0 , 'Recommended Products')">
                        <a href="/wild-ties-yard-birds-teal-skinny-tie" class="link js-id" data-id="249385">
						<img src="https://www.ties.com/primg/teal-microfiber-yard-birds-skinny-tie-249385-540-440-0.jpg" alt="Yard Birds Teal Skinny Tie" title="Yard Birds Teal Skinny Tie">
						
						<span class="hover-link">
					<span class="title-price">
						Yard Birds Teal Skinny Tie
						<br>
						
							$38.50
						
					</span>
						</span>
					</a>
				</li>
			
				<li onclick="getProduct(&#34;242683&#34;,  1 , 'Recommended Products')">
                        <a href="/charcoal-glenn-heights-pocket-square" class="link js-id" data-id="242683">
						<img src="https://www.ties.com/primg/charcoal-cotton-glenn-heights-pocket-square-242683-505-440-0.jpg" alt="Glenn Heights Charcoal Pocket Square" title="Glenn Heights Charcoal Pocket Square">
						
						<span class="hover-link">
					<span class="title-price">
						Glenn Heights Charcoal Pocket Square
						<br>
						
							$5
						
					</span>
						</span>
					</a>
				</li>
			
				<li onclick="getProduct(&#34;232376&#34;,  2 , 'Recommended Products')">
                        <a href="/v/a/alynn-novelty-scales-of-justice-blue-tie" class="link js-id" data-id="232376">
						<img src="https://www.ties.com/primg/blue-silk-scales-of-justice-tie-232376-540-440-0.jpg" alt="Scales Of Justice Blue Tie" title="Scales Of Justice Blue Tie">
						
						<span class="hover-link">
					<span class="title-price">
						Scales Of Justice Blue Tie
						<br>
						
							$70
						
					</span>
						</span>
					</a>
				</li>
			
				<li onclick="getProduct(&#34;251684&#34;,  3 , 'Recommended Products')">
                        <a href="/alynn-navy-blue-trout-family--skinny-tie" class="link js-id" data-id="251684">
						<img src="https://www.ties.com/primg/navy-blue-silk-trout-family-skinny-tie-251684-505-440-0.jpg" alt="Trout Family Navy Blue Skinny Tie" title="Trout Family Navy Blue Skinny Tie">
						
						<span class="hover-link">
					<span class="title-price">
						Trout Family Navy Blue Skinny Tie
						<br>
						
							$70
						
					</span>
						</span>
					</a>
				</li>
			
				<li onclick="getProduct(&#34;238198&#34;,  4 , 'Recommended Products')">
                        <a href="/v/a/american-necktie-co.-burgundy-and-gray-stripe-burgundy-self-tie-bow-tie" class="link js-id" data-id="238198">
						<img src="https://www.ties.com/primg/burgundy-microfiber-burgundy-gray-stripe-self-tie-bow-tie-238198-505-440-0.jpg" alt="Burgundy &amp; Gray Stripe Self-Tie Bow Tie" title="Burgundy &amp; Gray Stripe Self-Tie Bow Tie">
						
						<span class="hover-link">
					<span class="title-price">
						Burgundy &amp; Gray Stripe Self-Tie Bow Tie
						<br>
						
							$33
						
					</span>
						</span>
					</a>
				</li>
			
				<li onclick="getProduct(&#34;253553&#34;,  5 , 'Recommended Products')">
                        <a href="/essentials-by-alynn-wine-wine-skinny-tie" class="link js-id" data-id="253553">
						<img src="https://www.ties.com/primg/wine-silk-wine-skinny-tie-253553-540-440-0.jpg" alt="Wine Skinny Tie" title="Wine Skinny Tie">
						
						<span class="hover-link">
					<span class="title-price">
						Wine Skinny Tie
						<br>
						
							$50
						
					</span>
						</span>
					</a>
				</li>
			
		</ul>
	</div>
</div> 

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

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

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

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

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

      
      <div class="product-review">
        <div class="customer-data-col">
          <div class="product-review-col">
            
            <div class="review-title">Dr</div>
             
            <div class="review">great</div>
            
          </div>

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

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

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

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

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

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

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

<script type="application/ld+json">
      {
          "@context": "http://schema.org/",
          "@type": "Product",
          "name": "Yuma Charcoal Tie",
          "image": "https://www.ties.com/primg/charcoal-cotton-yuma-tie-244871-540-600-0.jpg",
          "description": "Distinguish yourself from the solid-tie-wearing crowd. The Yuma tie features a complex weave with a contrasting white filling yarn over a  solid charcoal base. A tie with a unique weave is a staple of any wardrobe. Will this be yours? ",
          "mpn": "244871",
          "sku": "TC300608",
          "brand": {
              "@type": "Thing",
              "name": "Ties.com"
          },
          "offers": {
              "@type": "Offer",
              "priceCurrency": "USD",
  
              "price": "20",
  
              "itemCondition": "http://schema.org/NewCondition",
              "availability": "http://schema.org/InStock",
              "url": "https://www.www.ties.com/charcoal-yuma-tie"
          },
          "aggregateRating": {
            "ratingCount": "1",
            "ratingValue": "5.0"
          }
      }
</script>



</main>

    </div> 
</div> 

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

                <form class="email-signup-form js-email-signup-form">
                    <label class="visually-hidden" for="footer-email-signup-top">Email address</label>
                    <input id="footer-email-signup-top" type="email" name="email" class="email js-email" placeholder="Email" title="email address">

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

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

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

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

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

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

                <div class="footer-col quick-links no-title desktop-only">
                    <ul class="link-list">
                        <li class="list-item">
                            <a href="/style-guru-society" class="list-link">Style Guru Society</a>
                        </li>
                        <li class="list-item">
                            <a href="/wedding-ties" class="list-link">Wedding Ties</a>
                        </li>
                        <li class="list-item">
                            <a href="/custom-ties" class="list-link">Custom Ties</a>
                        </li>
                        <li class="list-item">
                            <a href="/wholesale" class="list-link">Wholesale</a>
                        </li>
                        
                    </ul>
                </div>
            </div>
        </div>

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

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

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

                <form class="email-signup-form js-email-signup-form">
                    <label class="visually-hidden" for="footer-email-signup-bottom">Email address</label>
                    <input id="footer-email-signup-bottom" type="email" name="email" class="email js-email" placeholder="Email" title="email address">

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

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

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

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

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

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

    
<div class="cookies">
    <div class="cookies-container">
        <div class="cookies-message">
            <div class="cookies-title">
                COOKIES & PRIVACY
            </div>
            We use third-party cookies and trackers for analytics, advertising, and affiliate measurement. Choose Accept to allow them
            or Decline to keep only cookies needed for site functionality. Please see our <a href="/privacy-policy">Privacy Policy</a>
            for more information.
        </div>
        <button type="button" class="cookies-btn js-cookies-accept-btn">ACCEPT</button>
        <button type="button" class="cookies-btn js-cookies-decline-btn">DECLINE</button>
    </div>
</div>


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

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

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

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

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

                <label class="visually-hidden" for="newsletter-popup-email">Email address</label>
                <input id="newsletter-popup-email" type="email" class="input-text js-newsletter-email" placeholder="Your email address" title="your email address" />

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

            <div class="no-thanks-link-wrap js-no-thanks-link-wrap">
                <button type="button" class="no-thanks-link js-no-thanks-link unstyled-button">Thanks, but no thanks</button>
            </div>
        </div>

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

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

        <div class="mob-no-thanks-link-wrap js-no-thanks-link-wrap">
            <button type="button" class="mob-no-thanks-link js-no-thanks-link unstyled-button">Thanks, but no thanks</button>
        </div>
    </div>
</div>


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


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


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