www.charlestyrwhitt.com Open in urlscan Pro
104.17.12.37  Public Scan

Submitted URL: https://t.hello.charlestyrwhitt.com/r/?id=h78d83dc0,e58ecfc,e58ed0b&e=dXRtX2NhbXBhaWduPSU1QjIwMjMlMkYwNSUyRjEyJTVEJTIwMjAyMzA1MTJfV0...
Effective URL: https://www.charlestyrwhitt.com/us/natural-stretch-twill-suit---navy/SUB60NAV.html?sourceCode=usdefault&utm_campaign=%5B2023%2F0...
Submission: On May 18 via api from BE — Scanned from DE

Form analysis 7 forms found in the DOM

Name: simpleSearchGET /us/search

<form role="search" action="/us/search" method="get" name="simpleSearch">
  <fieldset class="align-center d-flex">
    <div class="js-header-search-field-container d-flex flex-justify-space-between header__search--field-container flex-direction-row-reverse mls-flex-direction-row">
      <legend class="visually-hidden">Search Catalog</legend>
      <label class="accessibility-hidden" for="q">Search</label>
      <input type="text" id="q" name="q" value="" placeholder="Search" class="js-search-suggest-header font__secondary no-border h4 col-100 bg-none header__search-suggest">
      <input type="hidden" name="searchtype" id="searchtype" value="text">
      <button class="input-box__button no-border p-all-s m-left-xs" aria-label="Search"></button>
    </div>
    <a href="javascript:void(0)" class="js-search-close d-flex js-search-close-simple mps-d-none p-all-z m-right-z hide m-left-m" role="button" title="Close">
<img style="width:20px;" src="/on/demandware.static/Sites-CTShirts-US-Site/-/default/dw03387a0d/images/svg-icons/cross.svg">
</a>
  </fieldset>
</form>

POST /on/demandware.store/Sites-CTShirts-US-Site/en_US/Cart-AddProduct

<form action="/on/demandware.store/Sites-CTShirts-US-Site/en_US/Cart-AddProduct" method="post" class="pdpForm">
  <div class="col-100 js-product-wrapper product-set pdp-main__line-details js-jacket-section product-set__jacket">
    <div class="product-set__name-container relative active col-100 d-flex flex-justify-space-between flex-align-center">
      <h2 class="product-set__name product-set__name--suit-part font__secondary h4 grey1 uppercase bold d-inline-block m-all-z"> Jacket </h2>
      <div class="js-product-set-id font__secondary h5 grey2"> SUB0506NAV </div>
    </div>
    <div class="active position-relative">
      <div class="js-set-item-toggle product-set__loader">
      </div>
      <div class="js-product-content pdp-main__product-content product-content-container position-relative" role="application">
        <div class="product-variations js-product-variations d-inline-block position-relative col-100" data-len="2.0" data-is-product-set="true" data-has-variants="true" data-is-variant-selected="false" data-is-any-option-selected="false"
          data-variant-pid=""
          data-attributes="{&quot;variation-fit&quot;:{&quot;attributeID&quot;:&quot;variation-fit&quot;,&quot;displayName&quot;:&quot;Fit&quot;,&quot;value&quot;:&quot;&quot;,&quot;displayValue&quot;:&quot;&quot;},&quot;jacketSize&quot;:{&quot;attributeID&quot;:&quot;jacketSize&quot;,&quot;displayName&quot;:&quot;Jacket size (inch)&quot;,&quot;value&quot;:&quot;&quot;,&quot;displayValue&quot;:&quot;&quot;}}"
          data-options="{}" data-monogram-options="{&quot;monogramcolour&quot;:null,&quot;monograminitials&quot;:null,&quot;monogramposition&quot;:null,&quot;monogramstyle&quot;:null}"
          data-product-cart-img="https://www.charlestyrwhitt.com/dw/image/v2/AAWJ_PRD/on/demandware.static/-/Sites-ctshirts-master/default/dw0dc6bcdd/hi-res/SUB0506NAV_JACKET_FRONT.jpg?sw=430&amp;sh=540">
          <h2 class="visually-hidden" aria-hidden="true">Variations</h2>
          <ul class="attribute attribute__variants">
            <li class="attribute attribute__variants-group">
              <div class="js-variation-attribute position-relative attribute redborder select-group" data-var-attr-id="variation-fit">
                <div id="variation-fit" class="m-top-m m-sides-z m-bottom-s d-flex flex-align-center2" data-id="variation-fit">
                  <span class="label p-all-z p bold grey1 uppercase d-block">1. Fit</span>
                  <svg class="m-left-m d-none mps-d-none js-variation-tick" style="width:15px;" viewBox="0 0 48 48" aria-label="">
                    <symbol viewBox="0 0 13 10" id="icon-tick">
                      <path
                        d="M4.33333 9.16112L0.375 5.46667C0.208333 5.31112 0.208333 5.0389 0.375 4.84445L1 4.26112C1.16667 4.10556 1.45833 4.10556 1.66667 4.26112L4.66667 7.06112L11.3333 0.838896C11.5 0.68334 11.7917 0.68334 12 0.838896L12.625 1.42223C12.7917 1.57778 12.7917 1.85001 12.625 2.04445L5 9.16112C4.79167 9.31667 4.5 9.31667 4.33333 9.16112Z"
                        fill="#1AA54C"></path>
                    </symbol>
                    <use xlink:href="#icon-tick"></use>
                  </svg>
                </div>
                <div class="value attribute__error"> Please choose a Fit. </div>
                <ul class="notfit swatches d-flex flex-wrap js-flexbox-wrapper align-items-flex-end vfit attribute attribute__variants-swatches ">
                  <li aria-label="Classic variation-fit" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_classicfit tab-only-focus-style--outer variation-fit  attribute__swatch--available available
tooltip attribute__swatch
variation-fit
attribute__swatch--vfit-classic_fit
attribute__swatch--vfit-classic
attribute__swatch-large
" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0506NAV&amp;dwvar_SUB0506NAV_variation-fit=classic_fit"> Classic </div>
                  </li>
                  <input type="hidden" name="oldMasterPID" id="oldMasterPID" value="SUB0509NAV">
                  <li aria-label="Slim variation-fit" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_slimfit tab-only-focus-style--outer variation-fit  attribute__swatch--available available
tooltip attribute__swatch attribute__swatch--last
variation-fit
attribute__swatch--vfit-slim_fit
attribute__swatch--vfit-slim

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0506NAV&amp;dwvar_SUB0506NAV_variation-fit=slim_fit"> Slim </div>
                  </li>
                  <input type="hidden" name="oldMasterPID" id="oldMasterPID" value="SUB0506NAV">
                </ul>
              </div>
            </li>
            <li class="attribute attribute__variants-group">
              <div class="js-variation-attribute position-relative attribute redborder select-group" data-var-attr-id="jacketSize">
                <div id="jacketSize" class="m-top-m m-sides-z m-bottom-s d-flex flex-align-center2" data-id="jacketSize">
                  <span class="label p-all-z p bold grey1 uppercase d-inline-block m-right-xs">2. Jacket size</span>
                  <span class="p grey1 uppercase">(Inch)</span>
                  <svg class="m-left-m d-none mps-d-none js-variation-tick" style="width:15px;" viewBox="0 0 48 48" aria-label="">
                    <symbol viewBox="0 0 13 10" id="icon-tick">
                      <path
                        d="M4.33333 9.16112L0.375 5.46667C0.208333 5.31112 0.208333 5.0389 0.375 4.84445L1 4.26112C1.16667 4.10556 1.45833 4.10556 1.66667 4.26112L4.66667 7.06112L11.3333 0.838896C11.5 0.68334 11.7917 0.68334 12 0.838896L12.625 1.42223C12.7917 1.57778 12.7917 1.85001 12.625 2.04445L5 9.16112C4.79167 9.31667 4.5 9.31667 4.33333 9.16112Z"
                        fill="#1AA54C"></path>
                    </symbol>
                    <use xlink:href="#icon-tick"></use>
                  </svg>
                </div>
                <div class="value attribute__error">
                  <span class="info">Please choose a Jacket size (inch)</span>
                </div>
                <ul class="notfit swatches d-flex flex-wrap js-flexbox-wrapper align-items-flex-end size attribute attribute__variants-swatches ">
                  <li aria-label="36S jacketSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_36s tab-only-focus-style--outer jacketSize  attribute__swatch--available available
