Mustard Cotton Caden" title="Mustard Cotton Caden">
                                <img src="/assets/img/product/arrow_up_01.png" class="arrow">
                            </a>
                            
                        </div>
                    </div>
                </div>
                

                
                

                

                <div class="expandable-box description">
                    <div class="toggle-label">
                        <span class="toggle-label-line"></span>

                        <span class="toggle-label-wrap">Details</span>
                    </div>

                    <div class="toggle-box">
                        
                        <p id="mutable-product-description" itemprop="description">
                            <span class="short">Lucid dreaming about softness, durability, and fit? We present to you, the Caden. Sturdy twill on the outside flips to an absurdly soft brushed flannel inside; keeping you so warm and cozy, it almost feels illegal. 

Caden’s Features:
Clean finished flat felled seams
Double layer back yoke
Reinforced side seam gusset

Protip: Our casual shirts are the shortest of all our shirts, best worn untucked. The button-down collars can accommodate a tie, or not-- we give options, because you love your freedom.</span>
                        </p>
                        

                        <ul id="mutable-product-attributes" class="product-attributes-list">
                        
                            <li>
                                <div class="icon">
                                
                                    <img src="/public/img/product/material.svg">
                                
                                </div>
                                <span>100% Cotton</span>
                            </li>
                        
                            <li>
                                <div class="icon">
                                
                                    <img src="/public/img/product/measurement.png">
                                
                                </div>
                                <span>9.0&#39;&#39; x 13.0&#39;&#39;</span>
                            </li>
                        
                            <li>
                                <div class="icon">
                                
                                    <img src="/public/img/product/sku.png">
                                
                                </div>
                                <span>ASH1810028</span>
                            </li>
                        
                            <li>
                                <div class="icon">
                                
                                    <img src="/public/img/product/imported.png">
                                
                                </div>
                                <span>Imported</span>
                            </li>
                        
                        </ul>
                    </div>
                </div>

                <div class="social-btns">
                    <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.alynn.com%2falynn-mustard-caden-classic-fit-casual-shirt-1" class="social-link js-social-link" target="_blank">
                        <span class="fa-stack facebook">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-facebook fa-stack-1x"></i>
                        </span>
                    </a>

                    <a href="https://twitter.com/intent/tweet/?text=Caden&url=https://www.alynn.com%2falynn-mustard-caden-classic-fit-casual-shirt-1&via=alynnneckwear&source=webclient" class="social-link js-social-link" target="_blank">
                        <span class="fa-stack twitter">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-twitter fa-stack-1x"></i>
                        </span>
                    </a>

                    <a href="https://www.pinterest.com/pin/create/button/?url=https://www.alynn.com%2falynn-mustard-caden-classic-fit-casual-shirt-1&media=https%3a%2f%2fwww.ties.com%2fprimg%2fmustard-cotton-caden-253259-540-600-0.jpg&description=Caden" class="social-link js-social-link" target="_blank">
                        <span class="fa-stack pinterest">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-pinterest fa-stack-1x"></i>
                        </span>
                    </a>

                    <a href="https://www.instagram.com/alynnneckwear/" class="social-link" target="_blank">
                        <span class="fa-stack instagram">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-instagram fa-stack-1x"></i>
                        </span>
                    </a>

                    <a href="https://plus.google.com/share?url=https://www.alynn.com%2falynn-mustard-caden-classic-fit-casual-shirt-1" class="social-link js-social-link" target="_blank">
                        <span class="fa-stack google-plus">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-google-plus fa-stack-1x"></i>
                        </span>
                    </a>
                </div>
            </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">
        </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">
                        <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">
                        <div class="fit-title">
                            Slim Fit
                        </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>
        <button class="close shirt-size-modal-toggle">
            <img src="/public/img/close_icon_2018_01.svg">
        </button>
        <div class="modal-wrapper">
            <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>
