{
  "action": "Page-ShowModal",
  "queryString": "cid=mens-size-chart",
  "locale": "default",
  "success": true,
  "content": "<style\n                type=\"text/css\">\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: 3rem;\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                }\r\n                \r\n                .sizechart table th,\r\n                .sizechart table td {\r\n                padding: .75rem .1rem;\r\n                }\r\n                \r\n                .sizechart table td {\r\n                border-bottom: 1px solid #ccc;\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: .700rem;\r\n                }\r\n                }\r\n                \r\n                @media (min-width: 680px) {\r\n                .modal-dialog {\r\n                max-width: 630px !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                .modal-dialog .modal-body .nav-tabs .nav-link.active h1 {\r\n                color: #0c5641;\r\n                font-weight: 700;\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                .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                .collapsible-sm {\r\n                border-bottom: 1px solid #d0d0d0;\r\n                border-top: unset;\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                .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                .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; /* Adjust distance from right edge */\r\n                top: 50%;\r\n                transform: translateY(-50%);\r\n                \r\n                /* Box Styling */\r\n                width: 24px; /* Total size of the box */\r\n                height: 24px; /* Total size of the box */\r\n                border: 1px solid #333; /* 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\n                xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10\n                10'%3E%3Cpath fill-rule='evenodd' d='M6 0v3.999L10\n                4v2H6v4H4V6H0V4h4V0h2z'/%3E%3C/svg%3E\");\r\n                background-repeat: no-repeat;\r\n                background-position: center;\r\n                background-size: 10px 10px; /* 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\n                .tab-pane */\r\n                .tab-pane.active .title:after {\r\n                background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg\n                xmlns='http://www.w3.org/2000/svg' width='10' height='2' viewBox='0 0 10\n                2'%3E%3Cpath fill-rule='evenodd' d='M0 0h10v2H0z'/%3E%3C/svg%3E\");\r\n                background-size: 10px 2px;\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\"\n                data-target=\"#sizeChart\" href=\"#\" role=\"tab\" aria-controls=\"sizeChart\"\n                aria-selected=\"true\">\r\n                <h1>Size Chart</h1>\r\n                </button>\r\n                <button class=\"nav-link\" id=\"howToMeasure-tab\" data-toggle=\"tab\"\n                data-target=\"#howToMeasure\" href=\"#\" role=\"tab\" aria-controls=\"howToMeasure\"\n                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\"\n                href=\"#\" role=\"tab\" aria-controls=\"fit\" 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 size-chart-tab collapsible-sm sizechart\"\n                id=\"sizeChart\" role=\"tabpanel\" aria-labelledby=\"sizeChart-tab\">\r\n                <h1 class=\"title d-md-none\" role=\"heading\" aria-expanded=\"false\">Size\n                Chart\r\n                \r\n                </h1>\r\n                <div class=\"body-measurements content\">\r\n                <h1>Men's Size Chart</h1>\r\n                <p>Our Fit Specifications Team works with manufacturers around the world to\n                ensure consistent L.L.Bean sizing. Use the charts shown here to determine your size,\n                then order with confidence.</p>\r\n                <h2>Men's Regular Body Measurements (in inches)</h2>\r\n                <table class=\"table table-bordered table-striped\" summary=\"Men's Regular Body\n                Measurements (in inches)\">\r\n                <tbody>\r\n                <tr>\r\n                <th>Size</th>\r\n                <th>S</th>\r\n                <th>M</th>\r\n                <th>L</th>\r\n                <th>XL</th>\r\n                <th>XXL</th>\r\n                </tr>\r\n                <tr>\r\n                <td>Neck</td>\r\n                <td>14-14.5</td>\r\n                <td>15-15.5</td>\r\n                <td>16-16.5</td>\r\n                <td>17-17.5</td>\r\n                <td>18-18.5</td>\r\n                </tr>\r\n                <tr>\r\n                <td>Chest</td>\r\n                <td>34-36</td>\r\n                <td>38-40</td>\r\n                <td>42-44</td>\r\n                <td>46-48</td>\r\n                <td>50-52</td>\r\n                </tr>\r\n                <tr>\r\n                <td>Reg. Sleeve</td>\r\n                <td>32-33</td>\r\n                <td>33-34</td>\r\n                <td>34-35</td>\r\n                <td>35-36</td>\r\n                <td>36-37</td>\r\n                </tr>\r\n                <tr>\r\n                <td>Tall Sleeve</td>\r\n                <td>33-34</td>\r\n                <td>34-35</td>\r\n                <td>35-36</td>\r\n                <td>36-37</td>\r\n                <td>37-38</td>\r\n                </tr>\r\n                <tr>\r\n                <td>Waist</td>\r\n                <td>28-30</td>\r\n                <td>32-34</td>\r\n                <td>36-38</td>\r\n                <td>40-42</td>\r\n                <td>44-46</td>\r\n                </tr>\r\n                </tbody>\r\n                </table>\r\n                <h2>Men's XL Body Measurements (in inches)</h2>\r\n                <table class=\"table table-bordered table-striped\" summary=\"Men's XL Body\n                Measurements (in inches)\">\r\n                <tbody>\r\n                <tr>\r\n                <th>Size</th>\r\n                <th>XXXL</th>\r\n                <th>XXXXL</th>\r\n                <th>XXXXXL</th>\r\n                </tr>\r\n                <tr>\r\n                <td>Neck</td>\r\n                <td>19-19.5</td>\r\n                <td>20-20.5</td>\r\n                <td>21-21.5</td>\r\n                </tr>\r\n                <tr>\r\n                <td>Chest</td>\r\n                <td>54-56</td>\r\n                <td>58-60</td>\r\n                <td>62-64</td>\r\n                </tr>\r\n                <tr>\r\n                <td>Reg. Sleeve</td>\r\n                <td>36-37</td>\r\n                <td>37-38</td>\r\n                <td>37-38</td>\r\n                </tr>\r\n                <tr>\r\n                <td>Tall Sleeve</td>\r\n                <td>37-38</td>\r\n                <td>&nbsp;</td>\r\n                <td>&nbsp;</td>\r\n                </tr>\r\n                <tr>\r\n                <td>Waist</td>\r\n                <td>48-50</td>\r\n                <td>&nbsp;</td>\r\n                <td>&nbsp;</td>\r\n                </tr>\r\n                </tbody>\r\n                </table>\r\n                <h2>Men's extended sizes</h2>\r\n                <h3>Height</h3>\r\n                <p>Regular 5'8&quot; to 6'</p>\r\n                <p>Tall 6'1&quot; - 6'3&quot;</p>\r\n                <h2>How to Measure: Men's</h2>\r\n                <h3>Neck</h3>\r\n                <p>Measure a shirt collar that fits you well. Lay collar flat. Measure from\n                center of collar button to far end of opposite buttonhole.</p>\r\n                <h3>Chest</h3>\r\n                <p>Measure just under arms and across shoulder blades holding tape firm and\n                level.</p>\r\n                <h3>Sleeve Length</h3>\r\n                <p>With arm relaxed at your side and slightly bent, measure from center back\n                neck, over point of shoulder, down the outside of the arm to the\n                wrist.</p>\r\n                <h3>Waist</h3>\r\n                <p>Measure around your natural waistline. If between sizes, order next larger\n                size.</p>\r\n                </div>\r\n                </div>\r\n                <div class=\"tab-pane how-to-measure-tab collapsible-sm\" id=\"howToMeasure\"\n                role=\"tabpanel\" aria-labelledby=\"howToMeasure-tab\">\r\n                <h1 class=\"title d-md-none\" role=\"heading\">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=\"189\" height=\"378\"\n                src=\"https://www.llbeanbusiness.com/on/demandware.static/-/Library-Sites-LLBSharedLibrary/default/dwa9deda27/images/size-guide/men/190917_mens_how_to_measure.png\" alt=\"Need\n                Help Finding Your Size?\">\r\n                </div>\r\n                <div class=\"col p-0\">\r\n                <h3>Chest</h3>\r\n                <p>Measure just under arms and across shoulder blades holding tape firm and\n                level.</p>\r\n                <h3>Waist</h3>\r\n                <p>Measure around your natural waistline. For belts, order same size as your\n                pants waist size. If between sizes, order next larger size.</p>\r\n                <h3>Inseam</h3>\r\n                <p>Measure pants that fit you well. Lay them flat, with the front and back\n                creased smooth. Measure along the inseam from crotch to bottom of leg\n                hem.</p>\r\n                <h3>Sleeve Length</h3>\r\n                <p>With arm relaxed at your side and slightly bent, measure from center back\n                neck, over point of shoulder, down the outside of the arm to the\n                wrist.</p>\r\n                <h3>Neck</h3>\r\n                <p>Measure a shirt collar that fits you well. Lay collar flat. Measure from\n                center of collar button to far end of opposite buttonhole.</p>\r\n                <h3>Head\r\n                <span>(Hats and Caps)</span>\r\n                </h3>\r\n                <p>Measure around the largest part of the head, with tape above\n                brow.</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\"\n                aria-labelledby=\"fit-tab\">\r\n                <h1 class=\"title d-md-none\" role=\"heading\">Fit\r\n                \r\n                </h1>\r\n                <div class=\"content\">\r\n                <h2>Men’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\"\n                src=\"https://www.llbeanbusiness.com/on/demandware.static/-/Library-Sites-LLBSharedLibrary/default/dw07cdfa9b/images/size-guide/men/m145_s_traditional_XL25.png\"\n                alt=\"Traditional\">\r\n                <div>\r\n                <h4>Traditional</h4>\r\n                <p>Relaxed through the chest, sleeves and waist.</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\"\n                src=\"https://www.llbeanbusiness.com/on/demandware.static/-/Library-Sites-LLBSharedLibrary/default/dw98195607/images/size-guide/men/m145_s_slightlyfitted_XL25.png\"\n                alt=\"Slightly Fitted\">\r\n                <div>\r\n                <h4>Slightly Fitted</h4>\r\n                <p>Relaxed through the chest and sleeves, with a slightly slimmer\n                waist.</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\" src=\"https://www.llbeanbusiness.com/on/demandware.static/-/Library-Sites-LLBSharedLibrary/default/dwc6c36bcc/images/size-guide/men/m145_s_slim_XL25.png\"\n                alt=\"Slim\">\r\n                <div>\r\n                <h4>Slim</h4>\r\n                <p>Cut slim through the chest, sleeves and waist.</p>\r\n                </div>\r\n                </div>\r\n                </div>\r\n                </div>\r\n                </div>\r\n                </div>"
}