tooltip attribute__swatch
jacketSize
attribute__swatch--size-36s
attribute__swatch--size-36s

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0506NAV&amp;dwvar_SUB0506NAV_jacketSize=36S"> 36S </div>
                  </li>
                  <li aria-label="38S jacketSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_38s tab-only-focus-style--outer jacketSize  attribute__swatch--available available
tooltip attribute__swatch
jacketSize
attribute__swatch--size-38s
attribute__swatch--size-38s

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0506NAV&amp;dwvar_SUB0506NAV_jacketSize=38S"> 38S </div>
                  </li>
                  <li aria-label="40S jacketSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_40s tab-only-focus-style--outer jacketSize  attribute__swatch--available available
tooltip attribute__swatch
jacketSize
attribute__swatch--size-40s
attribute__swatch--size-40s

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0506NAV&amp;dwvar_SUB0506NAV_jacketSize=40S"> 40S </div>
                  </li>
                  <li aria-label="42S jacketSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_42s tab-only-focus-style--outer jacketSize  attribute__swatch--available available
tooltip attribute__swatch
jacketSize
attribute__swatch--size-42s
attribute__swatch--size-42s

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0506NAV&amp;dwvar_SUB0506NAV_jacketSize=42S"> 42S </div>
                  </li>
                  <li aria-label="44S jacketSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_44s tab-only-focus-style--outer jacketSize  attribute__swatch--available available
tooltip attribute__swatch
jacketSize
attribute__swatch--size-44s
attribute__swatch--size-44s

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0506NAV&amp;dwvar_SUB0506NAV_jacketSize=44S"> 44S </div>
                  </li>
                  <li aria-label="36R jacketSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_36r tab-only-focus-style--outer jacketSize  attribute__swatch--available available
tooltip attribute__swatch
jacketSize
attribute__swatch--size-36r
attribute__swatch--size-36r

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0506NAV&amp;dwvar_SUB0506NAV_jacketSize=36R"> 36R </div>
                  </li>
                  <li aria-label="38R jacketSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_38r tab-only-focus-style--outer jacketSize  attribute__swatch--available available
tooltip attribute__swatch
jacketSize
attribute__swatch--size-38r
attribute__swatch--size-38r

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0506NAV&amp;dwvar_SUB0506NAV_jacketSize=38R"> 38R </div>
                  </li>
                  <li aria-label="40R jacketSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_40r tab-only-focus-style--outer jacketSize  attribute__swatch--available available
tooltip attribute__swatch
jacketSize
attribute__swatch--size-40r
attribute__swatch--size-40r

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0506NAV&amp;dwvar_SUB0506NAV_jacketSize=40R"> 40R </div>
                  </li>
                  <li aria-label="42R jacketSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_42r tab-only-focus-style--outer jacketSize  attribute__swatch--available available
tooltip attribute__swatch
jacketSize
attribute__swatch--size-42r
attribute__swatch--size-42r

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0506NAV&amp;dwvar_SUB0506NAV_jacketSize=42R"> 42R </div>
                  </li>
                  <li aria-label="44R jacketSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_44r tab-only-focus-style--outer jacketSize  attribute__swatch--available available
tooltip attribute__swatch
jacketSize
attribute__swatch--size-44r
attribute__swatch--size-44r

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0506NAV&amp;dwvar_SUB0506NAV_jacketSize=44R"> 44R </div>
                  </li>
                  <li aria-label="46R jacketSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_46r tab-only-focus-style--outer jacketSize  attribute__swatch--available available
tooltip attribute__swatch
jacketSize
attribute__swatch--size-46r
attribute__swatch--size-46r

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0506NAV&amp;dwvar_SUB0506NAV_jacketSize=46R"> 46R </div>
                  </li>
                  <li aria-label="48R jacketSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_48r tab-only-focus-style--outer jacketSize  attribute__swatch--available available
tooltip attribute__swatch
jacketSize
attribute__swatch--size-48r
attribute__swatch--size-48r

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0506NAV&amp;dwvar_SUB0506NAV_jacketSize=48R"> 48R </div>
                  </li>
                  <li aria-label="50R jacketSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_50r tab-only-focus-style--outer jacketSize  attribute__swatch--available available
tooltip attribute__swatch
jacketSize
attribute__swatch--size-50r
attribute__swatch--size-50r

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0506NAV&amp;dwvar_SUB0506NAV_jacketSize=50R"> 50R </div>
                  </li>
                  <li aria-label="40L jacketSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_40l tab-only-focus-style--outer jacketSize  attribute__swatch--available available
tooltip attribute__swatch
jacketSize
attribute__swatch--size-40l
attribute__swatch--size-40l

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0506NAV&amp;dwvar_SUB0506NAV_jacketSize=40L"> 40L </div>
                  </li>
                  <li aria-label="42L jacketSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_42l tab-only-focus-style--outer jacketSize  attribute__swatch--available available
tooltip attribute__swatch
jacketSize
attribute__swatch--size-42l
attribute__swatch--size-42l

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0506NAV&amp;dwvar_SUB0506NAV_jacketSize=42L"> 42L </div>
                  </li>
                  <li aria-label="44L jacketSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_44l tab-only-focus-style--outer jacketSize  attribute__swatch--available available
tooltip attribute__swatch
jacketSize
attribute__swatch--size-44l
attribute__swatch--size-44l

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0506NAV&amp;dwvar_SUB0506NAV_jacketSize=44L"> 44L </div>
                  </li>
                  <li aria-label="46L jacketSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_46l tab-only-focus-style--outer jacketSize  attribute__swatch--available available
tooltip attribute__swatch
jacketSize
attribute__swatch--size-46l
attribute__swatch--size-46l

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0506NAV&amp;dwvar_SUB0506NAV_jacketSize=46L"> 46L </div>
                  </li>
                  <li aria-label="48L jacketSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_48l tab-only-focus-style--outer jacketSize  attribute__swatch--available available
tooltip attribute__swatch attribute__swatch--last
jacketSize
attribute__swatch--size-48l
attribute__swatch--size-48l

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0506NAV&amp;dwvar_SUB0506NAV_jacketSize=48L"> 48L </div>
                  </li>
                </ul>
              </div>
            </li>
          </ul>
          <div class="pdp-main__quantity m-top-m col-100">
            <div class="pdp-main__quantity-label">
              <label class="attribute__label p bold grey1 uppercase d-block col-100 p-all-z attribute__label--inline">
                <span>Quantity</span>
              </label>
            </div>
            <div class="pdp-main__quantity-select d-flex position-relative">
              <select class="js-select2 pdp-main__quantity-select__select js-qty select2-selection--quantity" id="SUB0506NAV" name="Quantity" data-uuid="" data-tracking="cart-quantity-selector" data-tracking-custom-value=""
                data-tracking-custom-source="Basket Quantity" aria-label="Quantity" data-settings="null">
                <option value="1" class="select2-dropdown--quantity" selected="" data-tracking="${dataTracking}-value">1</option>
                <option value="2" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">2</option>
                <option value="3" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">3</option>
                <option value="4" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">4</option>
                <option value="5" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">5</option>
                <option value="6" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">6</option>
                <option value="7" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">7</option>
                <option value="8" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">8</option>
                <option value="9" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">9</option>
                <option value="10" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">10</option>
              </select>
            </div>
          </div>
        </div>
        <div class="block-add-to-cart add-sub-product">
          <div class="bold grey1 d-inline-block text-right col-100 js-shirt-summary shirt-summary p-all-z">
            <p class="price d-block text-left line-height-normal h4 m-ends-m ">
              <span class="f terminal"> $329 </span>
            </p>
          </div>
          <input type="hidden" id="addToCartErrorMessage" name="addToCartErrorMessage" value="Please make your selections above">
          <input type="hidden" name="pageid" id="pageid" value="product set">
          <button data-tracking="cart-add-to-bag" id="add-to-cart" type="button" title="Add to bag" value="Add to bag" class="button__primary--2 add-to-cart-disabled add-to-cart js-validate-selection col-100">
            <span class="price__atc-button position-relative">Add to bag</span>
          </button>
          <div class="js-add-set-items product-set__no-thanks-container" id="SUB0506NAV">
          </div>
        </div>
        <hr class="hr-divider__grey6 m-top-l m-bottom-s mps-m-bottom-m">
        <input type="hidden" name="availability" value="IN_STOCK">
        <input type="hidden" name="pid" class="js-pid js-jpid" value="SUB0506NAV">
        <input type="hidden" name="masterpid" class="js-masterpid" value="SUB0506NAV">
      </div>
    </div>
  </div>