<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <title>Navy Blue Cotton Mason | Alynn</title>
  <meta name="description" content="Shop for the Mason, a Navy Blue Cotton Business Casual Shirt by Alynn.  Fast shipping" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  
  <meta name="robots" content="index, follow, noodp" />
  
  <meta name="google-site-verification" content="" />

  
  <link rel="canonical" href="https://www.alynn.com/alynn-navy-blue-mason-slim-fit-casual-shirt-1" />
   
  <link rel="icon" href="/assets/img/favicon.ico" type="image/x-icon" />
  <link rel="shortcut icon" href="/assets/img/favicon.ico" 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="Alynn" />

    

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

  <script type="text/javascript">
    var siteId = "alynn";
    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>
  <div class="mobile-nav">
    <a href="#" class="close-btn">
        <i class="fa fa-times"></i>
    </a>

    <ul class="nav-list">
        <li class="nav-list-heading">BROWSE BY TYPE</li>
        <li>
            <a href="/ties" class="nav-list-link">Classic Width Ties (3.25")</a>
        </li>
        <li>
            <a href="/skinny-ties" class="nav-list-link">Skinny Ties (2.5")</a>
        </li>
        <li>
            <a href="/extra-long-ties" class="nav-list-link">Extra Long Ties</a>
        </li>
        <li>
            <a href="/bow-ties" class="nav-list-link">Bow Ties</a>
        </li>
        <li>
            <a href="/knit-ties" class="nav-list-link">Knit Ties</a>
        </li>
        <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="/shirts" class="nav-list-link">Shirts</a>
        </li>
        <li>
            <a href="/tie-bars" class="nav-list-link">Tie Bars</a>
        </li>
        <li>
            <a href="/cufflinks" class="nav-list-link">Cufflinks</a>
        </li>
        <li>
            <a href="/silk-scarves" class="nav-list-link">Silk Scarves</a>
        </li>
        <li>
            <a href="/storage-and-travel" class="nav-list-link">Storage & Travel</a>
        </li>
    </ul>

    <ul class="nav-list">
        <li class="nav-list-heading">BROWSE COLLECTIONS</li>
        <li>
            <a href="/animal" class="nav-list-link">Animals</a>
        </li>
        <li>
            <a href="/beach-themed-ties" class="nav-list-link">Beach Themes</a>
        </li>
        <li>
            <a href="/books-and-maps" class="nav-list-link">Books and Maps</a>
        </li>
        <li>
            <a href="/equestrian-ties" class="nav-list-link">Equestrian</a>
        </li>
        <li>
            <a href="/express-yourself" class="nav-list-link">Express Yourself</a>
        </li>
        <li>
            <a href="/food-and-drink" class="nav-list-link on-sale">Food &amp; Drink</a>
        </li>
        <li>
            <a href="/golf-ties" class="nav-list-link new-arrivals">Golf</a>
        </li>
        <li>
            <a href="/holiday-ties" class="nav-list-link gift-certificates">Holidays</a>
        </li>
        <li>
            <a href="/music-ties" class="nav-list-link gift-certificates">Music</a>
        </li>
        <li>
            <a href="/nautical-ties" class="nav-list-link gift-certificates">Nautical</a>
        </li>
        <li>
            <a href="/occupational-ties" class="nav-list-link gift-certificates">Occupations</a>
        </li>
        <li>
            <a href="/outdoorsman-ties" class="nav-list-link gift-certificates">Outdoorsman</a>
        </li>
        <li>
            <a href="/political-ties" class="nav-list-link gift-certificates">Political</a>
        </li>
        <li>
            <a href="/sports-ties" class="nav-list-link gift-certificates">Sports</a>
        </li>
        <li>
            <a href="/transportation-ties" class="nav-list-link gift-certificates">Transportation</a>
        </li>
        <li>
            <a href="/wine-ties" class="nav-list-link gift-certificates">Wine</a>
        </li>
        <li>
            <a href="/shop-all" class="nav-list-link gift-certificates">Shop All</a>
        </li>

    </ul>

    <ul class="nav-list">
        <li class="nav-list-heading">MORE WAYS TO SHOP</li>
        <li>
            <a href="/new-arrivals" class="nav-list-link">New Arrivals</a>
        </li>
        <li>
            <a href="/sale-items" class="nav-list-link">Sale Items</a>
        </li>
        <li>
            <a href="/shop-all" class="nav-list-link">Shop All Alynn</a>
        </li>
    </ul>

    <div class="help-center-links">
        <ul class="nav-list">
            <li>
                <a href="/help-center" class="nav-list-link">Help Center</a>
            </li>
            <li>
                <span class="nav-list-link phone">1 (800) 252-5966</span>
            </li>
            <li>
                <a href="/contact-us" class="nav-list-link">Contact Us</a>
            </li>
            <li>
                
                <a href="/account-login" class="nav-list-link sign-in">Sign In</a>
                
            </li>
            <li>
                <a href="/account" class="nav-list-link">My Orders</a>
            </li>
            <li>
                <a href="/returns" class="nav-list-link">Returns &amp; Exchanges</a>
            </li>
            <li>
                <a href="/about-us" class="nav-list-link about">About Alynn&reg;</a>
            </li>
        </ul>
    </div>

    <div class="social-btns">
        <a href="https://www.facebook.com/alynnneckwear" class="link" target="_blank">
            <i class="fa fa-facebook"></i>
        </a>

        <a href="https://www.twitter.com/alynnneckwear" class="link" target="_blank">
            <i class="fa fa-twitter"></i>
        </a>

        <a href="https://www.pinterest.com/alynnneckwear/" class="link" target="_blank">
            <i class="fa fa-pinterest"></i>
        </a>

        <a href="https://www.instagram.com/alynnneckwear/" class="link" target="_blank">
            <i class="fa fa-instagram"></i>
        </a>

        <a href="https://plus.google.com/&#43;alynnneckwear" class="link" target="_blank">
            <i class="fa fa-google-plus"></i>
        </a>
    </div>
</div>


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

<div class="page-wrap">
    

<div class="promo-bar js-promo-bar default alynn " data-url="/shop-all">
    
        <div class="large-text-1">
            Free Shipping on U.S. orders of $75 or more*
            
        </div>
    

    

    
    
</div>




    <div class="header">
        <div class="mob-menu-btn">
            <img src="/assets/img/hamburger_icon_01.png">
        </div>


        <div class="shop-btn">
            SHOP
        </div>

        

        <div class="links-wrap">
            <span class="account-wrap">
                <a href="/account" class="link account-link">
                    <img src="/assets/img/account_icon_01.png" class="img img-default" alt="Account">
                    <img src="/assets/img/account_icon_01_hover.png" class="img img-hover" alt="Account">
                </a>

                <span class="dropdown-container">
                    <span class="dropdown-wrap">
                        <span class="triangle"></span>

                        <ul class="dropdown">
                            <li>
                                <a href="/help-center">HELP CENTER</a>
                            </li>
                            <li>
                                <a href="/account">MY ORDERS</a>
                            </li>
                            <li>
                                <a href="/account">MY ACCOUNT</a>
                            </li>
                            <li>
                                <a href="/returns">RETURNS</a>
                            </li>
                            <li>
                                <a href="/contact-us">CONTACT US</a>
                            </li>
                            
                            <li>
                                <a href="/account-signup">SIGN UP</a>
                            </li>
                            <li>
                                <a href="/account-login">SIGN IN</a>
                            </li>
                            
                        </ul>
                    </span>
                </span>
            </span>

            <span class="search-wrap">
                <form method="GET" action="/search">
                    <input type="text" name="srq" />
                    <button type="submit"></button>

                    
                </form>
            </span>

            <a href="/shopping-cart" class="link cart-link">
                <img src="/assets/img/cart_icon_01.png" class="img img-default cart-img" alt="Cart">
                <img src="/assets/img/cart_icon_01_hover.png" class="img img-hover cart-img" alt="Cart">
                <span class="cart-count js-cart-count">0</span>
            </a>
        </div>

        <a href="/" class="logo-link">
            <img src="/assets/img/alynn_logo_04.png" class="logo" alt="Alynn.com">
        </a>
    </div>

    <div class="container">
        





    </div>



<main id="main-content" tabindex="-1">
<div class="added-to-cart-msg-wrap-brand js-added-to-cart-msg-wrap-brand">
    <span class="close-btn js-close-btn"></span>

    <div class="product-wrap">
        <img src="" class="product-img js-product-img">

        <div class="product-data-wrap">
            <div class="added-msg">PRODUCT ADDED</div>

            <div class="product-title js-product-title"></div>

            <div class="product-type js-product-type">Pink 100% Silk Tie</div>

            <div class="product-price js-product-price">1 x $24.99</div>
        </div>
    </div>

    <div class="btn-wrap">
        <a href="/shopping-cart" class="view-cart-btn">VIEW CART</a>

        <a href="/checkout" class="checkout-btn">CHECKOUT</a>
    </div>
</div>

<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="gallery-info-wrap">
        <div class="container">
            <div class="info-mobile">
                <h1 itemprop="name" id="mutable-product-title" class="title">
                    Mason
                </h1>

                <div class="about-line">
                    <span class="caps color">Navy Blue</span>
                    
                    <span class="type">Business Casual Shirt</span>
                    by Alynn&reg;
                </div>

                <div class="price" itemprop="offerDetails" itemscope="itemscope" itemtype="https://data-vocabulary.org/Offer">
                    <meta itemprop="currency" content="USD">

                    
                    <span class="regular-price" itemprop="price">$150</span>
                    
                </div>
            </div>
        </div>

        <div class="gallery">
            <div class="main-img-wrap">
                
                <img src="/assets/img/product/arrow_up_01.png" class="prev-arrow js-prev-arrow">
                

                <div class="js-main-img-wrap">
                    
                    <a href="https://www.ties.com/primg/navy-blue-cotton-mason-253280-540-1280-0.jpg" class="main-img-link js-main-img-link">
                        <img src="https://www.ties.com/primg/navy-blue-cotton-mason-253280-540-1280-0.jpg" class="main-img" itemprop="image" alt="Mason" title="Mason" data-index="0">
                    </a>
                    
                    <a href="https://www.ties.com/primg/navy-blue-cotton-mason-253280-515-1280-0.jpg" class="main-img-link js-main-img-link">
                        <img src="https://www.ties.com/primg/navy-blue-cotton-mason-253280-515-1280-0.jpg" class="main-img" itemprop="image" alt="Mason" title="Mason" data-index="1">
                    </a>
                    
                    <a href="https://www.ties.com/primg/navy-blue-cotton-mason-253280-515-1280-1.jpg" class="main-img-link js-main-img-link">
                        <img src="https://www.ties.com/primg/navy-blue-cotton-mason-253280-515-1280-1.jpg" class="main-img" itemprop="image" alt="Mason" title="Mason" data-index="2">
                    </a>
                    
                    <a href="https://www.ties.com/primg/navy-blue-cotton-mason-253280-515-1280-2.jpg" class="main-img-link js-main-img-link">
                        <img src="https://www.ties.com/primg/navy-blue-cotton-mason-253280-515-1280-2.jpg" class="main-img" itemprop="image" alt="Mason" title="Mason" data-index="3">
                    </a>
                    
                </div>

                
                <img src="/assets/img/product/arrow_up_01.png" class="next-arrow js-next-arrow">
                
            </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/navy-blue-cotton-mason-253280-540-180-0.jpg" class="thumb-img js-thumb-img" nopin="nopin" alt="Mason" title="Mason" data-index="0">

                    <img src="/assets/img/product/arrow_up_01.png" class="active-img">
                </a>
                
                <a href="#" class="thumb-link js-thumb-link " data-index="1">
                    <img src="https://www.ties.com/primg/navy-blue-cotton-mason-253280-515-180-0.jpg" class="thumb-img js-thumb-img" nopin="nopin" alt="Mason" title="Mason" data-index="1">

                    <img src="/assets/img/product/arrow_up_01.png" class="active-img">
                </a>
                
                <a href="#" class="thumb-link js-thumb-link " data-index="2">
                    <img src="https://www.ties.com/primg/navy-blue-cotton-mason-253280-515-180-1.jpg" class="thumb-img js-thumb-img" nopin="nopin" alt="Mason" title="Mason" data-index="2">

                    <img src="/assets/img/product/arrow_up_01.png" class="active-img">
                </a>
                
                <a href="#" class="thumb-link js-thumb-link " data-index="3">
                    <img src="https://www.ties.com/primg/navy-blue-cotton-mason-253280-515-180-2.jpg" class="thumb-img js-thumb-img" nopin="nopin" alt="Mason" title="Mason" data-index="3">

                    <img src="/assets/img/product/arrow_up_01.png" class="active-img">
                </a>
                

                
            </div>
            

            
        </div>

        <div class="container">
            <div class="info">
                <h1 itemprop="name" id="mutable-product-title" class="title">
                    Mason
                </h1>

                <div class="about-line">
                    <span class="caps color">Navy Blue</span>
                    
                    <span class="type">Business Casual Shirt</span>
                    by Alynn&reg;
                </div>

                <div class="price" itemprop="offerDetails" itemscope="itemscope" itemtype="https://data-vocabulary.org/Offer">
                    <meta itemprop="currency" content="USD">

                    
                    <span class="regular-price" itemprop="price">$150</span>
                    
                </div>

                

                
                
                    <div class="shirt-options">
                    
                        <div class="shirt-label">Shirt Fit</div>
                        <div class="shirt-btn-container">

                        
                            <button class="shirt-btn fit" value="classic" onclick="window.location='\/alynn-navy-blue-mason-classic-fit-casual-shirt';">Classic Fit</button>
                        
                            <button class="shirt-btn fit active " value="classic">Slim Fit</button>
                        

                        </div>
                        <div class="shirt-info">
                            <button class="shirt-info-modal-toggle">
                                <i class="fa fa-info"></i> Find Your Fit
                            </button>
                        </div>
                    

                        <div class="shirt-label">Shirt Size</div>
                        <div class="shirt-btn-container">
                        
                            <button class="shirt-btn size" value="XS">XS</button>
                        
                            <button class="shirt-btn size" value="S">S</button>
                        
                            <button class="shirt-btn size" value="M">M</button>
                        
                            <button class="shirt-btn size" value="L">L</button>
                        
                            <button class="shirt-btn size" value="XL">XL</button>
                        
                            <button class="shirt-btn size" value="XXL">XXL</button>
                        
                        </div>
                        <div class="shirt-info">
                            <button class="shirt-size-modal-toggle">
                                <i class="fa fa-info"></i> Find Your Size
                            </button>
                        </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="add-to-cart">
                    <form data-shirt="true">
                        <input type="hidden" value="253280" class="product-id">
                        <input type="hidden" value="100" class="product-max-qty">
                        <input type="hidden" value="100" class="product-customer-limit">

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

                            

                            <div class="shirt-options">
                                <div class="shirt-error-container">
                                    <img src="/public/img/product/hanger_with_ruler_fit_size_icon_tc_01.png">
                                    <div class="shirt-error-msg">Please select a <span id="missing-field"></span> option</div>
                                </div>
                            </div>

                            <button type="submit" id="add-to-cart-btn" class="add-to-cart-btn ">
                                
                                ADD TO CART
                                
                            </button>
                        </div>

                    </form>
                </div>

                
                <div class="expandable-box">
                    <div class="toggle-label">
                        <span class="toggle-label-line"></span>

                        <span class="toggle-label-wrap">
                            <span class="color-label js-color-label">Navy Blue</span>
                        </span>
                    </div>

                    <div class="toggle-box">
                        <div class="relations-wrap color ">
                            
                            <a href="/alynn-navy-blue-mason-slim-fit-casual-shirt-1" class="link active js-related-color" data-color-label="Navy Blue">
                                <img src="https://www.ties.com/primg/navy-blue-cotton-mason-253280-400-100-0.jpg" class="img" alt="Navy Blue Cotton Mason" title="Navy Blue Cotton Mason">
                                <img src="/assets/img/product/arrow_up_01.png" class="arrow">
                            </a>
                            
                            <a href="/alynn-light-blue-mason-slim-fit-casual-shirt-1" class="link  js-related-color" data-color-label="Blue">
                                <img src="https://www.ties.com/primg/blue-cotton-mason-253294-400-100-0.jpg" class="img" alt="Blue Cotton Mason" title="Blue Cotton Mason">
                                <img src="/assets/img/product/arrow_up_01.png" class="arrow">
                            </a>
                            
                            <a href="/alynn-green-mason-slim-fit-casual-shirt-1" class="link  js-related-color" data-color-label="Green">
                                <img src="https://www.ties.com/primg/green-cotton-mason-253308-400-100-0.jpg" class="img" alt="Green Cotton Mason" title="Green Cotton Mason">
                                <img src="/assets/img/product/arrow_up_01.png" class="arrow">
                            </a>
                            
                        </div>
                    </div>
                </div>
                

                
                

                

                <div class="expandable-box description">
                    <div class="toggle-label">
                        <span class="toggle-label-line"></span>

                        <span class="toggle-label-wrap">Details</span>
                    </div>

                    <div class="toggle-box">
                        
                        <p id="mutable-product-description" itemprop="description">
                            <span class="short">Bored with all the other shirts in your closet? Take a look at our Mason shirt. Made of a highly textured dobby cloth that is as soft as it is easy on the eyes. Toss it on with jeans, dress pants or chinos and instantly elevate your style game. Not recommended to be worn with zip off cargo pants, as there is no saving those.

Mason’s Features:
Clean finished flat felled seams
Double layer back yoke
Reinforced side seam gusset

Protip: Our casual shirts are the shortest of all our shirts, best worn untucked. The button-down collars can accommodate a tie, or not-- we give options, because you love your freedom.</span>
                        </p>
                        

                        <ul id="mutable-product-attributes" class="product-attributes-list">
                        
                            <li>
                                <div class="icon">
                                
                                    <img src="/public/img/product/material.svg">
                                
                                </div>
                                <span>100% Cotton</span>
                            </li>
                        
                            <li>
                                <div class="icon">
                                
                                    <img src="/public/img/product/measurement.png">
                                
                                </div>
                                <span>9.0&#39;&#39; x 13.0&#39;&#39;</span>
                            </li>
                        
                            <li>
                                <div class="icon">
                                
                                    <img src="/public/img/product/sku.png">
                                
                                </div>
                                <span>ASH1820029</span>
                            </li>
                        
                            <li>
                                <div class="icon">
                                
                                    <img src="/public/img/product/imported.png">
                                
                                </div>
                                <span>Imported</span>
                            </li>
                        
                        </ul>
                    </div>
                </div>

                <div class="social-btns">
                    <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.alynn.com%2falynn-navy-blue-mason-slim-fit-casual-shirt-1" class="social-link js-social-link" target="_blank">
                        <span class="fa-stack facebook">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-facebook fa-stack-1x"></i>
                        </span>
                    </a>

                    <a href="https://twitter.com/intent/tweet/?text=Mason&url=https://www.alynn.com%2falynn-navy-blue-mason-slim-fit-casual-shirt-1&via=alynnneckwear&source=webclient" class="social-link js-social-link" target="_blank">
                        <span class="fa-stack twitter">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-twitter fa-stack-1x"></i>
                        </span>
                    </a>

                    <a href="https://www.pinterest.com/pin/create/button/?url=https://www.alynn.com%2falynn-navy-blue-mason-slim-fit-casual-shirt-1&media=https%3a%2f%2fwww.ties.com%2fprimg%2fnavy-blue-cotton-mason-253280-540-600-0.jpg&description=Mason" class="social-link js-social-link" target="_blank">
                        <span class="fa-stack pinterest">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-pinterest fa-stack-1x"></i>
                        </span>
                    </a>

                    <a href="https://www.instagram.com/alynnneckwear/" class="social-link" target="_blank">
                        <span class="fa-stack instagram">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-instagram fa-stack-1x"></i>
                        </span>
                    </a>

                    <a href="https://plus.google.com/share?url=https://www.alynn.com%2falynn-navy-blue-mason-slim-fit-casual-shirt-1" class="social-link js-social-link" target="_blank">
                        <span class="fa-stack google-plus">
                            <i class="fa fa-circle fa-stack-2x"></i>
                            <i class="fa fa-google-plus fa-stack-1x"></i>
                        </span>
                    </a>
                </div>
            </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">
        </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">
                        <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">
                        <div class="fit-title">
                            Slim Fit
                        </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>
        <button class="close shirt-size-modal-toggle">
            <img src="/public/img/close_icon_2018_01.svg">
        </button>
        <div class="modal-wrapper">
            <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>

</main>

</div> 

<div class="footer">
    <div class="left">
        <ul class="links">
            <li>
                <a href="/help-center">HELP CENTER</a>
            </li>
            <li>
                <a href="/account-login">SIGN IN</a>
            </li>
            <li>
                <a href="/custom-ties">CUSTOM</a>
            </li>
            <li>
                <a href="/wholesale">WHOLESALE</a>
            </li>
            <li>
                <a href="/about-us">ABOUT</a>
            </li>
        </ul>

        <div class="phone">
            1 (800) 252-5966 (7am - 5pm PST)
        </div>
    </div>

    <div class="logo-mobile">
        <img src="/assets/img/pig_no_outline_01.png" class="logo-img" alt="Alynn">
    </div>

    <div class="right">
        <a href="#" class="newsletter-link js-newsletter-link">
            JOIN OUR NEWSLETTER
        </a>

        <ul class="links">
            <li>
                &copy; 2026 Alynn <span class="slash">/</span>
            </li>
            <li>
                <a href="/privacy-policy">Privacy Policy <span class="slash">/</span></a>
            </li>
            <li>
                <a href="/terms-of-use">Terms of Use <span class="slash">/</span></a>
            </li>
            <li>
                <a href="/sitemap.html">Sitemap</a>
            </li>
        </ul>
    </div>

    <div class="logo">
        <img src="/assets/img/pig_no_outline_01.png" class="logo-img" alt="Alynn">
    </div>
</div>

<div class="search-form-wrap js-search-form-wrap">
    <i class="fa fa-times close-btn js-search-close"></i>

    <form action="/search" class="search-form js-search-form">
        <div class="search-title">WHAT CAN WE HELP YOU FIND?</div>

        <div class="input-wrap">
            <i class="fa fa-search"></i>

            <div class="search-field-wrap">
                <input type="text" name="srq" class="search-field js-search-field" placeholder="Search for Alynn products" autocomplete="off">
            </div>

            <div class="submit-btn-wrap">
                <button type="submit" class="submit-btn">SEARCH</button>
            </div>
        </div>
    </form>

    <ul class="search-suggestions js-search-suggestions"></ul>
</div>

<div id="js-newsletter-fancybox" class="newsletter-fancybox">
    <img src="/assets/img/newsletter/pig_with_outline_01.png" alt="Alynn" class="logo">

    <div class="heading js-newsletter-heading">ALWAYS BE THE <br> FIRST TO KNOW</div>

    <div class="sub-heading js-newsletter-sub-heading">
        New arrivals, special offers &amp; more.
    </div>

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

    <form class="newsletter-form js-newsletter-form">
        <input type="email" class="input-text js-newsletter-email" placeholder="Enter 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>

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

    <div class="no-thanks-link-wrap js-no-thanks-link-wrap">
        <a href="#" class="no-thanks-link js-no-thanks-link">THANKS, BUT NO THANKS</a>
    </div>
</div>




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


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


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








</body>

</html>