{
  "action": "Page-ShowModal",
  "queryString": "cid=womens-size-chart",
  "locale": "default",
  "success": true,
  "content": "<style type=\"text/css\">\r\n\r\n\r\n    .modal-dialog {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .sizechart {\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .sizechart h1 {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .sizechart table {\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .sizechart table th {\r\n        background-color: #435e54;\r\n        color: #ecf0f1;\r\n        text-align: center;\r\n        vertical-align: middle;\r\n    }\r\n\r\n    .sizechart table th,\r\n    .sizechart table td {\r\n        padding: .75rem .05rem;\r\n    }\r\n\r\n    .sizechart tr {\r\n        text-align: center;\r\n    }\r\n\r\n    .sizechart h3 {\r\n        font-size: inherit;\r\n        font-weight: bold;\r\n    }\r\n\r\n    @media (max-width: 500px) {\r\n        .sizechart table td {\r\n            font-size: .500rem;\r\n        }\r\n    }\r\n\r\n    @media (min-width: 780px) {\r\n        .modal-dialog {\r\n            max-width: 730px !important;\r\n        }\r\n\r\n        .sizechart table th,\r\n        .sizechart table td {\r\n            padding: .75rem;\r\n        }\r\n    }\r\n\r\n\r\n\r\n    .modal-dialog .modal-body .tab-content {\r\n        margin: 20px 10px 10px;\r\n    }\r\n\r\n    .modal-dialog .modal-body .nav-tabs .nav-link {\r\n        align-self: flex-end;\r\n        border: 1px solid #d0d0d0;\r\n        border-bottom: none;\r\n        -ms-flex: none;\r\n        flex: none;\r\n        height: 36px;\r\n        padding: 10px 15px;\r\n    }\r\n\r\n    .modal-dialog .modal-body .nav-tabs .nav-link.active {\r\n        border-bottom: 1px solid #fff;\r\n        height: 41px;\r\n        position: relative;\r\n        top: 1px;\r\n    }\r\n\r\n    .modal-dialog .modal-body .nav-tabs .nav-link h1 {\r\n        font-size: 16px;\r\n        line-height: 17px;\r\n        margin: 0;\r\n\r\n    }\r\n\r\n    .modal-dialog .modal-body .nav-tabs .nav-link.active h1 {\r\n        color: #0c5641;\r\n        font-weight: 700;\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n\r\n        .modal-dialog .modal-body .tab-content .tab-pane.active h1 {\r\n            color: #0c5641\r\n        }\r\n\r\n        .modal-dialog .modal-body .tab-content .tab-pane {\r\n            cursor: pointer;\r\n            font-size: 16px;\r\n            /* font-weight: 700; */\r\n            margin-bottom: 0;\r\n            padding-left: 10px;\r\n            text-align: left;\r\n        }\r\n\r\n        .collapsible-sm {\r\n            border-bottom: 1px solid #d0d0d0;\r\n            border-top: unset;\r\n        }\r\n\r\n        .tab-content {\r\n            border-top: 1px solid #d0d0d0;\r\n            border-right: 1px solid #d0d0d0;\r\n            border-left: 1px solid #d0d0d0;\r\n        }\r\n\r\n        .tab-content .content {\r\n            padding: 25px 10px 40px;\r\n        }\r\n\r\n        .tab-content>.tab-pane {\r\n            display: block;\r\n        }\r\n\r\n        .sizechart {\r\n            margin-bottom: unset;\r\n        }\r\n    }\r\n\r\n    /* The PLUS state */\r\n    .collapsible-sm .title:after {\r\n        content: \"\";\r\n        display: block;\r\n        position: absolute;\r\n        right: 15px;\r\n        /* Adjust distance from right edge */\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n\r\n        /* Box Styling */\r\n        width: 24px;\r\n        /* Total size of the box */\r\n        height: 24px;\r\n        /* Total size of the box */\r\n        border: 1px solid #333;\r\n        /* The black border box */\r\n        background-color: #fff;\r\n\r\n        /* Icon Styling */\r\n        background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill-rule='evenodd' d='M6 0v3.999L10 4v2H6v4H4V6H0V4h4V0h2z'/%3E%3C/svg%3E\");\r\n        background-repeat: no-repeat;\r\n        background-position: center;\r\n        background-size: 10px 10px;\r\n        /* This creates the \"space\" away from the border */\r\n    }\r\n\r\n    /* The MINUS state (When open/active) */\r\n    /* Note: Adjust '.active' to match the class your JS toggles on the .title or .tab-pane */\r\n    .tab-pane.active .title:after {\r\n        background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='2' viewBox='0 0 10 2'%3E%3Cpath fill-rule='evenodd' d='M0 0h10v2H0z'/%3E%3C/svg%3E\");\r\n        background-size: 10px 2px;\r\n    }\r\n@media (min-width: 780px) {\r\n    .modal-dialog {\r\n        max-width: 761px !important;\r\n    }\r\n}\r\n\r\n/* Add this to your style block */\r\n.table-responsive {\r\n    display: block;\r\n    width: 100%;\r\n    overflow-x: auto; /* This creates the horizontal scroll */\r\n    -webkit-overflow-scrolling: touch; /* Smooth scrolling on mobile */\r\n}\r\n\r\n/* Optional: Prevent table text from wrapping awkwardly on very small screens */\r\n.table-responsive .table {\r\n    white-space: nowrap; \r\n}\r\n</style>\r\n<div class=\"nav nav-tabs nav-fill d-none d-md-flex\" role=\"tablist\">\r\n    <button class=\"nav-link active\" id=\"sizeChart-tab\" data-toggle=\"tab\" data-target=\"#sizeChart\" href=\"#\" role=\"tab\"\r\n        aria-controls=\"sizeChart\" aria-selected=\"true\">\r\n        <h1>Size Chart</h1>\r\n    </button>\r\n    <button class=\"nav-link\" id=\"howToMeasure-tab\" data-toggle=\"tab\" data-target=\"#howToMeasure\" href=\"#\" role=\"tab\"\r\n        aria-controls=\"howToMeasure\" aria-selected=\"false\">\r\n        <h1>How to Measure</h1>\r\n    </button>\r\n    <button class=\"nav-link\" id=\"fit-tab\" data-toggle=\"tab\" data-target=\"#fit\" href=\"#\" role=\"tab\" aria-controls=\"fit\"\r\n        aria-selected=\"false\">\r\n        <h1>Fit</h1>\r\n    </button>\r\n</div>\r\n<div class=\"tab-content\">\r\n    <div class=\"tab-pane show active collapsible-sm sizechart\" id=\"sizeChart\" role=\"tabpanel\"\r\n        aria-labelledby=\"sizeChart-tab\">\r\n        <h1 class=\"title d-md-none\" role=\"heading\" aria-expanded=\"false\">Size Chart\r\n\r\n        </h1>\r\n        <div class=\"body-measurements content\">\r\n            <h1>Women's Size Chart</h1>\r\n            <p>Our Fit Specifications Team works with manufacturers around the world to ensure consistent L.L.Bean\r\n                sizing. Use the charts shown here to determine your size, then order with confidence.</p>\r\n            <h2>Women's Regular Body Measurements (in inches)</h2>\r\n            <div class=\"table-responsive\">\r\n                <table class=\"table table-bordered table-striped\" summary=\"Women's Regular Body Measurements (in inches)\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>Size</th>\r\n                            <th colspan=\"1\">XXS</th>\r\n                            <th colspan=\"1\">XS</th>\r\n                            <th colspan=\"2\">S</th>\r\n                            <th colspan=\"2\">M</th>\r\n                            <th colspan=\"2\">L</th>\r\n                            <th colspan=\"2\">XL</th>\r\n                        </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td></td>\r\n                            <td>00-0</td>\r\n                            <td>2-4</td>\r\n                            <td>6</td>\r\n                            <td>8</td>\r\n                            <td>10</td>\r\n                            <td>12</td>\r\n                            <td>14</td>\r\n                            <td>16</td>\r\n                            <td>18</td>\r\n                            <td>20</td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td>Chest</td>\r\n                            <td>31-32</td>\r\n                            <td>33-34</td>\r\n                            <td>35</td>\r\n                            <td>36</td>\r\n                            <td>37</td>\r\n                            <td>38<sup>1/2</sup>\r\n\r\n                            </td>\r\n                            <td>40</td>\r\n                            <td>41<sup>1/2</sup>\r\n\r\n                            </td>\r\n                            <td>43<sup>1/2</sup>\r\n\r\n                            </td>\r\n                            <td>45<sup>1/2</sup>\r\n\r\n                            </td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td>Natural Waist</td>\r\n                            <td></td>\r\n                            <td>26<sup>1/2</sup>\r\n\r\n                            </td>\r\n                            <td>27<sup>1/2</sup>\r\n\r\n                            </td>\r\n                            <td>28<sup>1/2</sup>\r\n\r\n                            </td>\r\n                            <td>29<sup>1/2</sup>\r\n\r\n                            </td>\r\n                            <td>31</td>\r\n                            <td>32<sup>1/2</sup>\r\n\r\n                            </td>\r\n                            <td>34</td>\r\n                            <td>36</td>\r\n                            <td>38</td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td>Hips</td>\r\n                            <td></td>\r\n                            <td>36<sup>1/2</sup>\r\n\r\n                            </td>\r\n                            <td>37<sup>1/2</sup>\r\n\r\n                            </td>\r\n                            <td>38<sup>1/2</sup>\r\n\r\n                            </td>\r\n                            <td>39<sup>1/2</sup>\r\n\r\n                            </td>\r\n                            <td>41</td>\r\n                            <td>42<sup>1/2</sup>\r\n\r\n                            </td>\r\n                            <td>44</td>\r\n                            <td>46</td>\r\n                            <td>48</td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td>Regular Sleeve</td>\r\n                            <td>28<sup>7/8</sup>-29<sup>1/4</sup></td>\r\n                            <td>29<sup>5/8</sup>-30</td>\r\n                            <td>30<sup>3/8</sup>\r\n\r\n                            </td>\r\n                            <td>30<sup>3/4</sup>\r\n\r\n                            </td>\r\n                            <td>31<sup>1/8</sup>\r\n\r\n                            </td>\r\n                            <td>31<sup>1/2</sup>\r\n\r\n                            </td>\r\n                            <td>31<sup>7/8</sup>\r\n\r\n                            </td>\r\n                            <td>32<sup>1/4</sup>\r\n\r\n                            </td>\r\n                            <td>32<sup>5/8</sup>\r\n\r\n                            </td>\r\n                            <td>33</td>\r\n                        </tr>\r\n                    </tbody>\r\n                </table>\r\n            </div>\r\n            <h2>Women's Plus Body Measurements (in inches)</h2>\r\n            <table class=\"table table-bordered table-striped\" summary=\"Women's Plus Body Measurements (in inches)\">\r\n                <thead>\r\n                    <tr>\r\n                        <th>Size</th>\r\n                        <th colspan=\"2\">1X</th>\r\n                        <th colspan=\"2\">2X</th>\r\n                        <th colspan=\"2\">3X</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td>&nbsp;</td>\r\n                        <td>16W</td>\r\n                        <td>18W</td>\r\n                        <td>20W</td>\r\n                        <td>22W</td>\r\n                        <td>24W</td>\r\n                        <td>26W</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>Chest</td>\r\n                        <td>43<sup>1/2</sup></td>\r\n                        <td>45<sup>1/2</sup></td>\r\n                        <td>47<sup>1/2</sup></td>\r\n                        <td>47<sup>1/2</sup></td>\r\n                        <td>51<sup>1/2</sup></td>\r\n                        <td>51<sup>1/2</sup></td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>Waist</td>\r\n                        <td>35</td>\r\n                        <td>37</td>\r\n                        <td>39</td>\r\n                        <td>41</td>\r\n                        <td>43</td>\r\n                        <td>45</td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>Hips/Seat</td>\r\n                        <td>45</td>\r\n                        <td>48<sup>1/2</sup></td>\r\n                        <td>50<sup>1/2</sup></td>\r\n                        <td>52<sup>1/2</sup></td>\r\n                        <td>54<sup>1/2</sup></td>\r\n                        <td>56<sup>1/2</sup></td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n            <h2>How to Measure: Women's</h2>\r\n            <h3>Length</h3>\r\n            <p>With arm relaxed at your side and slightly bent, measure from center back neck, over point of shoulder,\r\n                down the outside of the arm to the wrist.</p>\r\n            <h3>Chest/Bust</h3>\r\n            <p>Measure around the chest at the fullest point of the bust.</p>\r\n            <h3>Waist</h3>\r\n            <p>Measure around your natural waistline.</p>\r\n            <h3>Hips/Seat</h3>\r\n            <p>Measure around fullest point of seat while standing.</p>\r\n        </div>\r\n    </div>\r\n    <div class=\"tab-pane how-to-measure-tab collapsible-sm\" id=\"howToMeasure\" role=\"tabpanel\"\r\n        aria-labelledby=\"howToMeasure-tab\">\r\n        <h1 class=\"title d-md-none\" role=\"heading\" aria-expanded=\"true\">\r\n            How to Measure\r\n            \r\n        </h1>\r\n        <div class=\"content\">\r\n            <h2>Need Help Finding Your Size?</h2>\r\n            <div class=\"row\">\r\n                <div class=\"col-12 col-md-4 p-0 human-image\">\r\n                    <img width=\"auto\"\r\n                        src=\"https://www.llbeanbusiness.com/on/demandware.static/-/Library-Sites-LLBSharedLibrary/default/dw5d540ffa/images/size-guide/women/190917_womens_how_to_measure.png\"\r\n                        alt=\"Need Help Finding Your Size?\">\r\n                </div>\r\n\r\n                <div class=\"col p-0\">\r\n                    <h3>Chest</h3>\r\n                    <p>Measure around the chest at the fullest point of the bust.</p>\r\n                    <h3>Waist</h3>\r\n                    <p>Measure around your natural waistline.</p>\r\n                    <h3>Inseam</h3>\r\n                    <p>Measure similar pants that fit you well. Lay them flat, with the front and back creased smooth.\r\n                        Measure along the inseam from crotch to bottom of leg hem.</p>\r\n                    <h3>Sleeve Length</h3>\r\n                    <p>With arm relaxed at your side and slightly bent, measure from center back neck, over point of\r\n                        shoulder, down the outside of the arm to the wrist.</p>\r\n                    <h3>Neck</h3>\r\n                    <p>Measure a shirt collar that fits you well. Lay the collar flat and measure from the center of the\r\n                        collar button to the far end of the opposite buttonhole.</p>\r\n                    <h3>Torso <span>(Swimsuits)</span></h3>\r\n                    <p>Start by the neck at the highest point of the shoulder, then measure down over the chest through\r\n                        the crotch and continue up the back to the starting point.</p>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"tab-pane fit-tab collapsible-sm\" id=\"fit\" role=\"tabpanel\" aria-labelledby=\"fit-tab\">\r\n\r\n        <h1 class=\"title d-md-none\" role=\"heading\" aria-expanded=\"false\">\r\n            Fit\r\n            \r\n        </h1>\r\n        <div class=\"content\">\r\n            <h2>Women’s Fit Guide</h2>\r\n            <h3>Tops</h3>\r\n            <div class=\"row\">\r\n                <div class=\"col-6 col-sm-4 col-md-3 p-0\">\r\n                    <img width=\"144\"\r\n                        src=\"https://www.llbeanbusiness.com/on/demandware.static/-/Library-Sites-LLBSharedLibrary/default/dw6d0b27f8/images/size-guide/women/RelaxedCoverUp_XL25.jpg\"\r\n                        alt=\"Relaxed\">\r\n                    <div>\r\n                        <h4>Relaxed</h4>\r\n                        <p>Sits farthest from the body.</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-6 col-sm-4 col-md-3 p-0\">\r\n                    <img width=\"144\"\r\n                        src=\"https://www.llbeanbusiness.com/on/demandware.static/-/Library-Sites-LLBSharedLibrary/default/dwa5e4bea2/images/size-guide/women/T_womens_slightlyfitted_XL25.png\"\r\n                        alt=\"Slightly Fitted\">\r\n                    <div>\r\n                        <h4>Slightly Fitted</h4>\r\n                        <p>Softly shapes the body.</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-6 col-sm-4 col-md-3 p-0\">\r\n                    <img width=\"144\"\r\n                        src=\"https://www.llbeanbusiness.com/on/demandware.static/-/Library-Sites-LLBSharedLibrary/default/dwba168a08/images/size-guide/women/T_womens_fitted_XL25.png\"\r\n                        alt=\"Fitted\">\r\n                    <div>\r\n                        <h4>Fitted</h4>\r\n                        <p>Sits close to the body.</p>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>"
}