</form>

POST /on/demandware.store/Sites-CTShirts-US-Site/en_US/Cart-AddProduct

<form action="/on/demandware.store/Sites-CTShirts-US-Site/en_US/Cart-AddProduct" method="post" class="pdpForm">
  <div class="col-100 js-product-wrapper product-set pdp-main__line-details js-trousers-section product-set__trousers">
    <div class="product-set__name-container relative active col-100 d-flex flex-justify-space-between flex-align-center">
      <h2 class="product-set__name product-set__name--suit-part font__secondary h4 grey1 uppercase bold d-inline-block m-all-z"> Pants </h2>
      <div class="js-product-set-id font__secondary h5 grey2"> SUB0507NAV </div>
    </div>
    <div class=" position-relative">
      <div class="js-set-item-toggle product-set__loader">
      </div>
      <div class="js-product-content pdp-main__product-content product-content-container position-relative" role="application">
        <div class="product-variations js-product-variations d-inline-block position-relative col-100" data-len="3.0" data-is-product-set="true" data-has-variants="true" data-is-variant-selected="false" data-is-any-option-selected="false"
          data-variant-pid=""
          data-attributes="{&quot;variation-fit&quot;:{&quot;attributeID&quot;:&quot;variation-fit&quot;,&quot;displayName&quot;:&quot;Fit&quot;,&quot;value&quot;:&quot;&quot;,&quot;displayValue&quot;:&quot;&quot;},&quot;trouserWaist&quot;:{&quot;attributeID&quot;:&quot;trouserWaist&quot;,&quot;displayName&quot;:&quot;Waist size (inch)&quot;,&quot;value&quot;:&quot;&quot;,&quot;displayValue&quot;:&quot;&quot;},&quot;trouserLength&quot;:{&quot;attributeID&quot;:&quot;trouserLength&quot;,&quot;displayName&quot;:&quot;Inside leg length (inch)&quot;,&quot;value&quot;:&quot;&quot;,&quot;displayValue&quot;:&quot;&quot;}}"
          data-options="{&quot;trouserLegLengthStandardOption&quot;:{&quot;optionID&quot;:&quot;trouserLegLengthStandardOption&quot;,&quot;value&quot;:&quot;0&quot;,&quot;displayValue&quot;:&quot;0&quot;}}"
          data-monogram-options="{&quot;monogramcolour&quot;:null,&quot;monograminitials&quot;:null,&quot;monogramposition&quot;:null,&quot;monogramstyle&quot;:null}"
          data-product-cart-img="https://www.charlestyrwhitt.com/dw/image/v2/AAWJ_PRD/on/demandware.static/-/Sites-ctshirts-master/default/dwd415e87f/hi-res/SUB0507NAV_TROUSER_FRONT.jpg?sw=430&amp;sh=540">
          <h2 class="visually-hidden" aria-hidden="true">Variations</h2>
          <ul class="attribute attribute__variants">
            <li class="attribute attribute__variants-group">
              <div class="js-variation-attribute position-relative attribute redborder select-group" data-var-attr-id="variation-fit">
                <div id="variation-fit" class="m-top-m m-sides-z m-bottom-s d-flex flex-align-center2" data-id="variation-fit">
                  <span class="label p-all-z p bold grey1 uppercase d-block">1. Fit</span>
                  <svg class="m-left-m d-none mps-d-none js-variation-tick" style="width:15px;" viewBox="0 0 48 48" aria-label="">
                    <symbol viewBox="0 0 13 10" id="icon-tick">
                      <path
                        d="M4.33333 9.16112L0.375 5.46667C0.208333 5.31112 0.208333 5.0389 0.375 4.84445L1 4.26112C1.16667 4.10556 1.45833 4.10556 1.66667 4.26112L4.66667 7.06112L11.3333 0.838896C11.5 0.68334 11.7917 0.68334 12 0.838896L12.625 1.42223C12.7917 1.57778 12.7917 1.85001 12.625 2.04445L5 9.16112C4.79167 9.31667 4.5 9.31667 4.33333 9.16112Z"
                        fill="#1AA54C"></path>
                    </symbol>
                    <use xlink:href="#icon-tick"></use>
                  </svg>
                </div>
                <div class="value attribute__error"> Please choose a Fit. </div>
                <ul class="notfit swatches d-flex flex-wrap js-flexbox-wrapper align-items-flex-end vfit attribute attribute__variants-swatches ">
                  <li aria-label="Classic variation-fit" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_classicfit tab-only-focus-style--outer variation-fit  attribute__swatch--available available
tooltip attribute__swatch
variation-fit
attribute__swatch--vfit-classic_fit
attribute__swatch--vfit-classic
attribute__swatch-large
" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_variation-fit=classic_fit"> Classic </div>
                  </li>
                  <input type="hidden" name="oldMasterPID" id="oldMasterPID" value="SUB0520NAV">
                  <li aria-label="Slim variation-fit" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_slimfit tab-only-focus-style--outer variation-fit  attribute__swatch--available available
tooltip attribute__swatch attribute__swatch--last
variation-fit
attribute__swatch--vfit-slim_fit
attribute__swatch--vfit-slim

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_variation-fit=slim_fit"> Slim </div>
                  </li>
                  <input type="hidden" name="oldMasterPID" id="oldMasterPID" value="SUB0507NAV">
                </ul>
              </div>
            </li>
            <li class="attribute attribute__variants-group">
              <div class="js-variation-attribute position-relative attribute redborder select-group" data-var-attr-id="trouserWaist">
                <div id="trouserWaist" class="m-top-m m-sides-z m-bottom-s d-flex flex-align-center2" data-id="trouserWaist">
                  <span class="label p-all-z p bold grey1 uppercase d-inline-block m-right-xs">2. Waist size</span>
                  <span class="p grey1 uppercase">(Inch)</span>
                  <svg class="m-left-m d-none mps-d-none js-variation-tick" style="width:15px;" viewBox="0 0 48 48" aria-label="">
                    <symbol viewBox="0 0 13 10" id="icon-tick">
                      <path
                        d="M4.33333 9.16112L0.375 5.46667C0.208333 5.31112 0.208333 5.0389 0.375 4.84445L1 4.26112C1.16667 4.10556 1.45833 4.10556 1.66667 4.26112L4.66667 7.06112L11.3333 0.838896C11.5 0.68334 11.7917 0.68334 12 0.838896L12.625 1.42223C12.7917 1.57778 12.7917 1.85001 12.625 2.04445L5 9.16112C4.79167 9.31667 4.5 9.31667 4.33333 9.16112Z"
                        fill="#1AA54C"></path>
                    </symbol>
                    <use xlink:href="#icon-tick"></use>
                  </svg>
                </div>
                <div class="value attribute__error">
                  <span class="info">Please choose a Waist size (inch)</span>
                </div>
                <ul class="notfit swatches d-flex flex-wrap js-flexbox-wrapper align-items-flex-end width attribute attribute__variants-swatches ">
                  <li aria-label="30&quot; trouserWaist" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_30 tab-only-focus-style--outer trouserWaist  attribute__swatch--available available
tooltip attribute__swatch
trouserWaist
attribute__swatch--width-30
attribute__swatch--width-30&quot;

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_trouserWaist=30"> 30" </div>
                  </li>
                  <li aria-label="32&quot; trouserWaist" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_32 tab-only-focus-style--outer trouserWaist  attribute__swatch--available available
tooltip attribute__swatch
trouserWaist
attribute__swatch--width-32
attribute__swatch--width-32&quot;

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_trouserWaist=32"> 32" </div>
                  </li>
                  <li aria-label="34&quot; trouserWaist" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_34 tab-only-focus-style--outer trouserWaist  attribute__swatch--available available
tooltip attribute__swatch
trouserWaist
attribute__swatch--width-34
attribute__swatch--width-34&quot;

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_trouserWaist=34"> 34" </div>
                  </li>
                  <li aria-label="36&quot; trouserWaist" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_36 tab-only-focus-style--outer trouserWaist  attribute__swatch--available available
tooltip attribute__swatch
trouserWaist
attribute__swatch--width-36
attribute__swatch--width-36&quot;

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_trouserWaist=36"> 36" </div>
                  </li>
                  <li aria-label="38&quot; trouserWaist" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_38 tab-only-focus-style--outer trouserWaist  attribute__swatch--available available
tooltip attribute__swatch
trouserWaist
attribute__swatch--width-38
attribute__swatch--width-38&quot;

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_trouserWaist=38"> 38" </div>
                  </li>
                  <li aria-label="40&quot; trouserWaist" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_40 tab-only-focus-style--outer trouserWaist  attribute__swatch--available available
tooltip attribute__swatch
trouserWaist
attribute__swatch--width-40
attribute__swatch--width-40&quot;

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_trouserWaist=40"> 40" </div>
                  </li>
                  <li aria-label="42&quot; trouserWaist" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_42 tab-only-focus-style--outer trouserWaist  attribute__swatch--available available
tooltip attribute__swatch
trouserWaist
attribute__swatch--width-42
attribute__swatch--width-42&quot;

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_trouserWaist=42"> 42" </div>
                  </li>
                  <li aria-label="44&quot; trouserWaist" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_44 tab-only-focus-style--outer trouserWaist  attribute__swatch--available available
tooltip attribute__swatch attribute__swatch--last
trouserWaist
attribute__swatch--width-44
attribute__swatch--width-44&quot;

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_trouserWaist=44"> 44" </div>
                  </li>
                </ul>
              </div>
            </li>
            <li class="attribute attribute__variants-group">
              <div class="js-variation-attribute position-relative attribute redborder select-group" data-var-attr-id="trouserLength">
                <div id="trouserLength" class="m-top-m m-sides-z m-bottom-s d-flex flex-align-center2" data-id="trouserLength">
                  <span class="label p-all-z p bold grey1 uppercase d-inline-block m-right-xs">3. Inside leg length</span>
                  <span class="p grey1 uppercase">(Inch)</span>
                  <svg class="m-left-m d-none mps-d-none js-variation-tick" style="width:15px;" viewBox="0 0 48 48" aria-label="">
                    <symbol viewBox="0 0 13 10" id="icon-tick">
                      <path
                        d="M4.33333 9.16112L0.375 5.46667C0.208333 5.31112 0.208333 5.0389 0.375 4.84445L1 4.26112C1.16667 4.10556 1.45833 4.10556 1.66667 4.26112L4.66667 7.06112L11.3333 0.838896C11.5 0.68334 11.7917 0.68334 12 0.838896L12.625 1.42223C12.7917 1.57778 12.7917 1.85001 12.625 2.04445L5 9.16112C4.79167 9.31667 4.5 9.31667 4.33333 9.16112Z"
                        fill="#1AA54C"></path>
                    </symbol>
                    <use xlink:href="#icon-tick"></use>
                  </svg>
                </div>
                <div class="value attribute__error">
                  <span class="info">Please choose a Inside leg length (inch)</span>
                </div>
                <ul class="notfit swatches d-flex flex-wrap js-flexbox-wrapper align-items-flex-end length attribute attribute__variants-swatches ">
                  <li aria-label="30&quot; trouserLength" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_30 tab-only-focus-style--outer trouserLength m-top-m attribute__swatch--available available
tooltip attribute__swatch
trouserLength
attribute__swatch--length-30
attribute__swatch--length-30&quot;

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_trouserLength=30"> 30" </div>
                  </li>
                  <li aria-label="32&quot; trouserLength" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_32 tab-only-focus-style--outer trouserLength m-top-m attribute__swatch--available available
tooltip attribute__swatch
trouserLength
attribute__swatch--length-32
attribute__swatch--length-32&quot;

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_trouserLength=32"> 32" </div>
                  </li>
                  <li aria-label="34&quot; trouserLength" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_34 tab-only-focus-style--outer trouserLength m-top-m attribute__swatch--available available
tooltip attribute__swatch
trouserLength
attribute__swatch--length-34
attribute__swatch--length-34&quot;

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_trouserLength=34"> 34" </div>
                  </li>
                  <li aria-label="38&quot; trouserLength" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_38 tab-only-focus-style--outer trouserLength m-top-m attribute__swatch--available available
tooltip attribute__swatch attribute__swatch--last
trouserLength
attribute__swatch--length-38
attribute__swatch--length-38&quot;

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_trouserLength=38"> 38" </div>
                    <a class="js-size-guide uppercase position-absolute bg-green1 white attribute__box-tip attribute__box-tip--trousers js-box-tip p-sides-xs font__secondary" href="/us/trousersrecommendation.html" title="Regular length for your collar size">
Unhemmed
</a>
                  </li>
                </ul>
                <div class="js-option-wrapper length attribute__swatch-wrapper float-left">
                  <div class="js-option-swatch option-swatch custom-sleeve-option js-accessibility-return-parent tab-only-focus-style--outer attribute__swatch attribute__swatch--option attribute__swatch--option-
selectable
 attribute__swatch--option-ontop  
selectable">
                    <a class="js-custom-sleeve-option js-accessibility-return tab-only-focus-style--inner attribute__swatch-link attribute__swatch-link--small attribute__swatch-link--selectable attribute__swatch-link--cursor attribute__swatch-link--option
selectable" role="button" tabindex="0" aria-expanded="false" data-title="Custom inside leg($17.95)" data-price="$17.95" data-price-value="17.95">
Custom inside leg
(
$17.95)
<span class="js-arrow js-arrow-down"></span>
<div class="accessibility-hidden shortening-description attribute__description p d-inline-block m-ends-s m-sides-z col-100 text-transform-none text-left">
<span class="shortening-description--note">
Please Note:
</span>
<ul class="shortening-description--list m-top-s p-top-xs">
<li class="p-left-xs p-bottom-xs">
Allow up to 4 additional working days for shipping
</li>
<li class="p-left-xs">
Personalizing your garment means you will be unable to return it for a refund
</li>
</ul>
</div>
</a>
                    <input type="hidden" name="sleevePrice" id="sleevePrice" value="17.95">
                    <input type="hidden" name="sleeveAdded" id="sleeveAdded" value="Custom inside leg">
                  </div>
                  <div class="js-custom-sleeve-option-values attribute__swatch-values p-sides-s">
                    <span tabindex="0" role="button" aria-label="27 Custom Trouser Length" class="tab-only-focus-style--outer js-accessibility-return-parent" aria-selected="false" aria-pressed="false">
                      <div tabindex="-1" class="js-custom-option-swatch js-accessibility-return tab-only-focus-style--inner attribute__swatch-link attribute__swatch-link--cursor attribute__swatch " data-value="t-std-27"
                        data-option="trouserLegLengthStandardOption"
                        data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_trouserLength=30&amp;dwopt_SUB0507NAV_trouserLegLengthStandardOption=t-std-27">
                        27 </div>
                    </span>
                    <span tabindex="0" role="button" aria-label="28 Custom Trouser Length" class="tab-only-focus-style--outer js-accessibility-return-parent" aria-selected="false" aria-pressed="false">
                      <div tabindex="-1" class="js-custom-option-swatch js-accessibility-return tab-only-focus-style--inner attribute__swatch-link attribute__swatch-link--cursor attribute__swatch " data-value="t-std-28"
                        data-option="trouserLegLengthStandardOption"
                        data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_trouserLength=30&amp;dwopt_SUB0507NAV_trouserLegLengthStandardOption=t-std-28">
                        28 </div>
                    </span>
                    <span tabindex="0" role="button" aria-label="29 Custom Trouser Length" class="tab-only-focus-style--outer js-accessibility-return-parent" aria-selected="false" aria-pressed="false">
                      <div tabindex="-1" class="js-custom-option-swatch js-accessibility-return tab-only-focus-style--inner attribute__swatch-link attribute__swatch-link--cursor attribute__swatch " data-value="t-std-29"
                        data-option="trouserLegLengthStandardOption"
                        data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_trouserLength=32&amp;dwopt_SUB0507NAV_trouserLegLengthStandardOption=t-std-29">
                        29 </div>
                    </span>
                    <span tabindex="0" role="button" aria-label="30 Custom Trouser Length" class="tab-only-focus-style--outer js-accessibility-return-parent" aria-selected="false" aria-pressed="false">
                      <div tabindex="-1" class="js-custom-option-swatch js-accessibility-return tab-only-focus-style--inner attribute__swatch-link attribute__swatch-link--cursor attribute__swatch " data-value="t-std-30"
                        data-option="trouserLegLengthStandardOption"
                        data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_trouserLength=32&amp;dwopt_SUB0507NAV_trouserLegLengthStandardOption=t-std-30">
                        30 </div>
                    </span>
                    <span tabindex="0" role="button" aria-label="31 Custom Trouser Length" class="tab-only-focus-style--outer js-accessibility-return-parent" aria-selected="false" aria-pressed="false">
                      <div tabindex="-1" class="js-custom-option-swatch js-accessibility-return tab-only-focus-style--inner attribute__swatch-link attribute__swatch-link--cursor attribute__swatch " data-value="t-std-31"
                        data-option="trouserLegLengthStandardOption"
                        data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_trouserLength=34&amp;dwopt_SUB0507NAV_trouserLegLengthStandardOption=t-std-31">
                        31 </div>
                    </span>
                    <span tabindex="0" role="button" aria-label="32 Custom Trouser Length" class="tab-only-focus-style--outer js-accessibility-return-parent" aria-selected="false" aria-pressed="false">
                      <div tabindex="-1" class="js-custom-option-swatch js-accessibility-return tab-only-focus-style--inner attribute__swatch-link attribute__swatch-link--cursor attribute__swatch " data-value="t-std-32"
                        data-option="trouserLegLengthStandardOption"
                        data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_trouserLength=34&amp;dwopt_SUB0507NAV_trouserLegLengthStandardOption=t-std-32">
                        32 </div>
                    </span>
                    <span tabindex="0" role="button" aria-label="33 Custom Trouser Length" class="tab-only-focus-style--outer js-accessibility-return-parent" aria-selected="false" aria-pressed="false">
                      <div tabindex="-1" class="js-custom-option-swatch js-accessibility-return tab-only-focus-style--inner attribute__swatch-link attribute__swatch-link--cursor attribute__swatch " data-value="t-std-33"
                        data-option="trouserLegLengthStandardOption"
                        data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_trouserLength=38&amp;dwopt_SUB0507NAV_trouserLegLengthStandardOption=t-std-33">
                        33 </div>
                    </span>
                    <span tabindex="0" role="button" aria-label="34 Custom Trouser Length" class="tab-only-focus-style--outer js-accessibility-return-parent" aria-selected="false" aria-pressed="false">
                      <div tabindex="-1" class="js-custom-option-swatch js-accessibility-return tab-only-focus-style--inner attribute__swatch-link attribute__swatch-link--cursor attribute__swatch " data-value="t-std-34"
                        data-option="trouserLegLengthStandardOption"
                        data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_trouserLength=38&amp;dwopt_SUB0507NAV_trouserLegLengthStandardOption=t-std-34">
                        34 </div>
                    </span>
                    <span tabindex="0" role="button" aria-label="35 Custom Trouser Length" class="tab-only-focus-style--outer js-accessibility-return-parent" aria-selected="false" aria-pressed="false">
                      <div tabindex="-1" class="js-custom-option-swatch js-accessibility-return tab-only-focus-style--inner attribute__swatch-link attribute__swatch-link--cursor attribute__swatch " data-value="t-std-35"
                        data-option="trouserLegLengthStandardOption"
                        data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_trouserLength=38&amp;dwopt_SUB0507NAV_trouserLegLengthStandardOption=t-std-35">
                        35 </div>
                    </span>
                    <span tabindex="0" role="button" aria-label="36 Custom Trouser Length" class="tab-only-focus-style--outer js-accessibility-return-parent" aria-selected="false" aria-pressed="false">
                      <div tabindex="-1" class="js-custom-option-swatch js-accessibility-return tab-only-focus-style--inner attribute__swatch-link attribute__swatch-link--cursor attribute__swatch " data-value="t-std-36"
                        data-option="trouserLegLengthStandardOption"
                        data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0507NAV&amp;dwvar_SUB0507NAV_trouserLength=38&amp;dwopt_SUB0507NAV_trouserLegLengthStandardOption=t-std-36">
                        36 </div>
                    </span>
                    <div class="shortening-description attribute__description p d-inline-block m-ends-s m-sides-z col-100 text-transform-none text-left">
                      <span class="shortening-description--note"> Please Note: </span>
                      <ul class="shortening-description--list m-top-s p-top-xs">
                        <li class="p-left-xs p-bottom-xs"> Allow up to 4 additional working days for shipping </li>
                        <li class="p-left-xs"> Personalizing your garment means you will be unable to return it for a refund </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </li>
          </ul>
          <div class="product-options attribute__variants-group col-100 d-inline-block">
            <div class="product-options__variations d-flex flex-wrap">
              <div aria-hidden="true" class="visually-hidden">
                <span class="label"> Standard: </span>
                <span class="value">
                  <select tabindex="-1" id="dwopt_SUB0507NAV_trouserLegLengthStandardOption" name="dwopt_SUB0507NAV_trouserLegLengthStandardOption" class="product-option input-select trouserLegLengthStandardOption  ">
                    <option value="0" selected="selected"> 0 </option>
                    <option value="t-std-27"> 27 </option>
                    <option value="t-std-28"> 28 </option>
                    <option value="t-std-29"> 29 </option>
                    <option value="t-std-30"> 30 </option>
                    <option value="t-std-31"> 31 </option>
                    <option value="t-std-32"> 32 </option>
                    <option value="t-std-33"> 33 </option>
                    <option value="t-std-34"> 34 </option>
                    <option value="t-std-35"> 35 </option>
                    <option value="t-std-36"> 36 </option>
                  </select>
                </span>
              </div>
            </div>
          </div>
          <div class="pdp-main__quantity m-top-m col-100">
            <div class="pdp-main__quantity-label">
              <label class="attribute__label p bold grey1 uppercase d-block col-100 p-all-z attribute__label--inline">
                <span>Quantity</span>
              </label>
            </div>
            <div class="pdp-main__quantity-select d-flex position-relative">
              <select class="js-select2 pdp-main__quantity-select__select js-qty select2-selection--quantity" id="SUB0507NAV" name="Quantity" data-uuid="" data-tracking="cart-quantity-selector" data-tracking-custom-value=""
                data-tracking-custom-source="Basket Quantity" aria-label="Quantity" data-settings="null">
                <option value="1" class="select2-dropdown--quantity" selected="" data-tracking="${dataTracking}-value">1</option>
                <option value="2" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">2</option>
                <option value="3" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">3</option>
                <option value="4" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">4</option>
                <option value="5" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">5</option>
                <option value="6" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">6</option>
                <option value="7" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">7</option>
                <option value="8" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">8</option>
                <option value="9" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">9</option>
                <option value="10" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">10</option>
              </select>
            </div>
          </div>
        </div>
        <div class="block-add-to-cart add-sub-product">
          <div class="bold grey1 d-inline-block text-right col-100 js-shirt-summary shirt-summary p-all-z">
            <p class="price d-block text-left line-height-normal h4 m-ends-m ">
              <span class="f terminal"> $120 </span>
            </p>
          </div>
          <input type="hidden" id="addToCartErrorMessage" name="addToCartErrorMessage" value="Please make your selections above">
          <input type="hidden" name="pageid" id="pageid" value="product set">
          <button data-tracking="cart-add-to-bag" id="add-to-cart" type="button" title="Add to bag" value="Add to bag" class="button__primary--2 add-to-cart-disabled add-to-cart js-validate-selection col-100">
            <span class="price__atc-button position-relative">Add to bag</span>
          </button>
          <div class="js-add-set-items product-set__no-thanks-container" id="SUB0507NAV">
          </div>
        </div>
        <hr class="hr-divider__grey6 m-top-l m-bottom-s mps-m-bottom-m">
        <input type="hidden" name="availability" value="IN_STOCK">
        <input type="hidden" name="pid" class="js-pid js-tpid" value="SUB0507NAV">
        <input type="hidden" name="masterpid" class="js-masterpid" value="SUB0507NAV">
      </div>
    </div>
  </div>
</form>

POST /on/demandware.store/Sites-CTShirts-US-Site/en_US/Cart-AddProduct

<form action="/on/demandware.store/Sites-CTShirts-US-Site/en_US/Cart-AddProduct" method="post" class="pdpForm">
  <div class="col-100 js-product-wrapper product-set pdp-main__line-details js-waistcoat-section product-set__waistcoat">
    <div class="product-set__name-container relative active col-100 d-flex flex-justify-space-between flex-align-center">
      <h2 class="product-set__name product-set__name--suit-part font__secondary h4 grey1 uppercase bold d-inline-block m-all-z"> Vest <span class="product-set__name-container--optional-text">(optional)</span>
      </h2>
      <div class="js-product-set-id font__secondary h5 grey2"> SUB0508NAV </div>
    </div>
    <div class=" position-relative">
      <div class="js-set-item-toggle product-set__loader">
      </div>
      <div class="js-product-content pdp-main__product-content product-content-container position-relative" role="application">
        <div class="product-variations js-product-variations d-inline-block position-relative col-100" data-len="1.0" data-is-product-set="true" data-has-variants="true" data-is-variant-selected="false" data-is-any-option-selected="false"
          data-variant-pid=""
          data-attributes="{&quot;waistcoatSize&quot;:{&quot;attributeID&quot;:&quot;waistcoatSize&quot;,&quot;displayName&quot;:&quot;waistcoat chest size&quot;,&quot;value&quot;:&quot;&quot;,&quot;displayValue&quot;:&quot;&quot;}}"
          data-options="{}" data-monogram-options="{&quot;monogramcolour&quot;:null,&quot;monograminitials&quot;:null,&quot;monogramposition&quot;:null,&quot;monogramstyle&quot;:null}"
          data-product-cart-img="https://www.charlestyrwhitt.com/dw/image/v2/AAWJ_PRD/on/demandware.static/-/Sites-ctshirts-master/default/dwe6fc9ac1/hi-res/SUB0508NAV_WAISTCOAT.jpg?sw=430&amp;sh=540">
          <h2 class="visually-hidden" aria-hidden="true">Variations</h2>
          <ul class="attribute attribute__variants">
            <li class="attribute attribute__variants-group">
              <div class="js-variation-attribute position-relative attribute redborder select-group" data-var-attr-id="waistcoatSize">
                <div id="waistcoatSize" class="m-top-m m-sides-z m-bottom-s d-flex flex-align-center2" data-id="waistcoatSize">
                  <span class="label p-all-z p bold grey1 uppercase d-block">1. waistcoat chest size</span>
                  <svg class="m-left-m d-none mps-d-none js-variation-tick" style="width:15px;" viewBox="0 0 48 48" aria-label="">
                    <symbol viewBox="0 0 13 10" id="icon-tick">
                      <path
                        d="M4.33333 9.16112L0.375 5.46667C0.208333 5.31112 0.208333 5.0389 0.375 4.84445L1 4.26112C1.16667 4.10556 1.45833 4.10556 1.66667 4.26112L4.66667 7.06112L11.3333 0.838896C11.5 0.68334 11.7917 0.68334 12 0.838896L12.625 1.42223C12.7917 1.57778 12.7917 1.85001 12.625 2.04445L5 9.16112C4.79167 9.31667 4.5 9.31667 4.33333 9.16112Z"
                        fill="#1AA54C"></path>
                    </symbol>
                    <use xlink:href="#icon-tick"></use>
                  </svg>
                </div>
                <div class="value attribute__error">
                  <span class="info">Please choose a waistcoat chest size</span>
                </div>
                <ul class="notfit swatches d-flex flex-wrap js-flexbox-wrapper align-items-flex-end waistcoatsize attribute attribute__variants-swatches ">
                  <li aria-label="36&quot; waistcoatSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_36 tab-only-focus-style--outer waistcoatSize  attribute__swatch--available available
tooltip attribute__swatch
waistcoatSize
attribute__swatch--waistcoatsize-36
attribute__swatch--waistcoatsize-36&quot;

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0508NAV&amp;dwvar_SUB0508NAV_waistcoatSize=36"> 36" </div>
                  </li>
                  <li aria-label="38&quot; waistcoatSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_38 tab-only-focus-style--outer waistcoatSize  attribute__swatch--available available
tooltip attribute__swatch
waistcoatSize
attribute__swatch--waistcoatsize-38
attribute__swatch--waistcoatsize-38&quot;

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0508NAV&amp;dwvar_SUB0508NAV_waistcoatSize=38"> 38" </div>
                  </li>
                  <li aria-label="40&quot; waistcoatSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_40 tab-only-focus-style--outer waistcoatSize  attribute__swatch--available available
tooltip attribute__swatch
waistcoatSize
attribute__swatch--waistcoatsize-40
attribute__swatch--waistcoatsize-40&quot;

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0508NAV&amp;dwvar_SUB0508NAV_waistcoatSize=40"> 40" </div>
                  </li>
                  <li aria-label="42&quot; waistcoatSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_42 tab-only-focus-style--outer waistcoatSize  attribute__swatch--available available
tooltip attribute__swatch
waistcoatSize
attribute__swatch--waistcoatsize-42
attribute__swatch--waistcoatsize-42&quot;

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0508NAV&amp;dwvar_SUB0508NAV_waistcoatSize=42"> 42" </div>
                  </li>
                  <li aria-label="44&quot; waistcoatSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_44 tab-only-focus-style--outer waistcoatSize  attribute__swatch--available available
tooltip attribute__swatch
waistcoatSize
attribute__swatch--waistcoatsize-44
attribute__swatch--waistcoatsize-44&quot;

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0508NAV&amp;dwvar_SUB0508NAV_waistcoatSize=44"> 44" </div>
                  </li>
                  <li aria-label="46&quot; waistcoatSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_46 tab-only-focus-style--outer waistcoatSize  attribute__swatch--available available
tooltip attribute__swatch
waistcoatSize
attribute__swatch--waistcoatsize-46
attribute__swatch--waistcoatsize-46&quot;

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0508NAV&amp;dwvar_SUB0508NAV_waistcoatSize=46"> 46" </div>
                  </li>
                  <li aria-label="48&quot; waistcoatSize" role="button" tabindex="0" aria-selected="false" aria-pressed="false" class="js-attribute-swatch position-relative js-attribute-swatch_48 tab-only-focus-style--outer waistcoatSize  attribute__swatch--available available
tooltip attribute__swatch attribute__swatch--last
waistcoatSize
attribute__swatch--waistcoatsize-48
attribute__swatch--waistcoatsize-48&quot;

" aria-hidden="false">
                    <div tabindex="-1" class="tab-only-focus-style--inner swatchanchor attribute__swatch-link "
                      data-link="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-VariationPS?pid=SUB0508NAV&amp;dwvar_SUB0508NAV_waistcoatSize=48"> 48" </div>
                  </li>
                </ul>
              </div>
            </li>
          </ul>
          <div class="pdp-main__quantity m-top-m col-100">
            <div class="pdp-main__quantity-label">
              <label class="attribute__label p bold grey1 uppercase d-block col-100 p-all-z attribute__label--inline">
                <span>Quantity</span>
              </label>
            </div>
            <div class="pdp-main__quantity-select d-flex position-relative">
              <select class="js-select2 pdp-main__quantity-select__select js-qty select2-selection--quantity" id="SUB0508NAV" name="Quantity" data-uuid="" data-tracking="cart-quantity-selector" data-tracking-custom-value=""
                data-tracking-custom-source="Basket Quantity" aria-label="Quantity" data-settings="null">
                <option value="1" class="select2-dropdown--quantity" selected="" data-tracking="${dataTracking}-value">1</option>
                <option value="2" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">2</option>
                <option value="3" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">3</option>
                <option value="4" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">4</option>
                <option value="5" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">5</option>
                <option value="6" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">6</option>
                <option value="7" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">7</option>
                <option value="8" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">8</option>
                <option value="9" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">9</option>
                <option value="10" class="select2-dropdown--quantity" data-tracking="${dataTracking}-value">10</option>
              </select>
            </div>
          </div>
        </div>
        <div class="block-add-to-cart add-sub-product">
          <div class="bold grey1 d-inline-block text-right col-100 js-shirt-summary shirt-summary p-all-z">
            <p class="price d-block text-left line-height-normal h4 m-ends-m ">
              <span class="f terminal"> $120 </span>
            </p>
          </div>
          <input type="hidden" id="addToCartErrorMessage" name="addToCartErrorMessage" value="Please make your selections above">
          <input type="hidden" name="pageid" id="pageid" value="product set">
          <button data-tracking="cart-add-to-bag" id="add-to-cart" type="button" title="Add to bag" value="Add to bag" class="button__primary--2 add-to-cart-disabled add-to-cart js-validate-selection col-100">
            <span class="price__atc-button position-relative">Add to bag</span>
          </button>
          <div class="js-add-set-items product-set__no-thanks-container" id="SUB0508NAV">
          </div>
        </div>
        <hr class="hr-divider__grey6 m-top-l m-bottom-s mps-m-bottom-m">
        <input type="hidden" name="availability" value="IN_STOCK">
        <input type="hidden" name="pid" class="js-pid js-wpid" value="SUB0508NAV">
        <input type="hidden" name="masterpid" class="js-masterpid" value="SUB0508NAV">
      </div>
    </div>
  </div>
  <div class="pdp-main__line-details js-reload-price" data-url="/on/demandware.store/Sites-CTShirts-US-Site/en_US/Product-UpdateSuitPrice?pid=SUB60NAV">
  </div>
</form>

Name: stockAlertFormPOST https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/StockAlert-SendEmail

<form action="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/StockAlert-SendEmail" method="post" id="stockAlertForm" class="js-stock-alert-form" name="stockAlertForm"></form>

POST /on/demandware.store/Sites-CTShirts-US-Site/en_US/Cart-AddProduct

<form action="/on/demandware.store/Sites-CTShirts-US-Site/en_US/Cart-AddProduct" method="post" id="dwfrm_product_addtocart_d0vutztnzade" class="pdpForm">
  <div class="product-col-1 product-image-container pdp-main__media float-left position-relative overflow-hidden col-100 d-inline-block"></div>
  <div class="product-col-2 js-product-detail pdp-main__details col-100 d-inline-block p-sides-m mps-p-all-z float-right">
    <div class="product-add-to-cart">
    </div>
  </div>
</form>

Name: newsletterFooterSignupPOST https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/AdobeCampaign-Subscribe

<form action="https://www.charlestyrwhitt.com/on/demandware.store/Sites-CTShirts-US-Site/en_US/AdobeCampaign-Subscribe" method="post" name="newsletterFooterSignup" id="NewsletterFooterSubscribeForm" class="footer__form">
  <fieldset>
    <div class="d-flex flex-direction-column mps-flex-direction-row mps-p-ends-z p-ends-m">
      <label class="form__label flex-align-center mps-d-flex align-center col-90 mps-col-60 text-center font__secondary mps-p-right-m m-bottom-s mps-m-bottom-z">
        <span> We will keep you posted on new products and great offers </span>
      </label>
      <div class="form__row--silent required footer_form_email-signup d-flex flex-align-center m-all-z position-relative" aria-required="true">
        <div class="js-newsletter-progress-footer footer_form_newsletter-progress hide overflow-hidden position-absolute height-100 col-90 bordered"></div>
        <label for="dwfrm_footernewsletter_email"><span class="accessibility-hidden">Email address input field</span></label>
        <input placeholder="Email address" class="form__input input-text font__secondary bordered h5 email form__input--footer required float-left text-transform-none p-sides-s" id="dwfrm_footernewsletter_email" type="email"
          name="dwfrm_footernewsletter_email" value="" maxlength="50" aria-required="true">
        <button type="submit" value="Submit" name="dwfrm_footernewsletter_subscribe" class="js-newsletter-button button button--footer bg-blue1" aria-label="subscribe">
          <svg class="" style="width:9px" viewBox="0 0 6 10" aria-label="">
            <symbol viewBox="0 0 6 10" id="icon-empty-arrow-white">
              <path fill="#FFF" fill-rule="evenodd" d="M5.243 5L1 9.243l-.53-.53L4.182 5 .47 1.288 1 .758 5.243 5z"></path>
            </symbol>
            <use xlink:href="#icon-empty-arrow-white"></use>
          </svg>
        </button>
      </div>
    </div>
  </fieldset>
  <input name="csrf_token" value="_WrcxDhZD5D4d012DG3ME8tKgcpAueBKxtaYK3ym2z7CwXwZH8QKW9fk20JrtK6_o--hDQoFnsYOlAAKU0vgiMP64UHClkbBxyJLyEcZx7rdebqKpLG0r6mcDTiwXDRKa1uqbMVG7cLY4IhQTYIclKAv-7Dz3lsE_KoyKe8bjt2fY8o1DwI=" type="hidden">
</form>

Text Content

Skip to main content View Accessibility Policy
system process in progress
Menu Close
 * Store Finder
 * CREATE AN ACCOUNT
 * Log in
   
   
   LOG IN
   
   --------------------------------------------------------------------------------
   
   Log out

Charles Tyrwhitt Home
Search Catalog Search
Your shopping bag is empty
added to bag

x Added



CUSTOM SHIRT -



go to bag continue shopping
Charles Tyrwhitt Home Close
 * Shirts
   
    * New Shirts
   
    * Short Sleeve Shirts
   
    * Polos
   
    * New Shirts
   
    * Custom Shirts
      
   
    * View All
   
   
    * STYLE
   
      
    * Dress
    * Business Casual
    * Casual
    * Short Sleeve
    * Custom Shirts
      
    * Collarless
    * Non-Iron
    * Luxury
    * Tuxedo
    * Polos
    * t-shirts
    * View All
   
   
    * CLEARANCE
   
      
    * Shirts
   
   
    * COLOR
   
      
    * White
    * Blue
    * Pink
    * Pattern
    * Liberty Print
    * Check
    * Stripe
    * View All
   
   
    * FIT
   
      
    * Classic
    * Slim
    * Extra Slim
    * View All
   
   
    * FABRIC
   
      
    * Linen
    * Oxford
    * Poplin
    * Twill
    * View All
   
   
    * INSPIRATION
   
      
    * Seasonal Looks
    * Our Partnerships
    * Editorial
    * About us

 * Suits
   
    * New Suits
   
    * Business Suits
   
    * Wedding Suits
   
    * New Suits
   
    * View All
   
   
    * OCCASION
   
      
    * Wedding
    * Races
    * Black Tie
    * Business
    * View All
   
   
    * FIT
   
      
    * Slim Fit Suits
    * Classic Fit Suits
    * View All
   
   
    * CLEARANCE
   
      
    * Suits
   
   
    * COLOR
   
      
    * Navy & Blue Suits
    * Black Suits
    * Grey Suits
    * View All
      
      
   
   
    * SUIT SEPARATES
   
      
    * Suit Jackets
    * Suit Pants
    * Vests
    * Blazers & Smart Jackets
   
   
    * STYLE
   
      
    * Ultimate Performance
    * Tuxedos
    * Morning Suits
    * Italian Suits
    * View All
   
   
    * INSPIRATION
   
      
    * Seasonal Looks
    * Our Partnerships
    * Editorial
    * About us

 * Pants
   
   Chinos
   
    * Lightweight Pants
   
    * Shorts
   
    * View All
   
   
    * STYLE
   
      
    * Chinos
    * Shorts
    * Suit
    * Smart
    * Lightweight
    * 5 Pocket Jeans
    * View All
    * New Pants & Shorts
   
   
    * COLOR
   
      
    * Blue
    * Grey
    * Brown
    * Black
    * View All
   
   
    * CLEARANCE
   
      
    * Pants
   
   
    * FIT
   
      
    * Classic
    * Slim
    * Extra Slim
    * View All
   
   
    * INSPIRATION
   
      
    * Seasonal Looks
    * Our Partnerships
    * Editorial
    * About us

 * Sweaters
   
    * Summer Sweaters
   
    * Zip Necks
   
    * Sweaters
   
    * New Sweaters
   
    * View All
   
   
    * STYLE
   
      
    * Sweaters
    * V-Neck
    * Zip Neck
    * Crew Neck
    * Cardigans
    * View All
   
   
    * COLOR
   
      
    * Blue
    * Grey
    * Black
    * Brown
    * Green
    * View All
   
   
    * CLEARANCE
   
      
    * Sweaters
   
   
    * FABRIC
   
      
    * Cashmere
    * Merino
    * Cotton
    * Cotton Merino
   
   
    * INSPIRATION
   
      
    * Seasonal Looks
    * Our Partnerships
    * Editorial
    * About us

 * Jackets & Coats
   
    * New Coats & Jackets
   
    * Jackets & Overshirts
   
    * Blazers
   
    * New Coats & Jackets
   
    * View All
   
   
    * STYLE
   
      
    * Blazers
    * Casual Jackets
    * Linen Jackets
    * Suit Jackets
    * Raincoats
    * Gilets
    * Coats
    * View All
   
   
    * CLEARANCE
   
      
    * Jackets & Coats
   
   
    * COLOR
   
      
    * Black
    * Navy
    * Green
    * View All
   
   
    * INSPIRATION
   
      
    * Seasonal Looks
    * Our Partnerships
    * Editorial
    * About us

 * Shoes
   
    * Shoes
   
    * New Shoes
   
    * View All
   
   
    * CATEGORY
   
      
    * New Shoes
    * Smart Shoes
    * Loafers
    * Sneakers
    * Boots
    * Boat Shoes
    * View All
   
   
    * CLEARANCE
   
      
    * Shoes
   
   
    * INSPIRATION
   
      
    * Seasonal Looks
    * Our Partnerships
    * Editorial
    * Smart Shoe Guide
    * About us
   
   
    * SHOE ACCESSORIES
   
      
    * Socks
    * Shoe Care

 * Accessories
   
    * Socks
   
    * Ties & Bow-ties
   
    * Belts
   
    * New Accessories
   
    * View All
   
   
    * CATEGORY
   
      
    * Ties & Bow-ties
    * Cufflinks
    * Pocket Squares
    * Socks
    * Belts & Suspenders
    * Loungewear
    * T-shirts & Pajamas
    * Umbrellas
    * Underwear
    * Gloves & Scarves
    * View All
   
   
    * INSPIRATION
   
      
    * Seasonal Looks
    * Our Partnerships
    * Editorial
    * About us
   
   
    * FEATURED
   
      
    * Gift Certificates
   
   
    * CLEARANCE
   
      
    * Accessories

 * Store Finder
 * CREATE AN ACCOUNT
 * Log in
   
   
   LOG IN
   
   --------------------------------------------------------------------------------
   
   Log out

 * Home
   
 * Suits
 * Business suits

Looks like you don't have Javascript enabled in your browser. Please turn it on
so you can enjoy all the functions of our site.

Tyrwhitt icon

Tyrwhitt icon

Tyrwhitt icon

Tyrwhitt icon

Tyrwhitt icon

Tyrwhitt icon


DETAILS ABOUT PRODUCT: NATURAL STRETCH TWILL SUIT - NAVY


DETAILS

https://www.charlestyrwhitt.com/us/natural-stretch-twill-suit---navy/SUB60NAV.html
now $449 $449

--------------------------------------------------------------------------------

Need a versatile suit that takes you from your desk to dinner? Tyrwhitt has your
back with our most popular twill style.


PRODUCTS


JACKET

SUB0506NAV


VARIATIONS

 * 1. Fit
   Please choose a Fit.
    * Classic
      
    * Slim
      

 * 2. Jacket size (Inch)
   Please choose a Jacket size (inch)
    * 36S
    * 38S
    * 40S
    * 42S
    * 44S
    * 36R
    * 38R
    * 40R
    * 42R
    * 44R
    * 46R
    * 48R
    * 50R
    * 40L
    * 42L
    * 44L
    * 46L
    * 48L

Quantity
1 2 3 4 5 6 7 8 9 10

$329

Add to bag


--------------------------------------------------------------------------------


PANTS

SUB0507NAV


VARIATIONS

 * 1. Fit
   Please choose a Fit.
    * Classic
      
    * Slim
      

 * 2. Waist size (Inch)
   Please choose a Waist size (inch)
    * 30"
    * 32"
    * 34"
    * 36"
    * 38"
    * 40"
    * 42"
    * 44"

 * 3. Inside leg length (Inch)
   Please choose a Inside leg length (inch)
    * 30"
    * 32"
    * 34"
    * 38"
      Unhemmed
   
   Custom inside leg ( $17.95)
   Please Note:
    * Allow up to 4 additional working days for shipping
    * Personalizing your garment means you will be unable to return it for a
      refund
   
   27
   28
   29
   30
   31
   32
   33
   34
   35
   36
   Please Note:
    * Allow up to 4 additional working days for shipping
    * Personalizing your garment means you will be unable to return it for a
      refund

Standard: 0 27 28 29 30 31 32 33 34 35 36
Quantity
1 2 3 4 5 6 7 8 9 10

$120

Add to bag


--------------------------------------------------------------------------------


VEST (OPTIONAL)

SUB0508NAV


VARIATIONS

 * 1. waistcoat chest size
   Please choose a waistcoat chest size
    * 36"
    * 38"
    * 40"
    * 42"
    * 44"
    * 46"
    * 48"

Quantity
1 2 3 4 5 6 7 8 9 10

$120

Add to bag


--------------------------------------------------------------------------------






PRODUCT ACTIONS

Product details

 * 
 * 6 month quality guarantee

Need a versatile suit that takes you from your desk to dinner? Tyrwhitt has your
back with our most popular twill style.

 * 100% Super 100s wool
 * Natural stretch
 * Available in classic and slim fit
 * Decorative pick stitching
 * Jacket: single breasted
 * Pants: Flat front
 * Pants: half-lined to the knee
 * Vest: adjustable fit
 * Dry clean only

Size & Fit


Model's height: 185cm / 6'1"

Model wears: 40R Jacket and 32L Trousers in Slim fit

Size & Fit Guide
Delivery


 * ALLOW AN EXTRA 4-6 BUSINESS DAYS FOR ORDERS WITH ALTERATIONS

 * BASIC SHIPPING $14.95
   
   Delivery in 8-10 business days

 * PREMIUM TRACKED $17.95
   
   Delivery in 5-8 business days

 * PREMIUM TRACKED EXPRESS $39.95
   
   Delivery in 4 business days

   Hand-picked and shipped from London, UK

Returns


You can return any item for up to 6 months.

The only exceptions to our guarantee are:

 * Goods purchased online and altered by Charles Tyrwhitt cannot be refunded. If
   a product is returned for a full exchange, the alteration charges are
   non-refundable.

 * Monogrammed products cannot be returned or refunded.


YOU MAY ALSO LIKE

4 Colors

Derby Rubber Sole Shoes - Dark Tan
was $249 $249 now $249 $249

Seersucker Jacket - Silver Grey
was $449 $449 now $449 $449

Ultimate Performance Check Suit - Navy
now $549 $549

2 Colors

Non-Iron Prince of Wales Check Shirt - Royal Blue
was $99 $99 now $49.75 $49.75




RECENTLY VIEWED



Back to Business suits

We will keep you posted on new products and great offers

Email address input field
Help

Help

FAQs Shipping Returns Size Guides Shirt Multibuy Find a Store Contact Us Where
is my order?
Legal

Legal

Terms and conditions Privacy policy Our cookie policy Accessibility policy
Carbon neutrality statement Ethical trading policy Modern Slavery Statement
Inclusive Working Statement
More Info

More Info

About Us Custom Shirts Gift vouchers Affiliate Programme Wholesale partnerships
Request a Catalogue Doing Things Properly
Careers

Careers

UK Vacancies US Vacancies Our Beliefs Our Benefits Our People
 * 
 * 
 * 

 * 
 * 
 * 

Shopping is secure with Charles Tyrwhitt.
We accept:
 * 
 * 
 * 
 * 
 * 

 * 

© 2022 Charles Tyrwhitt Shirts Ltd.

All products are imported into the US.

CHANGE COUNTRY ›



By clicking “Accept All Cookies”, you agree to the storing of cookies on your
device to enhance site navigation, analyze site usage, and assist in our
marketing efforts.

Reject All Accept All Cookies
Cookies Settings


Hi, Let me know if you need a hand with your purchase today. We'll be glad to
help!

Start Conversation...

Live Chat