{
  "action": "Product-ShowQuickView",
  "queryString": "pid=20394827-02",
  "locale": "en_AU",
  "googlePaymentsConfig": "{\"merchantName\":\"CityBeach\",\"merchantAccount\":\"CityBeachCOM_SFCC\",\"environment\":\"TEST\",\"allowedCardNetworks\":[\"AMEX\",\"JCB\",\"MASTERCARD\",\"VISA\"],\"allowedCardAuthMethods\":[\"CRYPTOGRAM_3DS\",\"PAN_ONLY\"],\"countryCode\":\"US\"}",
  "product": {
    "category": "mens-clothing-tops-t_shirt",
    "masterPid": "20394827",
    "variationGroupID": "20394827-02",
    "isWishlistedProduct": false,
    "images": {
      "large": [
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dw164f6037/images/20394827/20394827-02-FT-XL.webp?sw=800&sh=1000&sfrm=jpg&q=70",
          "title": "Trotter T-Shirt"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dw92ce5e58/images/20394827/20394827-02-BK-XL.webp?sw=800&sh=1000&sfrm=jpg&q=70",
          "title": "Trotter T-Shirt"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dwbbf6ac89/images/20394827/20394827-02-LT-XL.webp?sw=800&sh=1000&sfrm=jpg&q=70",
          "title": "Trotter T-Shirt"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dw8c81af96/images/20394827/20394827-02-RT-XL.webp?sw=800&sh=1000&sfrm=jpg&q=70",
          "title": "Trotter T-Shirt"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dw5012b5e7/images/20394827/20394827-02-TP-XL.webp?sw=800&sh=1000&sfrm=jpg&q=70",
          "title": "Trotter T-Shirt"
        }
      ],
      "small": [
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dw164f6037/images/20394827/20394827-02-FT-XL.webp?sw=200&sh=250&sfrm=jpg&q=80",
          "title": "Trotter T-Shirt"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dw92ce5e58/images/20394827/20394827-02-BK-XL.webp?sw=200&sh=250&sfrm=jpg&q=80",
          "title": "Trotter T-Shirt"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dwbbf6ac89/images/20394827/20394827-02-LT-XL.webp?sw=200&sh=250&sfrm=jpg&q=80",
          "title": "Trotter T-Shirt"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dw8c81af96/images/20394827/20394827-02-RT-XL.webp?sw=200&sh=250&sfrm=jpg&q=80",
          "title": "Trotter T-Shirt"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dw5012b5e7/images/20394827/20394827-02-TP-XL.webp?sw=200&sh=250&sfrm=jpg&q=80",
          "title": "Trotter T-Shirt"
        }
      ],
      "large-mobile": [
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dw164f6037/images/20394827/20394827-02-FT-XL.webp?sw=600&sh=750&sfrm=jpg&q=70",
          "title": "Trotter T-Shirt"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dw92ce5e58/images/20394827/20394827-02-BK-XL.webp?sw=600&sh=750&sfrm=jpg&q=70",
          "title": "Trotter T-Shirt"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dwbbf6ac89/images/20394827/20394827-02-LT-XL.webp?sw=600&sh=750&sfrm=jpg&q=70",
          "title": "Trotter T-Shirt"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dw8c81af96/images/20394827/20394827-02-RT-XL.webp?sw=600&sh=750&sfrm=jpg&q=70",
          "title": "Trotter T-Shirt"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dw5012b5e7/images/20394827/20394827-02-TP-XL.webp?sw=600&sh=750&sfrm=jpg&q=70",
          "title": "Trotter T-Shirt"
        }
      ],
      "small-thumb": [
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dw164f6037/images/20394827/20394827-02-FT-XL.webp?sw=120&sh=150&sfrm=jpg&q=80",
          "title": "Trotter T-Shirt"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dw92ce5e58/images/20394827/20394827-02-BK-XL.webp?sw=120&sh=150&sfrm=jpg&q=80",
          "title": "Trotter T-Shirt"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dwbbf6ac89/images/20394827/20394827-02-LT-XL.webp?sw=120&sh=150&sfrm=jpg&q=80",
          "title": "Trotter T-Shirt"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dw8c81af96/images/20394827/20394827-02-RT-XL.webp?sw=120&sh=150&sfrm=jpg&q=80",
          "title": "Trotter T-Shirt"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dw5012b5e7/images/20394827/20394827-02-TP-XL.webp?sw=120&sh=150&sfrm=jpg&q=80",
          "title": "Trotter T-Shirt"
        }
      ],
      "hi-res": [
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "/on/demandware.static/-/Sites-fewstoneMaster/default/dw164f6037/images/20394827/20394827-02-FT-XL.jpg",
          "title": "Trotter T-Shirt"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "/on/demandware.static/-/Sites-fewstoneMaster/default/dw92ce5e58/images/20394827/20394827-02-BK-XL.jpg",
          "title": "Trotter T-Shirt"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "/on/demandware.static/-/Sites-fewstoneMaster/default/dwbbf6ac89/images/20394827/20394827-02-LT-XL.jpg",
          "title": "Trotter T-Shirt"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "/on/demandware.static/-/Sites-fewstoneMaster/default/dw8c81af96/images/20394827/20394827-02-RT-XL.jpg",
          "title": "Trotter T-Shirt"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "/on/demandware.static/-/Sites-fewstoneMaster/default/dw5012b5e7/images/20394827/20394827-02-TP-XL.jpg",
          "title": "Trotter T-Shirt"
        }
      ],
      "pdp": [
        {
          "alt": "Trotter T-Shirt",
          "url": "https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dwb6d5b460/missing.jpg",
          "title": "Trotter T-Shirt"
        }
      ]
    },
    "uuid": "3fde0fab02352e1ad5b3c5f6a4",
    "id": "20394827-02",
    "productName": "Trotter T-Shirt",
    "productType": "variationGroup",
    "brand": "DC Shoes",
    "customProps": {
      "Colour": "Light Heather Grey",
      "SalePercentageOff": "35",
      "additionalRankBoost": "30",
      "ageGroup": "Adult",
      "categoryRankBoost": "30",
      "color": "st_02",
      "comestriCatalog": "EmarsysPush-20260226c1436",
      "currentPrice": "29.99",
      "customRankBoost": "30",
      "custom_promotion_rank": "30",
      "gender": "Mens",
      "gp": "32.9",
      "isFlamable": "No",
      "isProductAvailableinUS": true,
      "lastMarkdownDate": "Wed Apr 01 2026 14:00:00 GMT-0000 (GMT)",
      "newDate": "Wed Oct 08 2025 05:23:00 GMT-0000 (GMT)",
      "newInRanking": "50",
      "onSale": true,
      "outletRankBoost": "30",
      "overlayText": "35% OFF",
      "pattern": [
        "Plain"
      ],
      "productTypelvl0": [
        "Mens;;"
      ],
      "productTypelvl1": [
        "Clothing"
      ],
      "productTypelvl2": [
        "Tops"
      ],
      "productTypelvl3": [
        "T-shirt"
      ],
      "promotionCategory": "EmarsysPushNZ-20260226v1348",
      "recentOnlineSales21Days": "29.99",
      "recentOnlineUnits21Days": "1",
      "refinementColour": "Grey",
      "saleRankBoost": "30",
      "saleRanking": "30",
      "sleeveStyle": "Short sleeve",
      "socialRankBoost": "30",
      "topFit": "Relaxed Fit",
      "topNeckline": "Crew neck",
      "totalOnlineSales": "863.31",
      "totalOnlineUnits": "23",
      "weather": "100"
    },
    "gtmData": {
      "id": "20394827-02",
      "brand": "DC Shoes",
      "name": "Trotter T-Shirt",
      "category": "T-Shirt",
      "categoryID": "mens-clothing-tops-t/shirt"
    },
    "gtmGA4Data": {
      "item_id": "20394827",
      "item_name": "Trotter T-Shirt",
      "item_brand": "DC Shoes",
      "item_variant": "20394827-02",
      "quantity": 1,
      "item_category": "T-Shirt",
      "item_list_id": "20394827-02",
      "item_list_name": "Trotter T-Shirt"
    },
    "Colour": "Light Heather Grey",
    "SalePercentageOff": 35,
    "additionalRankBoost": 30,
    "ageGroup": "Adult",
    "aged_stock_flag": false,
    "categoryRankBoost": 30,
    "color": "st_02",
    "comestriCatalog": "EmarsysPush-20260226c1436",
    "currentPrice": 29.99,
    "customRankBoost": 30,
    "custom_promotion_rank": 30,
    "exclusiveProduct": false,
    "gender": "Mens",
    "gp": 32.9,
    "isFlamable": "No",
    "isNew": false,
    "isProductAvailableinNZ": false,
    "isProductAvailableinUS": true,
    "lastMarkdownDate": "2026-04-01T14:00:00.000Z",
    "newDate": "2025-10-08T05:23:00.000Z",
    "newInRanking": 50,
    "onSale": true,
    "oneDaySale": false,
    "outletProduct": false,
    "outletRankBoost": 30,
    "overlayText": "35% OFF",
    "pattern": [
      "Plain"
    ],
    "productTypelvl0": [
      "Mens;;"
    ],
    "productTypelvl1": [
      "Clothing"
    ],
    "productTypelvl2": [
      "Tops"
    ],
    "productTypelvl3": [
      "T-shirt"
    ],
    "promotionCategory": "EmarsysPushNZ-20260226v1348",
    "recentOnflineReturnSales3Days": 0,
    "recentOnlineReturnSales21Days": 0,
    "recentOnlineReturnUnits21Days": 0,
    "recentOnlineSales21Days": 29.99,
    "recentOnlineSales3Days": 0,
    "recentOnlineUnits21Days": 1,
    "recentOnlineUnits3Days": 0,
    "refinementColour": "Grey",
    "saleRankBoost": 30,
    "saleRanking": 30,
    "seasonSellOut": false,
    "sleeveStyle": "Short sleeve",
    "socialRankBoost": 30,
    "topFit": "Relaxed Fit",
    "topNeckline": "Crew neck",
    "totalOnlineReturnSales": 0,
    "totalOnlineReturnUnits": 0,
    "totalOnlineSales": 863.31,
    "totalOnlineUnits": 23,
    "weather": 100,
    "styleColourID": "20394827-02",
    "price": {
      "sales": {
        "value": null,
        "currency": null,
        "formatted": null
      },
      "list": null
    },
    "renderedPrice": "    <div class=\"price\">\r\n        \r\n        <span>\r\n    \r\n\r\n    \r\n\r\n    \r\n    <span class=\"sales\">\r\n        \r\n        \r\n        \r\n            <span class=\"value\" content=\"null\"></span>\r\n        \r\n        null\r\n\r\n\r\n    </span>\r\n</span>\r\n\r\n    </div>\r\n\r\n\r\n",
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 50,
    "variationAttributes": [
      {
        "attributeId": "color",
        "displayName": "Color",
        "id": "color",
        "swatchable": true,
        "displayValue": "02",
        "values": [
          {
            "id": "st_02",
            "description": null,
            "value": "st_02",
            "selected": true,
            "selectable": true,
            "displayValue": "Light Heather Grey",
            "url": "https://dev.citybeach.com/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?dwvar_20394827-02_color=st_02&pid=20394827-02&quantity=1",
            "productDetails": {
              "productID": "20394827-02"
            },
            "variantID": "2039482702018-02",
            "images": {
              "swatch": [
                {
                  "alt": "02",
                  "url": "/on/demandware.static/-/Sites-fewstoneMaster/default/dw3928e25a/images/20394827/20394827-02-SW-XS.jpg",
                  "title": "02"
                }
              ]
            }
          },
          {
            "id": "st_01",
            "description": null,
            "value": "st_01",
            "selected": false,
            "selectable": true,
            "displayValue": "Black",
            "url": "https://dev.citybeach.com/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?dwvar_20394827-02_color=st_01&pid=20394827-02&quantity=1",
            "productDetails": {
              "productID": "20394827-01"
            },
            "variantID": "2039482701011-01",
            "images": {
              "swatch": [
                {
                  "alt": "01",
                  "url": "/on/demandware.static/-/Sites-fewstoneMaster/default/dwd6ce0581/images/20394827/20394827-01-SW-XS.jpg",
                  "title": "01"
                }
              ]
            }
          }
        ]
      },
      {
        "attributeId": "size",
        "displayName": "Size",
        "id": "size",
        "swatchable": false,
        "displayValue": "",
        "values": [
          {
            "id": "st_162071",
            "description": null,
            "value": "st_162071",
            "selected": false,
            "selectable": true,
            "displayValue": "M",
            "url": "https://dev.citybeach.com/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?dwvar_20394827-02_color=st_02&dwvar_20394827-02_size=st_162071&pid=20394827-02&quantity=1",
            "availabilityMsg": "Low Stock",
            "variantID": "2039482702032-02"
          },
          {
            "id": "st_162072",
            "description": null,
            "value": "st_162072",
            "selected": false,
            "selectable": true,
            "displayValue": "L",
            "url": "https://dev.citybeach.com/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?dwvar_20394827-02_color=st_02&dwvar_20394827-02_size=st_162072&pid=20394827-02&quantity=1",
            "availabilityMsg": "Low Stock",
            "variantID": "2039482702025-02"
          },
          {
            "id": "st_162073",
            "description": null,
            "value": "st_162073",
            "selected": false,
            "selectable": true,
            "displayValue": "XL",
            "url": "https://dev.citybeach.com/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?dwvar_20394827-02_color=st_02&dwvar_20394827-02_size=st_162073&pid=20394827-02&quantity=1",
            "availabilityMsg": "Low Stock",
            "variantID": "2039482702018-02"
          },
          {
            "id": "st_162074",
            "description": null,
            "value": "st_162074",
            "selected": false,
            "selectable": true,
            "displayValue": "XXL",
            "url": "https://dev.citybeach.com/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?dwvar_20394827-02_color=st_02&dwvar_20394827-02_size=st_162074&pid=20394827-02&quantity=1",
            "availabilityMsg": "Low Stock",
            "variantID": "2039482702049-02"
          }
        ],
        "resetUrl": "https://dev.citybeach.com/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?dwvar_20394827-02_color=st_02&dwvar_20394827-02_size=&pid=20394827-02&quantity=1"
      }
    ],
    "longDescription": "<div class=\"row\"><div class=\"col-5\">Brand:</div><div class=\"col-7\">DC Shoes</div><div class=\"col-5\">Product:</div><div class=\"col-7\">Mens Trotter T-Shirt</div></div><!--<div style=\"color:#8d8d8d;font-family: visby cf bold; font-size: 18px; font-weight: 500; line-height: 1.2;padding:20px 0 5px 0;\">Product Features</div>--><div class=\"row\"><div class=\"col-5\">Pattern:</div><div class=\"col-7\">Plain</div><div class=\"col-5\">Composition:</div><div class=\"col-7\">Cotton</div></div><!--<div style=\"color:#8d8d8d;font-family: visby cf bold; font-size: 18px; font-weight: 500; line-height: 1.2;padding:20px 0 5px 0;\">Care</div>--><div class=\"row\"><div class=\"col-5\">Care Instructions:</div><div class=\"col-7\">Do not bleach, Do not tumble dry, Do not dryclean, Machine wash, cold, Iron, low, Iron, reverse, Wash Inside out, Wash separately</div></div><!--<div style=\"color:#8d8d8d;font-family: visby cf bold; font-size: 18px; font-weight: 500; line-height: 1.2;padding:20px 0 5px 0;\">Additional Features</div>--><div class=\"row\"><!-- ******************* --><!-- ***** CLOTHES ***** --><!-- ******************* --><div class=\"col-5\">Neckline:</div><div class=\"col-7\">Crew neck</div><div class=\"col-5\">Sleeve:</div><div class=\"col-7\">Short sleeve</div><div class=\"col-5\">Top Fit:</div><div class=\"col-7\">Relaxed Fit</div><div class=\"col-5\">Top Style:</div><div class=\"col-7\">T-Shirt</div><div class=\"col-5\">Trim Detail:</div><div class=\"col-7\">Woven Patch Trim, Logo print detail, Print detail</div><!----><!-- ******************* --><!-- *****BAGS ***** --><!-- ******************* --><!-- ******************* --><!-- **** HEADWEAR**** --><!-- ******************* --><!-- ******************* --><!-- *** ACCESSORIES *** --><!-- ******************* --><!-- ******************* --><!-- **** SWIMWEAR**** --><!-- ******************* --><div class=\"col-5\">Elasticity:</div><div class=\"col-7\">Stretch fabric</div><!-- ******************* --><!-- ** BOARD SPORTS** --><!-- ******************* --><!-- ******************* --><!-- **** FOOTWEAR**** --><!-- ******************* --><!-- ******************* --><!-- *****MISC.***** --><!-- ******************* --><!-- ******************************* --><!-- *****SIZEGUIDE GENDER SPEC***** --><!-- ******************************* --><div style=\"line-height:0px;margin-top:-25px;\"><div class=\"col-5\">&nbsp;</div><div class=\"col-7\"><div class=\"IamAmensProduct\">&nbsp;</div></div></div></div>",
    "shortDescription": "Mens Trotter T-Shirt",
    "rating": 4.3,
    "promotions": [
      {
        "calloutMsg": "<div class=\"bogo-callout\"><p><span style=\"\"><strong><span style=\"color:#000;\"><span\r\n  style=\"line-height: 19px;\"><span\r\n      style=\"padding: 1px 8px 3px;\">EXTRA 20% OFF* SALE</span></span></span><span style=\"color:#fff;\">&nbsp;<br />\r\n          <span style=\"background-color:#C3182B; padding: 1px 8px 3px; line-height: 1.6; border-radius: 20px; font-weight: bolder; letter-spacing: 1.6px;\">CODE: EXTRA20</span></span></strong></span></p>\r\n      </div>\r\n<style>\r\n@media only screen and (max-width: 1024px) {\r\n.bogo-callout {\r\n  font-size: 12px;\r\n  }\r\n\r\n  .bogo-callout * {\r\n      font-size:12px;\r\n  }\r\n}\r\n</style>",
        "details": "",
        "enabled": true,
        "id": "EXTRA20co",
        "name": "EXTRA20co",
        "promotionClass": "PRODUCT",
        "rank": 40,
        "customCalloutMsg": "",
        "displayCalloutAsBanner": false,
        "enableEarlyAccess": false,
        "earlyAccessButton": "",
        "comingSoon": false,
        "comingSoonDropDate": null
      }
    ],
    "attributes": null,
    "availability": {
      "messages": [
        "In Stock"
      ],
      "inStockDate": null
    },
    "available": true,
    "options": [],
    "quantities": [
      {
        "value": "1",
        "selected": true,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=1"
      },
      {
        "value": "2",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=2"
      },
      {
        "value": "3",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=3"
      },
      {
        "value": "4",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=4"
      },
      {
        "value": "5",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=5"
      },
      {
        "value": "6",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=6"
      },
      {
        "value": "7",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=7"
      },
      {
        "value": "8",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=8"
      },
      {
        "value": "9",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=9"
      },
      {
        "value": "10",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=10"
      },
      {
        "value": "11",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=11"
      },
      {
        "value": "12",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=12"
      },
      {
        "value": "13",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=13"
      },
      {
        "value": "14",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=14"
      },
      {
        "value": "15",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=15"
      },
      {
        "value": "16",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=16"
      },
      {
        "value": "17",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=17"
      },
      {
        "value": "18",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=18"
      },
      {
        "value": "19",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=19"
      },
      {
        "value": "20",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=20"
      },
      {
        "value": "21",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=21"
      },
      {
        "value": "22",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=22"
      },
      {
        "value": "23",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=23"
      },
      {
        "value": "24",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=24"
      },
      {
        "value": "25",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=25"
      },
      {
        "value": "26",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=26"
      },
      {
        "value": "27",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=27"
      },
      {
        "value": "28",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=28"
      },
      {
        "value": "29",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=29"
      },
      {
        "value": "30",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=30"
      },
      {
        "value": "31",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=31"
      },
      {
        "value": "32",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=32"
      },
      {
        "value": "33",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=33"
      },
      {
        "value": "34",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=34"
      },
      {
        "value": "35",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=35"
      },
      {
        "value": "36",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=36"
      },
      {
        "value": "37",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=37"
      },
      {
        "value": "38",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=38"
      },
      {
        "value": "39",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=39"
      },
      {
        "value": "40",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=40"
      },
      {
        "value": "41",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=41"
      },
      {
        "value": "42",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=42"
      },
      {
        "value": "43",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=43"
      },
      {
        "value": "44",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=44"
      },
      {
        "value": "45",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=45"
      },
      {
        "value": "46",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=46"
      },
      {
        "value": "47",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=47"
      },
      {
        "value": "48",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=48"
      },
      {
        "value": "49",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=49"
      },
      {
        "value": "50",
        "selected": false,
        "url": "/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02&quantity=50"
      }
    ],
    "selectedProductUrl": "/au/dc-shoes-trotter-t-shirt/20394827-02.html?dwvar_20394827-02_color=st_02&quantity=undefined",
    "readyToOrder": false,
    "online": true,
    "pageTitle": null,
    "pageDescription": null,
    "pageKeywords": null,
    "pageMetaTags": [
      {},
      {}
    ],
    "template": null,
    "videos": [],
    "productSearchHit": {},
    "variantImages": [
      {
        "values": [
          {}
        ]
      }
    ],
    "productStoreInventory": null,
    "brandPageLink": "/au/brands/dc-shoes/",
    "video": {},
    "videoIframeCode": null,
    "hiresImages": {
      "hi-res": [
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "/on/demandware.static/-/Sites-fewstoneMaster/default/dw164f6037/images/20394827/20394827-02-FT-XL.jpg",
          "index": "0",
          "title": "Trotter T-Shirt",
          "absURL": "https://dev.citybeach.com/on/demandware.static/-/Sites-fewstoneMaster/default/dw164f6037/images/20394827/20394827-02-FT-XL.jpg"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "/on/demandware.static/-/Sites-fewstoneMaster/default/dw92ce5e58/images/20394827/20394827-02-BK-XL.jpg",
          "index": "1",
          "title": "Trotter T-Shirt",
          "absURL": "https://dev.citybeach.com/on/demandware.static/-/Sites-fewstoneMaster/default/dw92ce5e58/images/20394827/20394827-02-BK-XL.jpg"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "/on/demandware.static/-/Sites-fewstoneMaster/default/dwbbf6ac89/images/20394827/20394827-02-LT-XL.jpg",
          "index": "2",
          "title": "Trotter T-Shirt",
          "absURL": "https://dev.citybeach.com/on/demandware.static/-/Sites-fewstoneMaster/default/dwbbf6ac89/images/20394827/20394827-02-LT-XL.jpg"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "/on/demandware.static/-/Sites-fewstoneMaster/default/dw8c81af96/images/20394827/20394827-02-RT-XL.jpg",
          "index": "3",
          "title": "Trotter T-Shirt",
          "absURL": "https://dev.citybeach.com/on/demandware.static/-/Sites-fewstoneMaster/default/dw8c81af96/images/20394827/20394827-02-RT-XL.jpg"
        },
        {
          "alt": "DC Shoes Trotter T-Shirt for Mens",
          "url": "/on/demandware.static/-/Sites-fewstoneMaster/default/dw5012b5e7/images/20394827/20394827-02-TP-XL.jpg",
          "index": "4",
          "title": "Trotter T-Shirt",
          "absURL": "https://dev.citybeach.com/on/demandware.static/-/Sites-fewstoneMaster/default/dw5012b5e7/images/20394827/20394827-02-TP-XL.jpg"
        }
      ]
    },
    "earlyAccess": null,
    "comingSoon": null,
    "isRegisteredCustomer": false
  },
  "addToCartUrl": {},
  "resources": {
    "info_selectforstock": "Select Styles for Availability",
    "assistiveSelectedText": "selected"
  },
  "quickViewFullDetailMsg": "View Full Details",
  "closeButtonText": "Close Quickview Dialog",
  "enterDialogMessage": "Start of Quickview dialog window. Select Close to cancel and close the window.",
  "template": "product/quickView.isml",
  "bvDisplay": {
    "bvPid": "20394827-02",
    "qvType": "pdpsummary",
    "productUrl": {},
    "rr": {
      "enabled": true
    },
    "showSummary": true
  },
  "commercePaymentsConfiguration": {
    "enabled": true,
    "expressOnPdpEnabled": true,
    "expressOnMiniCartEnabled": true,
    "expressOnCartEnabled": true,
    "expressOnCheckoutEnabled": true,
    "multiStepCheckoutEnabled": true,
    "cardCaptureAutomatic": false,
    "futureUsageOffSession": true
  },
  "bvScout": "//apps.bazaarvoice.com/deployments/citybeach-global/main_site/staging/en_AU/bv.js",
  "renderedTemplate": "<div class=\"product-quickview product-detail product-variationGroup col product-wrapper product-detail\" data-pid=\"20394827-02\"\r\n\tdata-gtmdata=\"{&quot;item_name&quot;:&quot;Trotter T-Shirt&quot;,&quot;item_id&quot;:&quot;20394827-02&quot;,&quot;item_variationGroupID&quot;:&quot;20394827-02&quot;,&quot;item_brand&quot;:&quot;DC Shoes&quot;,&quot;item_category&quot;:&quot;mens-clothing-tops-t_shirt&quot;,&quot;item_variant&quot;:&quot;Light Heather Grey&quot;,&quot;price&quot;:0,&quot;item_list_name&quot;:&quot;Category Pages&quot;,&quot;item_list_id&quot;:&quot;category_pages&quot;,&quot;gender&quot;:&quot;Mens&quot;,&quot;quantity&quot;:1,&quot;style_colour_ID&quot;:&quot;20394827-02&quot;,&quot;sale_type&quot;:&quot;&quot;,&quot;new_unit_price&quot;:0,&quot;product_lifecycle&quot;:&quot;Current&quot;}\">\r\n    <div class=\"row\">\r\n        <!-- Product Images Carousel -->\r\n        \r\n\r\n\r\n\r\n<div class=\"col-6\">\r\n\t<div id=\"content\">\r\n\t\t<div class=\"quickview-product-images\">\r\n\t\t\t<a href=\"#\"\r\n\t\t\t\tclass=\"add-to-wish-list-quickview wishlist-icon-block\"\r\n\t\t\t\tdata-addtowishlist=\"/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Wishlist-AddProduct\"\r\n\t\t\t\tdata-removefromwishlist=\"/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Wishlist-RemoveProduct\">\r\n\t\t\t\t<svg width=\"27\" height=\"27\" viewBox=\"0 0 18 16\">\r\n\t\t\t\t\t<path\r\n\t\t\t\t\t\td=\"M9.01163699,14.9053769 C8.72930024,14.7740736 8.41492611,14.6176996 8.07646224,14.4366167 C7.06926649,13.897753 6.06198912,13.2561336 5.12636931,12.5170512 C2.52930452,10.4655288 1.00308384,8.09476443 1.00000218,5.44184117 C0.997549066,2.99198843 2.92175104,1.01242822 5.28303025,1.01000225 C6.41066623,1.00972036 7.49184369,1.4629765 8.28270844,2.2678673 L8.99827421,2.9961237 L9.71152148,2.26559643 C10.4995294,1.45849728 11.5791258,1.0023831 12.7071151,1.00000055 L12.7060299,1.00000225 C15.0693815,0.997574983 16.9967334,2.97018759 17.0000037,5.421337 C17.0038592,8.07662382 15.4809572,10.4530151 12.8850542,12.5121483 C11.9520963,13.2521931 10.9477036,13.8951276 9.94340074,14.4354976 C9.60619585,14.6169323 9.29297309,14.7736855 9.01163699,14.9053769 Z\"\r\n\t\t\t\t\t\tstroke=\"#2d2d2d\" stroke-width=\"1\" fill=\"transparent\"></path>\r\n\t\t\t\t</svg>\r\n\t\t\t\t<span class=\"smallHeart smallHeart_1\" /></span>\r\n\t\t\t\t<span class=\"smallHeart smallHeart_2\" /></span>\r\n\t\t\t</a>\r\n\t\t\t<div id=\"pdpCarousel-20394827-02\" class=\"col-12 image-section product-carousel\" data-interval=\"0\" data-prev=\"Previous\" data-next=\"Next\">\r\n\t\t\t\t\r\n\t\t\t\t\t<img src=\"https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dw164f6037/images/20394827/20394827-02-FT-XL.webp?sw=800&amp;sh=1000&amp;sfrm=jpg&amp;q=70\" class=\"img-responsive\" alt=\"DC Shoes Trotter T-Shirt for Mens\" itemprop=\"image\" />\r\n\t\t\t\t\r\n\t\t\t\t\t<img src=\"https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dw92ce5e58/images/20394827/20394827-02-BK-XL.webp?sw=800&amp;sh=1000&amp;sfrm=jpg&amp;q=70\" class=\"img-responsive\" alt=\"DC Shoes Trotter T-Shirt for Mens\" itemprop=\"image\" />\r\n\t\t\t\t\r\n\t\t\t\t\t<img src=\"https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dwbbf6ac89/images/20394827/20394827-02-LT-XL.webp?sw=800&amp;sh=1000&amp;sfrm=jpg&amp;q=70\" class=\"img-responsive\" alt=\"DC Shoes Trotter T-Shirt for Mens\" itemprop=\"image\" />\r\n\t\t\t\t\r\n\t\t\t\t\t<img src=\"https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dw8c81af96/images/20394827/20394827-02-RT-XL.webp?sw=800&amp;sh=1000&amp;sfrm=jpg&amp;q=70\" class=\"img-responsive\" alt=\"DC Shoes Trotter T-Shirt for Mens\" itemprop=\"image\" />\r\n\t\t\t\t\r\n\t\t\t\t\t<img src=\"https://dev.citybeach.com/dw/image/v2/BFZL_DEV/on/demandware.static/-/Sites-fewstoneMaster/default/dw5012b5e7/images/20394827/20394827-02-TP-XL.webp?sw=800&amp;sh=1000&amp;sfrm=jpg&amp;q=70\" class=\"img-responsive\" alt=\"DC Shoes Trotter T-Shirt for Mens\" itemprop=\"image\" />\r\n\t\t\t\t\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\n\r\n        <div class=\"col-6 detail-block\">\r\n            <div class=\"detail-panel\">\r\n            \t<!-- Branding -->\r\n                \r\n               \t\t<div class=\"product-brand\">\r\n                    \t\r\n                    \t<span class=\"brand-name\">DC Shoes</span>\r\n                \t</div>\r\n               \t\r\n\r\n                <div>\r\n                \t<h1 class=\"product-name text-left\">Trotter T-Shirt</h1>\r\n                </div>\r\n\r\n                \r\n                \r\n                    \r\n                        \r\n\r\n \r\n\r\n    <div data-bv-show=\"rating_summary\" data-bv-product-id=\"20394827-02\"  id=\"data-bv-show\" class=\"bv-hidden\">\r\n        \r\n    </div>\r\n\r\n                    \r\n                \r\n                \r\n\r\n                <div>\r\n\t                <!-- Prices -->\r\n\t                <div class=\"prices\">\r\n\t                    \r\n\t                    \r\n    <div class=\"price\">\r\n        \r\n        <span>\r\n    \r\n\r\n    \r\n\r\n    \r\n    <span class=\"sales\">\r\n        \r\n        \r\n        \r\n            <span class=\"value\" content=\"null\"></span>\r\n        \r\n        null\r\n\r\n\r\n    </span>\r\n</span>\r\n\r\n    </div>\r\n\r\n\r\n\t                    <div class=\"promotions\">\r\n\t                    \t\r\n\r\n\r\n    \r\n        \r\n            <div class=\"pdp-promotion-block\" data-pmid=\"EXTRA20co\" data-pmName=\"EXTRA20co\">\r\n                <div class=\"pdp-promotion\">\r\n                    \r\n                        <div class=\"bogo-callout\"><p><span style=\"\"><strong><span style=\"color:#000;\"><span\r\n  style=\"line-height: 19px;\"><span\r\n      style=\"padding: 1px 8px 3px;\">EXTRA 20% OFF* SALE</span></span></span><span style=\"color:#fff;\">&nbsp;<br />\r\n          <span style=\"background-color:#C3182B; padding: 1px 8px 3px; line-height: 1.6; border-radius: 20px; font-weight: bolder; letter-spacing: 1.6px;\">CODE: EXTRA20</span></span></strong></span></p>\r\n      </div>\r\n<style>\r\n@media only screen and (max-width: 1024px) {\r\n.bogo-callout {\r\n  font-size: 12px;\r\n  }\r\n\r\n  .bogo-callout * {\r\n      font-size:12px;\r\n  }\r\n}\r\n</style>\r\n                    \r\n                </div>\r\n            </div>\r\n        \r\n    \r\n            <input type=\"hidden\" name=\"promotionObject\" value=\"[{&quot;calloutMsg&quot;:&quot;&lt;div class=\\&quot;bogo-callout\\&quot;&gt;&lt;p&gt;&lt;span style=\\&quot;\\&quot;&gt;&lt;strong&gt;&lt;span style=\\&quot;color:#000;\\&quot;&gt;&lt;span\\r\\n  style=\\&quot;line-height: 19px;\\&quot;&gt;&lt;span\\r\\n      style=\\&quot;padding: 1px 8px 3px;\\&quot;&gt;EXTRA 20% OFF* SALE&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=\\&quot;color:#fff;\\&quot;&gt;&amp;nbsp;&lt;br /&gt;\\r\\n          &lt;span style=\\&quot;background-color:#C3182B; padding: 1px 8px 3px; line-height: 1.6; border-radius: 20px; font-weight: bolder; letter-spacing: 1.6px;\\&quot;&gt;CODE: EXTRA20&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;\\r\\n      &lt;/div&gt;\\r\\n&lt;style&gt;\\r\\n@media only screen and (max-width: 1024px) {\\r\\n.bogo-callout {\\r\\n  font-size: 12px;\\r\\n  }\\r\\n\\r\\n  .bogo-callout * {\\r\\n      font-size:12px;\\r\\n  }\\r\\n}\\r\\n&lt;/style&gt;&quot;,&quot;details&quot;:&quot;&quot;,&quot;enabled&quot;:true,&quot;id&quot;:&quot;EXTRA20co&quot;,&quot;name&quot;:&quot;EXTRA20co&quot;,&quot;promotionClass&quot;:&quot;PRODUCT&quot;,&quot;rank&quot;:40,&quot;customCalloutMsg&quot;:&quot;&quot;,&quot;displayCalloutAsBanner&quot;:false,&quot;enableEarlyAccess&quot;:false,&quot;earlyAccessButton&quot;:&quot;&quot;,&quot;comingSoon&quot;:false,&quot;comingSoonDropDate&quot;:null}]\">\r\n\r\n\r\n\t                    </div>\r\n\t                </div>\r\n\t            </div>\r\n\r\n\t            <div class=\"view-details\">\r\n\t            \t<a href=\"/au/dc-shoes-trotter-t-shirt/20394827-02.html\">View full details</a>\r\n\t            </div>\r\n\r\n\t\t\t\t<!-- Attributes -->\r\n                <section class=\"attributes\">\r\n                    <div class=\"row\">\r\n    <div class=\"col\">\r\n        \r\n    </div>\r\n</div>\r\n\r\n                    \r\n                        <div data-attr=\"color\" class=\"swatch color-swatch-block\">\r\n                        \t\r\n\r\n\r\n\r\n<div class=\"attribute \">\r\n    \r\n\r\n    \t\r\n    \t\r\n    \t\t\r\n    \t\t\t\r\n    \t\t\r\n    \t\r\n    \t\t\r\n    \t\r\n\r\n        <!-- Select <Attribute> Label -->\r\n        <span class=\"color non-input-label\">\r\n            <span class=\"color-label font-extrabold\">Colour</span>\r\n            \r\n            \t<span class=\"selected-color\">\r\n            \t\tLight Heather Grey\r\n            \t</span>\r\n           \t\r\n        </span>\r\n\r\n        \r\n        \r\n        \t\r\n\t\t    \r\n\t\t\t\r\n        \t\r\n\r\n            \r\n                <button class=\"color-attribute selectable\"\r\n                        aria-label=\"Select Color Light Heather Grey\"\r\n                        aria-describedby=\"st_02\"\r\n                        data-url=\"https://dev.citybeach.com/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?dwvar_20394827-02_color=st_02&amp;pid=20394827-02&amp;quantity=1\" \r\n                >\r\n                \t<span class=\"swatch-outer selected\">\r\n                    <span data-attr-value=\"st_02\"\r\n                          class=\"\r\n                              color-value\r\n                              swatch-square\r\n                              swatch-value\r\n                              selected\r\n                              selectable\r\n                          \"\r\n                          style=\"background-image: url(/on/demandware.static/-/Sites-fewstoneMaster/default/dw3928e25a/images/20394827/20394827-02-SW-XS.jpg)\"\r\n                    >\r\n                    </span>\r\n                    <span id=\"st_02\" class=\"sr-only selected-assistive-text\">\r\n                        selected\r\n                    </span>\r\n                    </span>\r\n                </button>\r\n            \r\n        \r\n        \t\r\n\t\t    \r\n\t\t\t\r\n        \t\r\n\r\n            \r\n                <button class=\"color-attribute selectable\"\r\n                        aria-label=\"Select Color Black\"\r\n                        aria-describedby=\"st_01\"\r\n                        data-url=\"https://dev.citybeach.com/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?dwvar_20394827-02_color=st_01&amp;pid=20394827-02&amp;quantity=1\" \r\n                >\r\n                \t<span class=\"swatch-outer \">\r\n                    <span data-attr-value=\"st_01\"\r\n                          class=\"\r\n                              color-value\r\n                              swatch-square\r\n                              swatch-value\r\n                              \r\n                              selectable\r\n                          \"\r\n                          style=\"background-image: url(/on/demandware.static/-/Sites-fewstoneMaster/default/dwd6ce0581/images/20394827/20394827-01-SW-XS.jpg)\"\r\n                    >\r\n                    </span>\r\n                    <span id=\"st_01\" class=\"sr-only selected-assistive-text\">\r\n                        \r\n                    </span>\r\n                    </span>\r\n                </button>\r\n            \r\n        \r\n\r\n    \r\n</div>\r\n\r\n                        \t\r\n\t                        \t<div class=\"product-number-info\">\r\n\t\t\t\t\t\t\t\t\t<span>Product number:</span> <span class=\"value\">20394827-02</span>\r\n\t\t\t\t\t\t\t\t</div>\r\n                                <div class=\"name-and-brand\">\r\n                                    \r\n                                        <span class=\"product-name\">Trotter T-Shirt</span>\r\n                                        by <span class=\"brand-name\">DC Shoes</span>\r\n                                    \r\n                                </div>\r\n                        \t\r\n                        </div>\r\n                    \r\n                        <div data-attr=\"size\" class=\"swatch size-swatch-block\">\r\n                        \t\r\n\r\n\r\n    \r\n    <div class=\"size-label-row non-input-label\">\r\n        <span class=\"color-label font-extrabold\">Size</span>\r\n        <div id=\"fitanalytics_container\" class=\"fitanalytics-container\"></div>\r\n    </div>\r\n\r\n\r\n<div class=\"attribute size-attribute\">\r\n    \r\n                \r\n        <div class=\"select-size-block\">\r\n            <label id=\"size-label-1\" for=\"size-1\"\r\n                class=\"sr-only\"\r\n            >\r\n                Select sizes\r\n            </label>\r\n\t        <select class=\"d-none custom-select form-control select-size\" id=\"size-1\" >\r\n\t            <option value=\"https://dev.citybeach.com/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?dwvar_20394827-02_color=st_02&amp;dwvar_20394827-02_size=&amp;pid=20394827-02&amp;quantity=1\" data-attr-value=\"select\">Select Size</option>\r\n\t            \r\n\t                <option value=\"https://dev.citybeach.com/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?dwvar_20394827-02_color=st_02&amp;dwvar_20394827-02_size=st_162071&amp;pid=20394827-02&amp;quantity=1\" data-attr-value=\"st_162071\" class=\"Low-Stock\"\r\n\t                    \r\n\t                    \r\n\t                >M</option>\r\n\t            \r\n\t                <option value=\"https://dev.citybeach.com/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?dwvar_20394827-02_color=st_02&amp;dwvar_20394827-02_size=st_162072&amp;pid=20394827-02&amp;quantity=1\" data-attr-value=\"st_162072\" class=\"Low-Stock\"\r\n\t                    \r\n\t                    \r\n\t                >L</option>\r\n\t            \r\n\t                <option value=\"https://dev.citybeach.com/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?dwvar_20394827-02_color=st_02&amp;dwvar_20394827-02_size=st_162073&amp;pid=20394827-02&amp;quantity=1\" data-attr-value=\"st_162073\" class=\"Low-Stock\"\r\n\t                    \r\n\t                    \r\n\t                >XL</option>\r\n\t            \r\n\t                <option value=\"https://dev.citybeach.com/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?dwvar_20394827-02_color=st_02&amp;dwvar_20394827-02_size=st_162074&amp;pid=20394827-02&amp;quantity=1\" data-attr-value=\"st_162074\" class=\"Low-Stock\"\r\n\t                    \r\n\t                    \r\n\t                >XXL</option>\r\n\t            \r\n\t        </select>\r\n            <div class=\"size-notselected d-none\" id=\"size-error\" role=\"alert\" aria-live=\"assertive\">Please select the size</div>\r\n        </div>\r\n\r\n        \r\n            <div class=\"size\" for=\"size-1\">\r\n                                \r\n                        <button type=\"button\" class=\"js-fitanalytics-sizechart\" data-toggle=\"modal\" data-target=\"#sizeChartModal\">Size Guide</button>\n<div class=\"content-asset\"><!-- Modal -->\r\n\r\n<!-- ***************** VIEW DECLARATION ************************ -->\r\n<!-- --/> <div class=\"IamAwomensProduct\"></div> <!-- -->\r\n<!-- --/> <div class=\"IamAmensProduct\"></div> <!-- -->\r\n<!-- *********************************************************** -->\r\n\r\n\r\n\r\n<div aria-hidden=\"true\" aria-labelledby=\"exampleModalCenterTitle\" class=\"modal fade\" id=\"sizeChartModal\" role=\"dialog\" tabindex=\"-1\">\r\n  <div class=\"modal-dialog modal-dialog-centered container\" role=\"document\">\r\n    <div class=\"modal-content\"><button type=\"button\" class=\"modal-close-btn\" data-dismiss=\"modal\" id=\"btnclose\">  <img loading=\"lazy\" decoding=\"async\" alt=\"size chart close icon\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw1e2a44e8/images/sizechart/search-close-icon.svg\" /></button>\r\n      <!-- <button data-dismiss=\"modal\"><i class=\"fa fa-close\" style=\"font-size:48px; font-color:#9c9c9c;\"></i></button> -->\r\n      <div class=\"sizinginformation\">\r\n        <div class=\"CBSizeGuide-2021v1\">\r\n\r\n          <style>\r\n            #womensSizeGuideContainer {\r\n              display: none;\r\n            }\r\n            \r\n            #mensSizeGuideContainer {\r\n              display: none;\r\n            }\r\n            \r\n            #NoSizeGuideContainer {\r\n              display: none;\r\n            }\r\n            \r\n            .left_espot td {\r\n              white-space: inherit !important;\r\n            }\r\n            \r\n            .modal-content {\r\n              overflow: auto;\r\n              /*line-height: 100%;*/\r\n            }\r\n            \r\n            .product-detail .detail-block #sizeChartModal .modal-dialog .modal-content .sizinginformation th,\r\n            .product-detail .detail-block #sizeChartModal .modal-dialog .modal-content .sizinginformation td {\r\n              white-space: inherit !important;\r\n            }\r\n          </style>\r\n\r\n          <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js\"></script>\r\n          <script>\r\n            $(document).ready(function() {\r\n              if ($(\"div\").hasClass(\"IamAwomensProduct\")) {\r\n                document.getElementById(\"womensSizeGuideContainer\").style.display = \"block\";\r\n                document.getElementById(\"mensSizeGuideContainer\").style.display = \"none\";\r\n                document.getElementById(\"NoSizeGuideContainer\").style.display = \"none\";\r\n              } else if ($(\"div\").hasClass(\"IamAmensProduct\")) {\r\n                document.getElementById(\"womensSizeGuideContainer\").style.display = \"none\";\r\n                document.getElementById(\"mensSizeGuideContainer\").style.display = \"block\";\r\n                document.getElementById(\"NoSizeGuideContainer\").style.display = \"none\";\r\n              } else {\r\n                document.getElementById(\"womensSizeGuideContainer\").style.display = \"none\";\r\n                document.getElementById(\"mensSizeGuideContainer\").style.display = \"none\";\r\n                document.getElementById(\"NoSizeGuideContainer\").style.display = \"block\";\r\n              };\r\n            })\r\n          </script>\r\n\r\n\r\n          <div class=\"left_espot\" id=\"NoSizeGuideContainer\">\r\n            <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n            <meta charset=\"utf-8\">\r\n\r\n            <style>\r\n              .divButtonContainer {\r\n                display: block;\r\n                width: 60%;\r\n                text-align: center;\r\n                /*border: 1px solid #D3D3D3;*/\r\n                margin: auto;\r\n                position: relative;\r\n                padding-bottom: 60px;\r\n                padding-top: 10px;\r\n                font-family: 'Visby CF Extra Bold', sans-serif;\r\n              }\r\n              \r\n              .divButton {\r\n                cursor: pointer;\r\n                width: 40%;\r\n                padding: 10px;\r\n                border: 1px solid black;\r\n                text-align: center;\r\n                border-radius: 5px;\r\n                opacity: 1;\r\n                display: inline-block;\r\n                position: relative;\r\n              }\r\n              \r\n              .divButton:hover {\r\n                opacity: 0.3;\r\n              }\r\n              /* 20px between both elements */\r\n              \r\n              .leftButtonMargin {\r\n                margin-right: 10px;\r\n              }\r\n              \r\n              .rightButtonMargin {\r\n                margin-left: 10px;\r\n              }\r\n              /*float elements*/\r\n              \r\n              .leftFloatButton {\r\n                float: left;\r\n              }\r\n              \r\n              .rightFloatButton {\r\n                float: right;\r\n              }\r\n              \r\n              div#womensSizeGuideButton,\r\n              div#mensSizeGuideButton {\r\n                text-decoration-thickness: 2px !important;\r\n                text-underline-offset: 3px;\r\n              }\r\n              \r\n              .desktopWomensButtonText,\r\n              .desktopMensButtonText {\r\n                display: block\r\n              }\r\n              \r\n              .mobileWomensButtonText,\r\n              .mobileMensButtonText {\r\n                display: none\r\n              }\r\n              \r\n              @media only screen and (max-width: 600px) {\r\n                .desktopWomensButtonText,\r\n                .desktopMensButtonText {\r\n                  display: none\r\n                }\r\n                .mobileWomensButtonText,\r\n                .mobileMensButtonText {\r\n                  display: block\r\n                }\r\n                .divButtonContainer {\r\n                  padding-bottom: 80px;\r\n                }\r\n              }\r\n            </style>\r\n\r\n            <div class=\"divButtonContainer\" id=\"noGenderSizeGuideHeader\">\r\n              <div style=\"font-size: xx-large;\">Which Size Guide Are you After?</div>\r\n            </div>\r\n\r\n\r\n            <div class=\"divButtonContainer\">\r\n              <button type=\"button\"  class=\"divButton leftFloatButton\" id=\"womensSizeGuideButton\" onclick=\"ShowWomens()\">\r\n                <div class=\"desktopWomensButtonText\">WOMENS & GIRLS</div>\r\n                <div class=\"mobileWomensButtonText\">WOMENS<br>& GIRLS</div>\r\n              </button >\r\n              <button type=\"button\" class=\"divButton rightFloatButton\" id=\"mensSizeGuideButton\" onclick=\"ShowMens()\">\r\n\r\n                <div class=\"desktopMensButtonText\">MENS & BOYS</div>\r\n                <div class=\"mobileMensButtonText\">MENS<br>& BOYS</div>\r\n              </button >\r\n            </div>\r\n\r\n\r\n            <script>\r\n              function ShowMens() {\r\n                document.getElementById(\"womensSizeGuideContainer\").style.display = \"none\";\r\n                document.getElementById(\"mensSizeGuideContainer\").style.display = \"block\";\r\n                document.getElementById(\"mensSizeGuideButton\").style.textDecoration = \"underline\";\r\n                document.getElementById(\"womensSizeGuideButton\").style.textDecoration = \"none\";\r\n                document.getElementById(\"noGenderSizeGuideHeader\").style.display = \"none\";\r\n              }\r\n\r\n              function ShowWomens() {\r\n                document.getElementById(\"womensSizeGuideContainer\").style.display = \"block\";\r\n                document.getElementById(\"mensSizeGuideContainer\").style.display = \"none\";\r\n                document.getElementById(\"mensSizeGuideButton\").style.textDecoration = \"none\";\r\n                document.getElementById(\"womensSizeGuideButton\").style.textDecoration = \"underline\";\r\n                document.getElementById(\"noGenderSizeGuideHeader\").style.display = \"none\";\r\n              }\r\n            </script>\r\n\r\n\r\n\r\n\r\n\r\n          </div>\r\n\r\n\r\n          <div class=\"left_espot\" id=\"womensSizeGuideContainer\">\r\n\r\n\r\n            <!-- content spot = 2019_03-SizeGuide-Womens -->\r\n\r\n\r\n\r\n\r\n            <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n            <meta charset=\"utf-8\">\r\n\r\n\r\n            <style>\r\n              \r\n              .SGcontainer hr {\r\n                border: 0.5px solid #000;\r\n              }\r\n              /* button[class=\"ui-button ui-corner-all ui-widget ui-button-icon-only ui-dialog-titlebar-close\"] { top: 10px !important; right: 10px !important; color: black !important; } */\r\n              /* width */\r\n              \r\n              div::-webkit-scrollbar {\r\n                width: 2px;\r\n              }\r\n              /* Track */\r\n              \r\n              div::-webkit-scrollbar-track {\r\n                background: #f1f1f1;\r\n              }\r\n              /* Handle */\r\n              \r\n              div::-webkit-scrollbar-thumb {\r\n                background: #888;\r\n              }\r\n              /* Handle on hover */\r\n              \r\n              div::-webkit-scrollbar-thumb:hover {\r\n                background: #555;\r\n              }\r\n              \r\n              .SGcontainer {\r\n                font-family: 'Visby CF Medium', sans-serif;\r\n                margin-top: -15px;\r\n                padding-top: 0px;\r\n                height: 550px;\r\n                width: 95%;\r\n                margin: auto;\r\n                font-size: min(3.5vw, 16px) !important;\r\n              }\r\n              \r\n              .HowToMeasureBorder {\r\n                font-family: 'Visby CF Extra Bold', sans-serif;\r\n                border-top: 1px solid black;\r\n                border-bottom: 1px solid black;\r\n                padding-top: 4px;\r\n                padding-bottom: 6px;\r\n              }\r\n              \r\n              .desktopdisplay {\r\n                display: block;\r\n              }\r\n              \r\n              .mobileview {\r\n                display: none;\r\n              }\r\n              \r\n              .WomensGirlsTabgender {\r\n                background-color: #fff;\r\n                color: #000;\r\n                float: left;\r\n                border: none;\r\n                border-bottom: 1px solid #000;\r\n                outline: none;\r\n                cursor: pointer;\r\n                padding: 17px 3px 8px 3px;\r\n                font-size: min(3.5vw, 16px) !important;\r\n                width: 10%;\r\n                /* Tab Width */\r\n              }\r\n              \r\n              .WomensGirlsTabcategories {\r\n                background-color: #fff;\r\n                color: #000;\r\n                float: left;\r\n                border: none;\r\n                border-bottom: 1px solid #000;\r\n                outline: none;\r\n                cursor: pointer;\r\n                padding: 3px 3px 8px 3px;\r\n                font-size: min(3.5vw, 16px) !important;\r\n                /*width: 12%; <-- No Rollerskates /* Tab Width */\r\n                width: 12.5%;\r\n                /* with rollerskates */\r\n              }\r\n              /* .WomensGirlsTabgender:hover { background-color: #fff; text-decoration: underline; } .WomensGirlsTabcategories:hover { background-color: #fff; text-decoration: underline; } */\r\n              \r\n              .hoveritem {\r\n                background-color: #fff;\r\n                text-decoration: none;\r\n              }\r\n              \r\n              .hoveritem:hover {\r\n                background-color: #fff;\r\n                text-decoration: underline;\r\n              }\r\n              \r\n              .WomensGirlsTabgendercontent {\r\n                color: #000;\r\n                display: none;\r\n                padding: 50px 0 0 0;\r\n                height: 100%;\r\n              }\r\n              \r\n              .WomensGirlsTabcategoriescontent {\r\n                color: #000;\r\n                display: none;\r\n                padding: 0px 0px;\r\n                height: 100%;\r\n              }\r\n              \r\n              .WomensGirlsTabgenderspacer {\r\n                width: 80%;\r\n                cursor: auto;\r\n              }\r\n              \r\n              .wtabcatspacer {\r\n                display: none;\r\n                /*width:16%;<-- No Rollerskates */\r\n                width: 0%;\r\n                /* with rollerskates */\r\n                cursor: auto;\r\n              }\r\n              \r\n              .gtabcatspacer {\r\n                width: 37%;\r\n                cursor: auto;\r\n              }\r\n              \r\n              .tablecontentindent {\r\n                padding: 0 5px 0 30px;\r\n              }\r\n              \r\n              #Womens {\r\n                background-color: #fff;\r\n              }\r\n              \r\n              #Girls {\r\n                background-color: #fff;\r\n              }\r\n              \r\n              .SGcontainer table,\r\n              td,\r\n              th {\r\n                border-collapse: collapse;\r\n                border: 1px solid #bfbebe;\r\n                height: 40px;\r\n              }\r\n              \r\n              .SGcontainer td {\r\n                /*text-align: center;*/\r\n              }\r\n              \r\n              .accordion {\r\n                background-color: #fff;\r\n                color: #000;\r\n                cursor: pointer;\r\n                padding: 10px;\r\n                width: 100%;\r\n                height: 40px;\r\n                text-align: left;\r\n                outline: none;\r\n                font-size: min(3.5vw, 16px) !important;\r\n                transition: 0.4s;\r\n                border-top: 1px solid #000;\r\n                border-bottom: 1px solid #000;\r\n                border-left: none;\r\n                border-right: none;\r\n              }\r\n              \r\n              .activated,\r\n              .accordion:hover {\r\n                background-color: #fff;\r\n              }\r\n              \r\n              .accordion:after {\r\n                content: '\\002B';\r\n                color: #777;\r\n                font-weight: bold;\r\n                float: right;\r\n                margin-left: 5px;\r\n              }\r\n              \r\n              .activated:after {\r\n                content: \"\\2212\";\r\n              }\r\n              \r\n              .panel {\r\n                padding: 0 18px;\r\n                background-color: white;\r\n                /*max-height: 0;*/\r\n                overflow: hidden;\r\n                transition: max-height 0.4s ease-out;\r\n              }\r\n              \r\n              .SGcontainer .panel {\r\n                max-height: 0;\r\n              }\r\n              /* For width 1px to 600px */\r\n              \r\n              @media only screen and (max-width: 600px) {\r\n                .WomensGirlsTabgender {\r\n                  width: 25%;\r\n                  /* Tab Width */\r\n                  /*font-size: 3vw;*/\r\n                }\r\n                .WomensGirlsTabgenderspacer {\r\n                  width: 50%;\r\n                }\r\n                .WomensGirlsTabcategories {\r\n                  width: 20%;\r\n                  /* Tab Width */\r\n                  font-size: min(3.5vw, 16px) !important;\r\n                }\r\n                .wWomensGirlsTabcategories {\r\n                  width: 25% !important;\r\n                  /* Tab Width */\r\n                }\r\n                .gWomensGirlsTabcategories {\r\n                  width: 19.5% !important;\r\n                  /* Tab Width */\r\n                }\r\n                .wtabcatspacer {\r\n                  display: none;\r\n                  width: 0% !important;\r\n                }\r\n                .gtabcatspacer {\r\n                  display: none;\r\n                  width: 0%;\r\n                }\r\n                .tablecontentindent {\r\n                  padding: 0 5px 0 5px;\r\n                }\r\n                .desktopdisplay {\r\n                  display: none;\r\n                }\r\n                .mobileview {\r\n                  display: block;\r\n                }\r\n                .hoveritem:hover {\r\n                  background-color: #fff;\r\n                  text-decoration: none;\r\n                }\r\n                .SGcontainer {\r\n                  height: 400px;\r\n                }\r\n                .disclaimerText {\r\n                  font-size: inherit;\r\n                }\r\n              }\r\n              /* For width 601px to 800px */\r\n              \r\n              @media only screen and (min-width: 601px) and (max-width: 800px) {\r\n                .WomensGirlsTabcategories {\r\n                  font-size: 12px;\r\n                }\r\n                .WomensGirlsTabgender {\r\n                  width: 20%;\r\n                  /* Tab Width */\r\n                }\r\n                .WomensGirlsTabgenderspacer {\r\n                  width: 60%;\r\n                }\r\n              }\r\n            </style>\r\n\r\n\r\n\r\n            <div class=\"SGcontainer\">\r\n\r\n              <h2   style=\"font-family: 'Visby CF Extra Bold',sans-serif;\">Size Guide</h2>\r\n              <div style=\"margin-top: -4px\">&nbsp;</div>\r\n              <hr role=\"presentation\">\r\n\r\n              <button class=\"WomensGirlsTabgender hoveritem\" onclick=\"openPageGender('Womens', this, '5px solid #000')\" id=\"WomensGirlsTabgenderDefaultOpen\" style=\"border-bottom: 5px solid rgb(0, 0, 0);\">WOMENS</button>\r\n              <button class=\"WomensGirlsTabgender hoveritem\" onclick=\"openPageGender('Girls', this, '5px solid #000')\" style=\"\">GIRLS</button>\r\n              <button class=\"WomensGirlsTabgender WomensGirlsTabgenderspacer\" onclick=\"\" tabindex=\"-1\">&nbsp;</button>\r\n\r\n\r\n\r\n              <div id=\"Womens\" class=\"WomensGirlsTabgendercontent\" style=\"display: block;\">\r\n                <div>\r\n                  <div><br></div>\r\n                  <button style=\"border-bottom: 5px solid rgb(0, 0, 0);\" class=\"wWomensGirlsTabcategories WomensGirlsTabcategories hoveritem\" onclick=\"openPageCat('Tops', this, '5px solid #000')\" id=\"WomensGirlsTabcategoriesDefaultOpen1\">Tops</button>\r\n                  <button style=\"\" class=\"wWomensGirlsTabcategories WomensGirlsTabcategories hoveritem\" onclick=\"openPageCat('Bottoms', this, '5px solid #000')\">Bottoms</button>\r\n                  <button style=\"\" class=\"wWomensGirlsTabcategories WomensGirlsTabcategories hoveritem\" onclick=\"openPageCat('Swimwear', this, '5px solid #000')\">Swimwear</button>\r\n                  <button style=\"\" class=\"wWomensGirlsTabcategories WomensGirlsTabcategories hoveritem\" onclick=\"openPageCat('Headwear', this, '5px solid #000')\">Headwear</button>\r\n                  <div class=\"mobileview\"><br><br></div>\r\n                  <button style=\"\" class=\"wWomensGirlsTabcategories WomensGirlsTabcategories hoveritem\" onclick=\"openPageCat('Footwear', this, '5px solid #000')\">Footwear</button>\r\n                  <button style=\"\" class=\"wWomensGirlsTabcategories WomensGirlsTabcategories hoveritem\" onclick=\"openPageCat('Havaianas', this, '5px solid #000')\">Havaianas</button>\r\n                  <button style=\"\" class=\"wWomensGirlsTabcategories WomensGirlsTabcategories hoveritem\" onclick=\"openPageCat('Rollerskates', this, '5px solid #000')\">Rollerskates</button>\r\n                  <button style=\"\" class=\"wWomensGirlsTabcategories WomensGirlsTabcategories hoveritem\" onclick=\"openPageCat('Belts', this, '5px solid #000')\">Belts</button>\r\n                  <button class=\"wtabcatspacer WomensGirlsTabcategories\" onclick=\"\">&nbsp;</button>\r\n                  <!--SPACER LINE-->\r\n                </div>\r\n                <div id=\"Tops\" class=\"WomensGirlsTabcategoriescontent\" style=\"padding-top: 60px; display: block;\">\r\n                  <!-- ID = TOPS -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The sizes between brands are likely to vary. City Beach brand sizes are designed to fit the below measurements, however due to the variances between brands, these measurements are to be used as a GUIDE ONLY.\r\n                  </div>\r\n\r\n                  <center>\r\n                    <style>\r\n                      #Tops td {\r\n                        text-align: center;\r\n                        border: 1px solid #bfbebe;\r\n                        border-collapse: collapse;\r\n                      }\r\n                      \r\n                      #Tops table,\r\n                      td,\r\n                      th {\r\n                        border-collapse: collapse;\r\n                        border: 1px solid #bfbebe;\r\n                        font-size: min(3.5vw, 16px) !important;\r\n                      }\r\n                      \r\n                      #Tops th {\r\n                        padding: 0 5px 0 5px;\r\n                        height: 50px;\r\n                        width: 20%;\r\n                      }\r\n                    </style>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <thead>\r\n                        <tr>\r\n                          <th style=\"background-color: #EDEDED;width: 20% !important;\">City Beach<br>Order Size</th>\r\n                          <th>Generic<br>Sizing</th>\r\n                          <th>USA<br>(US)</th>\r\n                          <th>Bust<br>(cm/inches)</th>\r\n                          <th>Waist<br>(cm/inches)</th>\r\n                        </tr>\r\n                      </thead>\r\n                      <tbody>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">4</td>\r\n                          <td>XXS</td>\r\n                          <td>0</td>\r\n                          <td>79cm / 30\"</td>\r\n                          <td>60cm / 23.5\"</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">6</td>\r\n                          <td>XS</td>\r\n                          <td>2</td>\r\n                          <td>81cm / 31\"</td>\r\n                          <td>61cm / 24\"</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">8</td>\r\n                          <td>S</td>\r\n                          <td>4</td>\r\n                          <td>86cm / 33.5\"</td>\r\n                          <td>66cm / 25.5\"</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">10</td>\r\n                          <td>M</td>\r\n                          <td>6</td>\r\n                          <td>91cm / 36\"</td>\r\n                          <td>71cm / 28\"</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">12</td>\r\n                          <td>L</td>\r\n                          <td>8</td>\r\n                          <td>96cm / 38\"</td>\r\n                          <td>76cm / 30.5\"</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">14</td>\r\n                          <td>XL</td>\r\n                          <td>10</td>\r\n                          <td>101cm / 40\"</td>\r\n                          <td>81cm / 33\"</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">16</td>\r\n                          <td>XXL</td>\r\n                          <td>12</td>\r\n                          <td>106cm / 42\"</td>\r\n                          <td>86cm / 35.5\"</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">18</td>\r\n                          <td>3XL</td>\r\n                          <td>14</td>\r\n                          <td>109cm / 43\"</td>\r\n                          <td>93cm / 37\"</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">20</td>\r\n                          <td>4XL</td>\r\n                          <td>16</td>\r\n                          <td>114cm / 45\"</td>\r\n                          <td>98cm / 38.5\"</td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <div class=\"\">\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Bust:</font>\r\n                              <br> Measure under your arms around the fullest part of your chest by placing a tape measure close under your arms. Make sure the tape is flat across your back.\r\n                              <br><br>\r\n                              <font style=\"color:#00549B;\">Waist:</font>\r\n                              <br> Measure around the widest part of your hips.\r\n                              <br> Place your forefinger between your body and the tape measure for an accurate fit.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dwc631fc40/images/landing-pages/size-guide/Womens-Tops.jpg\" alt=\"Womens-tops\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Bust:</font>\r\n                              <br> Measure under your arms around the fullest part of your chest by placing a tape measure close under your arms. Make sure the tape is flat across your back.\r\n                              <br><br>\r\n                              <font style=\"color:#00549B;\">Waist:</font>\r\n                              <br> Measure around the widest part of your hips.\r\n                              <br> Place your forefinger between your body and the tape measure for an accurate fit.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dwc631fc40/images/landing-pages/size-guide/Womens-Tops.jpg\" alt=\"Womens-Tops\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = TOPS -->\r\n\r\n                <div id=\"Bottoms\" class=\"WomensGirlsTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID - BOTTOMS -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The sizes between brands are likely to vary. City Beach brand sizes are designed to fit the below measurements, however due to the variances between brands, these measurements are to be used as a GUIDE ONLY.\r\n                  </div>\r\n\r\n                  <center>\r\n                    <!--<table width=\"98%\" role=\"presentation\">\r\n                                            <tbody>\r\n                                                <tr>\r\n                                                    <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                                                        <div class=\"tablecontentindent\">\r\n                                                            CB Order Size\r\n                                                        </div>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                                                        <center>\r\n                                                            6\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                                                        <center>\r\n                                                            8\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                                                        <center>\r\n                                                            10\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                                                        <center>\r\n                                                            12\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                                                        <center>\r\n                                                            14\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                                                        <center>\r\n                                                            16\r\n                                                        </center>\r\n                                                    </td>\r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td width=\"30%\" height=\"40px\">\r\n                                                        <div class=\"tablecontentindent\">\r\n                                                            Generic Sizing\r\n                                                        </div>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            XS\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            S\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            M\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            L\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            XL\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            XXL\r\n                                                        </center>\r\n                                                    </td>\r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td width=\"30%\" height=\"40px\">\r\n                                                        <div class=\"tablecontentindent\">\r\n                                                            USA (US)\r\n                                                        </div>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            2\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            4\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            6\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            8\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            10\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            12\r\n                                                        </center>\r\n                                                    </td>\r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td width=\"30%\" height=\"40px\">\r\n                                                        <div class=\"tablecontentindent\">\r\n                                                            Waist (cm)\r\n                                                        </div>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            61\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            66\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            71\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            76\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            81\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            86\r\n                                                        </center>\r\n                                                    </td>\r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td width=\"30%\" height=\"40px\">\r\n                                                        <div class=\"tablecontentindent\">\r\n                                                            Waist (inches)\r\n                                                        </div>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            23\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            25.5\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            28\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            30.5\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            33\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            35.5\r\n                                                        </center>\r\n                                                    </td>\r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td width=\"30%\" height=\"40px\">\r\n                                                        <div class=\"tablecontentindent\">\r\n                                                            Hips (cm)\r\n                                                        </div>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            88\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            93\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            98\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            103\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            108\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            113\r\n                                                        </center>\r\n                                                    </td>\r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td width=\"30%\" height=\"40px\">\r\n                                                        <div class=\"tablecontentindent\">\r\n                                                            Hips (inches)\r\n                                                        </div>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            33.5\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            36\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            38.5\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            41\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            43.5\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            46\r\n                                                        </center>\r\n                                                    </td>\r\n                                                </tr>\r\n                                            </tbody>\r\n                                        </table>-->\r\n                    <style>\r\n                      #Bottoms td {\r\n                        text-align: center;\r\n                        border: 1px solid #bfbebe;\r\n                        border-collapse: collapse;\r\n                      }\r\n                      \r\n                      #Bottoms table,\r\n                      td,\r\n                      th {\r\n                        border-collapse: collapse;\r\n                        border: 1px solid #bfbebe;\r\n                      }\r\n                      \r\n                      #Bottoms th {\r\n                        padding: 0 5px 0 5px;\r\n                        height: 50px;\r\n                        width: 20%;\r\n                      }\r\n                    </style>\r\n\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <thead>\r\n                        <tr>\r\n                          <th style=\"background-color: #EDEDED;width: 20% !important;\">City Beach<br>Order Size</th>\r\n                          <th>Generic<br>Sizing</th>\r\n                          <th>USA<br>(US)</th>\r\n                          <th>Waist<br>(cm/inches)</th>\r\n                          <th>Hips<br>(cm/inches)</th>\r\n                        </tr>\r\n                      </thead>\r\n                      <tbody>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">4</td>\r\n                          <td>XXS</td>\r\n                          <td>0</td>\r\n                          <td>60cm / 23.5\"</td>\r\n                          <td>86cm / 34\"</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">6</td>\r\n                          <td>XS</td>\r\n                          <td>2</td>\r\n                          <td>61cm / 24\"</td>\r\n                          <td>88cm /34.5\"</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">8</td>\r\n                          <td>S</td>\r\n                          <td>4</td>\r\n                          <td>66cm / 25.5\"</td>\r\n                          <td>93cm /36.5\"</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">10</td>\r\n                          <td>M</td>\r\n                          <td>6</td>\r\n                          <td>71cm / 28\"</td>\r\n                          <td>98cm /38.5\"</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">12</td>\r\n                          <td>L</td>\r\n                          <td>8</td>\r\n                          <td>76cm / 30.5\"</td>\r\n                          <td>103cm /40.5\"</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">14</td>\r\n                          <td>XL</td>\r\n                          <td>10</td>\r\n                          <td>81cm / 33\"</td>\r\n                          <td>108cm /42.5\"</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">16</td>\r\n                          <td>XXL</td>\r\n                          <td>12</td>\r\n                          <td>86cm / 35.5\"</td>\r\n                          <td>113cm /44.5\"</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">18</td>\r\n                          <td>3XL</td>\r\n                          <td>14</td>\r\n                          <td>93cm / 37\"</td>\r\n                          <td>117cm / 46\"</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">20</td>\r\n                          <td>4XL</td>\r\n                          <td>16</td>\r\n                          <td>98cm / 38.5\"</td>\r\n                          <td>122cm / 48\"</td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"panel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Waist:</font>\r\n                              <br> Measure around your waistline where you normally wear your pants.\r\n                              <br> Place a forefinger between your body and the tape measure for an accurate fit.\r\n                              <br><br>\r\n                              <font style=\"color:#00549B;\">Hips:</font>\r\n                              <br> Measure around the widest part of your hips.\r\n                              <br> Place your forefinger between your body and the tape measure for an accurate fit.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw4ce6d6f9/images/landing-pages/size-guide/Womens-Bottoms.jpg\" alt=\"Womens-Bottom\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Waist:</font>\r\n                              <br> Measure around your waistline where you normally wear your pants.\r\n                              <br> Place a forefinger between your body and the tape measure for an accurate fit.\r\n                              <br><br>\r\n                              <font style=\"color:#00549B;\">Hips:</font>\r\n                              <br> Measure around the widest part of your hips.\r\n                              <br> Place your forefinger between your body and the tape measure for an accurate fit.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw4ce6d6f9/images/landing-pages/size-guide/Womens-Bottoms.jpg\" alt=\"Womens-Bottoms\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = BOTTOMS -->\r\n\r\n                <div id=\"Swimwear\" class=\"WomensGirlsTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID = SWIMWEAR -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The sizes between brands are likely to vary. City Beach brand sizes are designed to fit the below measurements, however due to the variances between brands, these measurements are to be used as a GUIDE ONLY.\r\n                  </div>\r\n\r\n                  <center>\r\n                    <!--\r\n                                        <table width=\"98%\" role=\"presentation\">\r\n                                            <tbody>\r\n                                                <tr>\r\n                                                    <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                                                        <div class=\"tablecontentindent\">\r\n                                                            CB Order Size\r\n                                                        </div>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                                                        <center>\r\n                                                            6\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                                                        <center>\r\n                                                            8\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                                                        <center>\r\n                                                            10\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                                                        <center>\r\n                                                            12\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                                                        <center>\r\n                                                            14\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                                                        <center>\r\n                                                            16\r\n                                                        </center>\r\n                                                    </td>\r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td width=\"30%\" height=\"40px\">\r\n                                                        <div class=\"tablecontentindent\">\r\n                                                            Generic Sizing\r\n                                                        </div>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            XS\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            S\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            M\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            L\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            XL\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            XXL\r\n                                                        </center>\r\n                                                    </td>\r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td width=\"30%\" height=\"40px\">\r\n                                                        <div class=\"tablecontentindent\">\r\n                                                            USA (US)\r\n                                                        </div>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            2\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            4\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            6\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            8\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            10\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            12\r\n                                                        </center>\r\n                                                    </td>\r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td width=\"30%\" height=\"40px\">\r\n                                                        <div class=\"tablecontentindent\">\r\n                                                            Bust (cm)\r\n                                                        </div>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            77-80\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            82-84\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            88-90\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            93-95\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            98-100\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            103-105\r\n                                                        </center>\r\n                                                    </td>\r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td width=\"30%\" height=\"40px\">\r\n                                                        <div class=\"tablecontentindent\">\r\n                                                            Waist (cm)\r\n                                                        </div>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            60-62\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            64-66\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            69-71\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            74-76\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            79-81\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            84-86\r\n                                                        </center>\r\n                                                    </td>\r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td width=\"30%\" height=\"40px\">\r\n                                                        <div class=\"tablecontentindent\">\r\n                                                            Hips (cm)\r\n                                                        </div>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            86\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            91\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            96\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            101\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            106\r\n                                                        </center>\r\n                                                    </td>\r\n                                                    <td width=\"11.6%\">\r\n                                                        <center>\r\n                                                            111\r\n                                                        </center>\r\n                                                    </td>\r\n                                                </tr>\r\n                                            </tbody>\r\n                                        </table>\r\n                                    -->\r\n                    <style>\r\n                      #Swimwear td {\r\n                        text-align: center;\r\n                        border: 1px solid #bfbebe;\r\n                        border-collapse: collapse;\r\n                      }\r\n                      \r\n                      #Swimwear table,\r\n                      td,\r\n                      th {\r\n                        border-collapse: collapse;\r\n                        border: 1px solid #bfbebe;\r\n                        font-size: min(3.5vw, 16px) !important;\r\n                      }\r\n                      \r\n                      #Swimwear th {\r\n                        padding: 0 5px 0 5px;\r\n                        height: 50px;\r\n                        width: 16%;\r\n                      }\r\n                    </style>\r\n\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <thead>\r\n                        <tr>\r\n                          <th style=\"background-color: #EDEDED;width: 20% !important;\">City Beach<br>Order Size</th>\r\n                          <th>Generic<br>Sizing</th>\r\n                          <th>USA<br>(US)</th>\r\n                          <th>Bust<br>(cm)</th>\r\n                          <th>Waist<br>(cm)</th>\r\n                          <th>Hips<br>(cm)</th>\r\n                        </tr>\r\n                      </thead>\r\n                      <tbody>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">4</td>\r\n                          <td>XXS</td>\r\n                          <td>0</td>\r\n                          <td>76-79</td>\r\n                          <td>59-61</td>\r\n                          <td>94</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">6</td>\r\n                          <td>XS</td>\r\n                          <td>2</td>\r\n                          <td>77-80</td>\r\n                          <td>60-62</td>\r\n                          <td>86</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">8</td>\r\n                          <td>S</td>\r\n                          <td>4</td>\r\n                          <td>82-84</td>\r\n                          <td>64-66</td>\r\n                          <td>91</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">10</td>\r\n                          <td>M</td>\r\n                          <td>6</td>\r\n                          <td>88-90</td>\r\n                          <td>69-71</td>\r\n                          <td>96</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">12</td>\r\n                          <td>L</td>\r\n                          <td>8</td>\r\n                          <td>93-95</td>\r\n                          <td>74-76</td>\r\n                          <td>101</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">14</td>\r\n                          <td>XL</td>\r\n                          <td>10</td>\r\n                          <td>98-100</td>\r\n                          <td>79-81</td>\r\n                          <td>106</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">16</td>\r\n                          <td>XXL</td>\r\n                          <td>12</td>\r\n                          <td>103-105</td>\r\n                          <td>84-86</td>\r\n                          <td>111</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">18</td>\r\n                          <td>3XL</td>\r\n                          <td>14</td>\r\n                          <td>107-109</td>\r\n                          <td>90-93</td>\r\n                          <td>116</td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"background-color: #EDEDED;\">20</td>\r\n                          <td>4XL</td>\r\n                          <td>16</td>\r\n                          <td>111-114</td>\r\n                          <td>95-98</td>\r\n                          <td>121</td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"panel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Bust:</font>\r\n                              <br> Measure under your arms around the fullest part of your chest by placing a tape measure close under your arms. Make sure the tape is flat across your back.\r\n                              <br><br>\r\n                              <font style=\"color:#00549B;\">Waist:</font>\r\n                              <br> Measure around your waistline where you normally wear your pants.\r\n                              <br> Place your forefinger between your body and the tape measure for an accurate fit.\r\n                              <br><br>\r\n                              <font style=\"color:#00549B;\">Hips:</font>\r\n                              <br> Measure around the widest part of your hips.\r\n                              <br> Place your forefinger between your body and the tape measure for an accurate fit.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dwa246c3b6/images/landing-pages/size-guide/Swim.jpg\" alt=\"Swim\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Bust:</font>\r\n                              <br> Measure under your arms around the fullest part of your chest by placing a tape measure close under your arms. Make sure the tape is flat across your back.\r\n                              <br><br>\r\n                              <font style=\"color:#00549B;\">Waist:</font>\r\n                              <br> Measure around your waistline where you normally wear your pants.\r\n                              <br> Place your forefinger between your body and the tape measure for an accurate fit.\r\n                              <br><br>\r\n                              <font style=\"color:#00549B;\">Hips:</font>\r\n                              <br> Measure around the widest part of your hips.\r\n                              <br> Place your forefinger between your body and the tape measure for an accurate fit.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dwa246c3b6/images/landing-pages/size-guide/Swim.jpg\" alt=\"Swim\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = SWIMWEAR -->\r\n\r\n                <div id=\"Headwear\" class=\"WomensGirlsTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID = HEADWEAR -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The sizes between brands are likely to vary. City Beach brand sizes are designed to fit the below measurements, however due to the variances between brands, these measurements are to be used as a GUIDE ONLY.\r\n                  </div>\r\n\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"23.3%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              S/M\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"23.3%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              M/L\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"23.3%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              L/XL\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Hat - Fedora (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"23.3%\">\r\n                            <center>\r\n                              55-57\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"23.3%\">\r\n                            <center>\r\n                              57-59\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"23.3%\">\r\n                            <center>\r\n                              59-61\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Fitted Cap Flat Peak (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"23.3%\">\r\n                            <center>\r\n                              55-58\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"23.3%\">\r\n                            <center>\r\n                              -\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"23.3%\">\r\n                            <center>\r\n                              57-60\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Flex Crown Cap (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"23.3%\">\r\n                            <center>\r\n                              55-58\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"23.3%\">\r\n                            <center>\r\n                              -\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"23.3%\">\r\n                            <center>\r\n                              57-60\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"panel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Headwear:</font>\r\n                              <br> Use a tape measure to measure the circumference of your head from ear to ear.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dwb5b3ad74/images/landing-pages/size-guide/Hats.jpg\" alt=\"Hats\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Headwear:</font>\r\n                              <br> Use a tape measure to measure the circumference of your head from ear to ear.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dwb5b3ad74/images/landing-pages/size-guide/Hats.jpg\" alt=\"Hats\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = HEADWEAR -->\r\n\r\n                <div id=\"Footwear\" class=\"WomensGirlsTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID = FOOTWEAR -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The sizes between brands are likely to vary. City Beach brand sizes are designed to fit the below measurements, however due to the variances between brands, these measurements are to be used as a GUIDE ONLY.\r\n                  </div>\r\n\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size (AUS/US)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              7\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              8\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              9\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              10\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              11\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              12\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              13\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Europe (EUR)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              37\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              38.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              40\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              41\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              42.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              43.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              44.5\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              UK (UK)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              4.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              5.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              6.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              7.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              8.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              9.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              10.5\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Length (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              23.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              24.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              25.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              26.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              27.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              28.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              29.5\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"panel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Footwear:</font>\r\n                              <br> Measure your foot from heel to the end of your longest toe and use this to make all of your final footwear sizing decisions.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw5baa7c70/images/landing-pages/size-guide/Shoes.jpg\" alt=\"Shoes\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Footwear:</font>\r\n                              <br> Measure your foot from heel to the end of your longest toe and use this to make all of your final footwear sizing decisions.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw5baa7c70/images/landing-pages/size-guide/Shoes.jpg\" alt=\"Shoes\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = FOOTWEAR -->\r\n\r\n                <div id=\"Havaianas\" class=\"WomensGirlsTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID = HAVAIANAS -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The measurements below are conversions for Havaianas. <br> Please note that it’s possible to switch between genders or adult and kids sizes as a number of the scales overlap and for this reason you may receive footwear that fits, but\r\n                    states a different size. The size chart is to be used as a GUIDE ONLY\r\n                  </div>\r\n\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              8\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              10\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              12\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              14\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              16\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              18\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Havaianas/Brazil\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              35-36\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              37-38\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              39-40\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              41-42\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              43-44\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              45-46\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              47-48\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              USA (US)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              7/8\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              9/10\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              11/12\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              13\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              14/15\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              16\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Length (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              23-24\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              25-26\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              26-27\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              27-28\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              29-30\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              30-31\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              31-32\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"panel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Havaiana:</font>\r\n                              <br> Measure your foot from your heel to your longest toe to calculate your final size.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw441bf734/images/landing-pages/size-guide/Havaianas.jpg\" alt=\"Havaianas\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Havaiana:</font>\r\n                              <br> Measure your foot from your heel to your longest toe to calculate your final size.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw441bf734/images/landing-pages/size-guide/Havaianas.jpg\" alt=\"Havaianas\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = HAVAIANAS -->\r\n\r\n                <div id=\"Rollerskates\" class=\"WomensGirlsTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID = ROLLERSKATES -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The sizes between brands are likely to vary. City Beach brand sizes are designed to fit the below measurements, however due to the variances between brands, these measurements are to be used as a GUIDE ONLY.\r\n                  </div>\r\n\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              01\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              02\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              03\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              04\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              05\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              06\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              07\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              08\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              09\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              10\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Womens (US)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              1\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              2\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              3\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              4\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              7\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              8\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              9\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              10\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Europe (EU)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              32\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              33\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              34\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              35\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              36\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              37\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              38\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              39\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              40\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              41\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Length (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              19\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              20\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              20.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              21\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              22\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              23\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              24\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              25\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              25.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              26.5\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"panel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Footwear:</font>\r\n                              <br> Measure your foot from heel to the end of your longest toe and use this to make all of your final footwear sizing decisions.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw5baa7c70/images/landing-pages/size-guide/Shoes.jpg\" alt=\"Shoes\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Footwear:</font>\r\n                              <br> Measure your foot from heel to the end of your longest toe and use this to make all of your final footwear sizing decisions.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw5baa7c70/images/landing-pages/size-guide/Shoes.jpg\" alt=\"Shoes\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = ROLLERSKATES -->\r\n\r\n                <div id=\"Belts\" class=\"WomensGirlsTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID = BELTS -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The sizes between brands are likely to vary. City Beach brand sizes are designed to fit the below measurements, however due to the variances between brands, these measurements are to be used as a GUIDE ONLY.\r\n                  </div>\r\n\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"35%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              6/10\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"35%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              10/14\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Generic Sizing\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"35%\">\r\n                            <center>\r\n                              S/M\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"35%\">\r\n                            <center>\r\n                              M/L\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Waist (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"35%\">\r\n                            <center>\r\n                              100\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"35%\">\r\n                            <center>\r\n                              110\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Waist (inches)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"35%\">\r\n                            <center>\r\n                              39\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"35%\">\r\n                            <center>\r\n                              43\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"panel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Waist:</font>\r\n                              <br> Measure around your waistline where you normally wear your pants. Place a forefinger between your body and the tape measure for an accurate fit.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw4ce6d6f9/images/landing-pages/size-guide/Womens-Bottoms.jpg\" alt=\"Womens-Bottoms\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Waist:</font>\r\n                              <br> Measure around your waistline where you normally wear your pants. Place a forefinger between your body and the tape measure for an accurate fit.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw4ce6d6f9/images/landing-pages/size-guide/Womens-Bottoms.jpg\" alt=\"Womens-Bottoms\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = BELTS -->\r\n\r\n\r\n              </div>\r\n\r\n              <div id=\"Girls\" class=\"WomensGirlsTabgendercontent\" style=\"display: none;\">\r\n                <div>\r\n                  <div><br></div>\r\n                  <button style=\"\" class=\"gWomensGirlsTabcategories WomensGirlsTabcategories\" onclick=\"openPageCat('gApparel', this, '5px solid #000')\" id=\"WomensGirlsTabcategoriesDefaultOpen2\">&nbsp;<br><div class=\"hoveritem\">Apparel</div></button>\r\n                  <button style=\"\" class=\"gWomensGirlsTabcategories WomensGirlsTabcategories\" onclick=\"openPageCat('gFootwear', this, '5px solid #000')\">&nbsp;<br><div class=\"hoveritem\">Footwear</div></button>\r\n                  <button style=\"\" class=\"gWomensGirlsTabcategories WomensGirlsTabcategories\" onclick=\"openPageCat('tApparel', this, '5px solid #000')\"><div class=\"hoveritem\">Toddler's<br>Apparel</div></button>\r\n                  <button style=\"\" class=\"gWomensGirlsTabcategories WomensGirlsTabcategories\" onclick=\"openPageCat('tFootwear', this, '5px solid #000')\"><div class=\"hoveritem\">Toddler's<br>Footwear</div></button>\r\n                  <button style=\"\" class=\"gWomensGirlsTabcategories WomensGirlsTabcategories\" onclick=\"openPageCat('gHavaianas', this, '5px solid #000')\"><div class=\"hoveritem\">Kid's<br>Havaianas</div></button>\r\n                  <button class=\"gtabcatspacer WomensGirlsTabcategories\" onclick=\"\">&nbsp;<br>&nbsp;</button>\r\n                  <!--SPACER LINE-->\r\n                </div>\r\n                <div id=\"gApparel\" class=\"WomensGirlsTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID = GAPPAREL -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The sizes between brands are likely to vary. City Beach brand sizes are designed to fit the below measurements, however due to the variances between brands, these measurements are to be used as a GUIDE ONLY.\r\n                  </div>\r\n\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"17.5%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              8\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              10\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              12\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              14\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Generic Sizing\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              XS\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              S\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              M\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              L\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              USA (US)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              8\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              10\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              12\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              14\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Chest (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              65\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              70\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              75\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              80\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Waist (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              55\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              60\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              65\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              70\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Hips (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              73\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              78\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              83\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              88\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"panel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Chest:</font>\r\n                              <br> Measure under your arms around the fullest part of your chest by placing a tape measure close under arms. Make sure the tape is flat across your back.\r\n                              <br><br>\r\n                              <font style=\"color:#00549B;\">Waist:</font>\r\n                              <br> Measure around your waistline where you normally wear your pants. Place a forefinger between your body and the tape measure for an accurate fit.\r\n                              <br><br>\r\n                              <font style=\"color:#00549B;\">Hips:</font>\r\n                              <br> Measure around the widest part of your hips. Place your forefinger between your body and the tape measure for an accurate fit.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw18cb3eb6/images/landing-pages/size-guide/Girls.jpg\" alt=\"Girls\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Chest:</font>\r\n                              <br> Measure under your arms around the fullest part of your chest by placing a tape measure close under arms. Make sure the tape is flat across your back.\r\n                              <br><br>\r\n                              <font style=\"color:#00549B;\">Waist:</font>\r\n                              <br> Measure around your waistline where you normally wear your pants. Place a forefinger between your body and the tape measure for an accurate fit.\r\n                              <br><br>\r\n                              <font style=\"color:#00549B;\">Hips:</font>\r\n                              <br> Measure around the widest part of your hips. Place your forefinger between your body and the tape measure for an accurate fit.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw18cb3eb6/images/landing-pages/size-guide/Girls.jpg\" alt=\"Girls\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = GAPPAREL -->\r\n\r\n                <div id=\"gFootwear\" class=\"WomensGirlsTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID = GFOOTWEAR -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The sizes between brands are likely to vary. City Beach brand sizes are designed to fit the below measurements, however due to the variances between brands, these measurements are to be used as a GUIDE ONLY.\r\n                  </div>\r\n\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size (AUS)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"8.75%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              13\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              1\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              2\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              3\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              4\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              7\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Europe (EUR)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              31\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              32\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              33\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              34\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              36\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              37\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              38\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              39\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              USA (US)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              13\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              1\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              2\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              3\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              4\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              7\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              UK (UK)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              12\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              13\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              1\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              2\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              3\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              4\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              6\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Length (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              19.1\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              19.7\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              20.6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              21.6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              22.2\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              23.2\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              24.1\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              24.8\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"panel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Footwear:</font>\r\n                              <br> Measure your foot from heel to the end of your longest toe and use this to make all of your final footwear sizing decisions.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw5baa7c70/images/landing-pages/size-guide/Shoes.jpg\" alt=\"Shoes\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Footwear:</font>\r\n                              <br> Measure your foot from heel to the end of your longest toe and use this to make all of your final footwear sizing decisions.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw5baa7c70/images/landing-pages/size-guide/Shoes.jpg\" alt=\"Shoes\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = GFOOTWEAR -->\r\n\r\n                <div id=\"tApparel\" class=\"WomensGirlsTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID = TAPPAREL -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The sizes between brands are likely to vary. City Beach brand sizes are designed to fit the below measurements, however due to the variances between brands, these measurements are to be used as a GUIDE ONLY.\r\n                  </div>\r\n\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"17.5%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              0\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              2\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              4\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              6\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              USA (US)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              0\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              2\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              4\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              6\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Chest (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              62\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              66\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              70\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              74\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Waist (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              48\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              52\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              56\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              60\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"panel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Chest:</font>\r\n                              <br> Measure around the fullest part of the chest by placing a tape measure close under the arms.\r\n                              <br> Make sure the tape is flat across the back\r\n                              <br><br>\r\n                              <font style=\"color:#00549B;\">Waist:</font>\r\n                              <br> Measure around the natural waistline with a tape measure.\r\n                              <br> Make sure their stomach is relaxed when taking their waist measurement. Have one forefinger between the body and the measuring tape for an accurate fit.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw18cb3eb6/images/landing-pages/size-guide/Girls.jpg\" alt=\"Girls\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Chest:</font>\r\n                              <br> Measure around the fullest part of the chest by placing a tape measure close under the arms.\r\n                              <br> Make sure the tape is flat across the back\r\n                              <br><br>\r\n                              <font style=\"color:#00549B;\">Waist:</font>\r\n                              <br> Measure around the natural waistline with a tape measure.\r\n                              <br> Make sure their stomach is relaxed when taking their waist measurement. Have one forefinger between the body and the measuring tape for an accurate fit.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw18cb3eb6/images/landing-pages/size-guide/Girls.jpg\" alt=\"Girls\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = TAPPAREL -->\r\n\r\n                <div id=\"tFootwear\" class=\"WomensGirlsTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID = TFOOTWEAR -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The sizes between brands are likely to vary. City Beach brand sizes are designed to fit the below measurements, however due to the variances between brands, these measurements are to be used as a GUIDE ONLY.\r\n                  </div>\r\n\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size (AUS)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              3\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              4\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              7\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              8\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              9\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              10\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              11\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              12\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Europe (EUR)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              19\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              20\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              21\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              22\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              23\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              24\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              25\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              27\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              28\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              30\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              USA (US)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              3\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              4\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              7\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              8\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              9\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              10\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              11\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              12\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              UK (UK)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              2\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              3\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              4\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              7\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              8\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              9\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              10\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              11\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Length (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              11.9\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              12.2\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              12.7\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              13\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              14\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              14.6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              15.6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              16.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              17.1\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              18.1\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"panel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Footwear:</font>\r\n                              <br> Measure your foot from heel to the end of your longest toe and use this to make all of your final footwear sizing decisions.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw5baa7c70/images/landing-pages/size-guide/Shoes.jpg\" alt=\"Shoes\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Footwear:</font>\r\n                              <br> Measure your foot from heel to the end of your longest toe and use this to make all of your final footwear sizing decisions.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw5baa7c70/images/landing-pages/size-guide/Shoes.jpg\" alt=\"Shoes\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = TFOOTWEAR -->\r\n\r\n                <div id=\"gHavaianas\" class=\"WomensGirlsTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID = GAHAVAIANAS -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The measurements below are conversions for Havaianas. <br> Please note that it’s possible to switch between genders or adult and kids sizes as a number of the scales overlap and for this reason you may receive footwear that fits, but\r\n                    states a different size. The size chart is to be used as a GUIDE ONLY\r\n                  </div>\r\n\r\n                  <div style=\"padding:0px 30px 0px 20px;color: #00549B;font-family: 'Visby CF Extra Bold',sans-serif;\">\r\n                    KIDS\r\n                  </div>\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              1\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              2\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              3\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              4\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              6\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Havaianas/Brazil\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              23-24\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              25-26\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              27-28\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              29-30\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              31-32\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              33-34\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              USA (US)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              9C\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              10C\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              11/12C\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              13C/1Y\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              2Y\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              3Y/4Y\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Length (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              15-16\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              16-17\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              18-19\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              19-20\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              20-21\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              22-23\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding:30px 30px 0px 20px;color: #00549B;font-family: 'Visby CF Extra Bold',sans-serif;\">\r\n                    TODDLERS\r\n                  </div>\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              7\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              9\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              10\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              11\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              12\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              13\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              1\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Havaianas/Brazil\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              17-18\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              19\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              20\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              21\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              22\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              23-24\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              25-26\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              USA (US)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              4C\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              5C\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              6C\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              7C\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              8C\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              9C\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              10C\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Length (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              11-12\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              12-13\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              13-14\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              14-15\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              15-16\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              16-17\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              17-18\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"panel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Havaiana:</font>\r\n                              <br> Measure the foot from the heel to the longest toe to calculate the final size.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw441bf734/images/landing-pages/size-guide/Havaianas.jpg\" alt=\"Havaianas\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Havaiana:</font>\r\n                              <br> Measure the foot from the heel to the longest toe to calculate the final size.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw441bf734/images/landing-pages/size-guide/Havaianas.jpg\" alt=\"Havaianas\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = GAHAVAIANAS -->\r\n\r\n              </div>\r\n\r\n\r\n            </div>\r\n\r\n\r\n            <script>\r\n              function openPageGender(WpageName, Welmnt, WborderBottomCSS) {\r\n                var k, WomensGirlsTabgendercontent, WomensGirlsTabgender;\r\n                WomensGirlsTabgendercontent = document.getElementsByClassName(\"WomensGirlsTabgendercontent\");\r\n                for (k = 0; k < WomensGirlsTabgendercontent.length; k++) {\r\n                  WomensGirlsTabgendercontent[k].style.display = \"none\";\r\n                }\r\n                WomensGirlsTabgender = document.getElementsByClassName(\"WomensGirlsTabgender\");\r\n                for (k = 0; k < WomensGirlsTabgender.length; k++) {\r\n                  WomensGirlsTabgender[k].style.borderBottom = \"\";\r\n                }\r\n                document.getElementById(WpageName).style.display = \"block\";\r\n                Welmnt.style.borderBottom = WborderBottomCSS;\r\n\r\n                // Get the element with id=\"WomensGirlsTabcategoriesDefaultOpen*\" and click on it if parent div id is displayed\r\n                if (document.getElementById(\"Womens\").style.display == \"block\") {\r\n                  document.getElementById(\"WomensGirlsTabcategoriesDefaultOpen1\").click();\r\n                } else if (document.getElementById(\"Girls\").style.display == \"block\") {\r\n                  document.getElementById(\"WomensGirlsTabcategoriesDefaultOpen2\").click();\r\n                }\r\n\r\n              }\r\n\r\n              function openPageCat(CatpageName, Catelmnt, CatborderBottomCSS) {\r\n                var h, WomensGirlsTabcategoriescontent, WomensGirlsTabcategories;\r\n                WomensGirlsTabcategoriescontent = document.getElementsByClassName(\"WomensGirlsTabcategoriescontent\");\r\n                for (h = 0; h < WomensGirlsTabcategoriescontent.length; h++) {\r\n                  WomensGirlsTabcategoriescontent[h].style.display = \"none\";\r\n                }\r\n                WomensGirlsTabcategories = document.getElementsByClassName(\"WomensGirlsTabcategories\");\r\n                for (h = 0; h < WomensGirlsTabcategories.length; h++) {\r\n                  WomensGirlsTabcategories[h].style.borderBottom = \"\";\r\n                }\r\n                document.getElementById(CatpageName).style.display = \"block\";\r\n                Catelmnt.style.borderBottom = CatborderBottomCSS;\r\n              }\r\n\r\n\r\n\r\n              // Get the element with id=\"WomensGirlsTabgenderDefaultOpen\" and click on it\r\n              document.getElementById(\"WomensGirlsTabgenderDefaultOpen\").click();\r\n            </script>\r\n\r\n            <script>\r\n              var acc = document.getElementsByClassName(\"accordion\");\r\n              var j;\r\n\r\n              for (j = 0; j < acc.length; j++) {\r\n                acc[j].addEventListener(\"click\", function() {\r\n                  this.classList.toggle(\"activated\");\r\n                  var panel = this.nextElementSibling;\r\n                  if (panel.style.maxHeight) {\r\n                    panel.style.maxHeight = null;\r\n                  } else {\r\n                    panel.style.maxHeight = panel.scrollHeight + \"px\";\r\n                  }\r\n                });\r\n              }\r\n            </script>\r\n\r\n\r\n\r\n\r\n\r\n\r\n          </div>\r\n\r\n          <div class=\"left_espot\" id=\"mensSizeGuideContainer\">\r\n\r\n\r\n            <!-- content spot = 2019_03-SizeGuide-Mens -->\r\n\r\n\r\n\r\n\r\n            <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n            <meta charset=\"utf-8\">\r\n\r\n\r\n            <style>\r\n              \r\n              .mensSGcontainer hr {\r\n                border: 0.5px solid #000;\r\n              }\r\n              /* button[class=\"ui-button ui-corner-all ui-widget ui-button-icon-only ui-dialog-titlebar-close\"] { top: 10px !important; right: 10px !important; color: black !important; } */\r\n              /* width */\r\n              \r\n              div::-webkit-scrollbar {\r\n                width: 2px;\r\n              }\r\n              /* Track */\r\n              \r\n              div::-webkit-scrollbar-track {\r\n                background: #f1f1f1;\r\n              }\r\n              /* Handle */\r\n              \r\n              div::-webkit-scrollbar-thumb {\r\n                background: #888;\r\n              }\r\n              /* Handle on hover */\r\n              \r\n              div::-webkit-scrollbar-thumb:hover {\r\n                background: #555;\r\n              }\r\n              \r\n              .HowToMeasureBorder {\r\n                font-family: 'Visby CF Extra Bold', sans-serif;\r\n                border-top: 1px solid black;\r\n                border-bottom: 1px solid black;\r\n                padding-top: 4px;\r\n                padding-bottom: 6px;\r\n              }\r\n              \r\n              .mensSGcontainer {\r\n                font-family: 'Visby CF Medium', sans-serif;\r\n                margin-top: -15px;\r\n                padding-top: 0px;\r\n                height: 100%;\r\n                width: 95%;\r\n                margin: auto;\r\n              }\r\n              \r\n              .desktopdisplay {\r\n                display: block;\r\n              }\r\n              \r\n              .mobileview {\r\n                display: none;\r\n              }\r\n              \r\n              .MensBoysTabgender {\r\n                background-color: #fff;\r\n                color: #000;\r\n                float: left;\r\n                border: none;\r\n                border-bottom: 1px solid #000;\r\n                outline: none;\r\n                cursor: pointer;\r\n                padding: 17px 3px 8px 3px;\r\n                font-size: min(3.5vw, 16px) !important;\r\n                width: 10%;\r\n                /* Tab Width */\r\n              }\r\n              \r\n              .MensBoysTabcategories {\r\n                background-color: #fff;\r\n                color: #000;\r\n                float: left;\r\n                border: none;\r\n                border-bottom: 1px solid #000;\r\n                outline: none;\r\n                cursor: pointer;\r\n                padding: 3px 3px 8px 3px;\r\n                font-size: min(3.5vw, 16px) !important;\r\n                /* width: 15%; <-- No Rollerskates /* Tab Width */\r\n                width: 14%;\r\n                /* with rollerskates */\r\n              }\r\n              /* .MensBoysTabgender:hover { background-color: #fff; text-decoration: underline; } .MensBoysTabcategories:hover { background-color: #fff; text-decoration: underline; } */\r\n              \r\n              .mensHoverItem {\r\n                background-color: #fff;\r\n                text-decoration: none;\r\n              }\r\n              \r\n              .mensHoverItem:hover {\r\n                background-color: #fff;\r\n                text-decoration: underline;\r\n              }\r\n              \r\n              .MensBoysTabgendercontent {\r\n                color: #000;\r\n                display: none;\r\n                padding: 50px 0 0 0;\r\n                height: 100%;\r\n              }\r\n              \r\n              .MensBoysTabcategoriescontent {\r\n                color: #000;\r\n                display: none;\r\n                padding: 0px 0px;\r\n                height: 100%;\r\n              }\r\n              \r\n              .MensBoysTabgenderspacer {\r\n                width: 80%;\r\n                cursor: auto;\r\n              }\r\n              \r\n              .mtabcatspacer {\r\n                /*width:10%;<-- No Rollerskates */\r\n                width: 2%;\r\n                /* with rollerskates */\r\n                cursor: auto;\r\n              }\r\n              \r\n              .btabcatspacer {\r\n                width: 30%;\r\n                /*<-- No Rollerskates */\r\n                /*width:16%;/* with rollerskates */\r\n                cursor: auto;\r\n              }\r\n              \r\n              .tablecontentindent {\r\n                padding: 0 5px 0 30px;\r\n              }\r\n              \r\n              #Mens {\r\n                background-color: #fff;\r\n              }\r\n              \r\n              #Boys {\r\n                background-color: #fff;\r\n              }\r\n              \r\n              .mensSGcontainer table,\r\n              td,\r\n              th {\r\n                border-collapse: collapse;\r\n                border: 1px solid #bfbebe;\r\n              }\r\n              \r\n              .accordion {\r\n                background-color: #fff;\r\n                color: #000;\r\n                cursor: pointer;\r\n                padding: 10px;\r\n                width: 100%;\r\n                height: 40px;\r\n                text-align: left;\r\n                outline: none;\r\n                font-size: min(3.5vw, 16px) !important;\r\n                transition: 0.4s;\r\n                border-top: 1px solid #000;\r\n                border-bottom: 1px solid #000;\r\n                border-left: none;\r\n                border-right: none;\r\n              }\r\n              \r\n              .activated,\r\n              .accordion:hover {\r\n                background-color: #fff;\r\n              }\r\n              \r\n              .accordion:after {\r\n                content: '\\002B';\r\n                color: #777;\r\n                font-weight: bold;\r\n                float: right;\r\n                margin-left: 5px;\r\n              }\r\n              \r\n              .activated:after {\r\n                content: \"\\2212\";\r\n              }\r\n              \r\n              .mensPanel {\r\n                padding: 0 18px;\r\n                background-color: white;\r\n                /*max-height: 0;*/\r\n                overflow: hidden;\r\n                transition: max-height 0.4s ease-out;\r\n              }\r\n              \r\n              .mensSGcontainer .mensPanel {\r\n                max-height: 0;\r\n              }\r\n              /* For width 1px to 600px */\r\n              \r\n              @media only screen and (max-width: 600px) {\r\n                .MensBoysTabgender {\r\n                  width: 25%;\r\n                  /* Tab Width */\r\n                  /*font-size: 3vw;*/\r\n                }\r\n                .MensBoysTabgenderspacer {\r\n                  width: 50%;\r\n                }\r\n                .MensBoysTabcategories {\r\n                  width: 20%;\r\n                  /* Tab Width */\r\n                  font-size: min(3.5vw, 16px) !important;\r\n                }\r\n                .mMensBoysTabcategories {\r\n                  width: 25% !important;\r\n                  /* Tab Width */\r\n                }\r\n                .bMensBoysTabcategories {\r\n                  width: 19.5% !important;\r\n                  /*<-- No Rollerskates /* Tab Width */\r\n                  /*width:25% !important; /* with rollerskates */\r\n                }\r\n                .mtabcatspacer {\r\n                  /*display:none;*/\r\n                  /*width:50% !important; <-- No Rollerskates */\r\n                  width: 25% !important;\r\n                  /* with rollerskates */\r\n                }\r\n                .btabcatspacer {\r\n                  display: none;\r\n                  /*<-- No Rollerskates */\r\n                  width: 0%;\r\n                  /*<-- No Rollerskates */\r\n                  /*width:50% !important;/* with rollerskates */\r\n                }\r\n                .tablecontentindent {\r\n                  padding: 0 5px 0 5px;\r\n                }\r\n                .desktopdisplay {\r\n                  display: none;\r\n                }\r\n                .mobileview {\r\n                  display: block;\r\n                }\r\n                .mensHoverItem:hover {\r\n                  background-color: #fff;\r\n                  text-decoration: none;\r\n                }\r\n                .mensSGcontainer {\r\n                  max-height: 400px;\r\n                }\r\n              }\r\n              /* For width 601px to 800px */\r\n              \r\n              @media only screen and (min-width: 601px) and (max-width: 800px) {\r\n                .MensBoysTabcategories {\r\n                  font-size: 12px;\r\n                }\r\n                .MensBoysTabgender {\r\n                  width: 20%;\r\n                  /* Tab Width */\r\n                }\r\n                .MensBoysTabgenderspacer {\r\n                  width: 60%;\r\n                }\r\n              }\r\n            </style>\r\n\r\n\r\n\r\n            <div class=\"mensSGcontainer\">\r\n\r\n              <h2   style=\"font-family: 'Visby CF Extra Bold',sans-serif;\">Size Guide</h2>\r\n              <div style=\"margin-top: -4px\">&nbsp;</div>\r\n              <hr role=\"presentation\">\r\n\r\n              <button class=\"MensBoysTabgender mensHoverItem\" onclick=\"mensOpenPageGender('Mens', this, '5px solid #000')\" id=\"MensBoysTabgenderDefaultOpen\" style=\"border-bottom: 5px solid rgb(0, 0, 0);\">MENS</button>\r\n              <button class=\"MensBoysTabgender mensHoverItem\" onclick=\"mensOpenPageGender('Boys', this, '5px solid #000')\" style=\"\">BOYS</button>\r\n              <button class=\"MensBoysTabgender MensBoysTabgenderspacer\" onclick=\"\" tabindex=\"-1\">&nbsp;</button>\r\n\r\n\r\n\r\n              <div id=\"Mens\" class=\"MensBoysTabgendercontent\" style=\"display: block;\">\r\n                <div>\r\n                  <div><br></div>\r\n                  <button style=\"border-bottom: 5px solid rgb(0, 0, 0);\" class=\"mMensBoysTabcategories MensBoysTabcategories mensHoverItem\" onclick=\"mensOpenPageCat('mTops', this, '5px solid #000')\" id=\"MensBoysTabcategoriesDefaultOpen1\">Tops</button>\r\n                  <button style=\"\" class=\"mMensBoysTabcategories MensBoysTabcategories mensHoverItem\" onclick=\"mensOpenPageCat('mBottoms', this, '5px solid #000')\">Bottoms</button>\r\n                  <button style=\"\" class=\"mMensBoysTabcategories MensBoysTabcategories mensHoverItem\" onclick=\"mensOpenPageCat('mHeadwear', this, '5px solid #000')\">Headwear</button>\r\n                  <button style=\"\" class=\"mMensBoysTabcategories MensBoysTabcategories mensHoverItem\" onclick=\"mensOpenPageCat('mFootwear', this, '5px solid #000')\">Footwear</button>\r\n                  <div class=\"mobileview\"><br><br></div>\r\n                  <button style=\"\" class=\"mMensBoysTabcategories MensBoysTabcategories mensHoverItem\" onclick=\"mensOpenPageCat('mHavaianas', this, '5px solid #000')\">Havaianas</button>\r\n                  <button style=\"\" class=\"mMensBoysTabcategories MensBoysTabcategories mensHoverItem\" onclick=\"mensOpenPageCat('mRollerskates', this, '5px solid #000')\">Rollerskates</button>\r\n                  <button style=\"\" class=\"mMensBoysTabcategories MensBoysTabcategories mensHoverItem\" onclick=\"mensOpenPageCat('mBelts', this, '5px solid #000')\">Belts</button>\r\n                  <button class=\"mtabcatspacer MensBoysTabcategories\" onclick=\"\">&nbsp;</button>\r\n                  <!--SPACER LINE-->\r\n                </div>\r\n                <div id=\"mTops\" class=\"MensBoysTabcategoriescontent\" style=\"padding-top: 60px; display: block;\">\r\n                  <!-- ID = TOPS -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The sizes between brands are likely to vary. City Beach brand sizes are designed to fit the below measurements, however due to the variances between brands, these measurements are to be used as a GUIDE ONLY.\r\n                  </div>\r\n\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              XS\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              S\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              M\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              L\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              XL\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              XXL\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Chest (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              86-91\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              91-96\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              96-101\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              101-106\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              106-111\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              111-116\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Chest (inches)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              34-36\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              36-38\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              38-40\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              40-42\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              42-44\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              44-46\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"mensPanel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Chest:</font>\r\n                              <br> Measure under your arms around the fullest part of your chest by placing a tape measure close under your arms. Make sure the tape is flat across your back.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw41fe20a0/images/landing-pages/size-guide/Mens-Tops.jpg\" alt=\"Mens-Tops\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Chest:</font>\r\n                              <br> Measure under your arms around the fullest part of your chest by placing a tape measure close under your arms. Make sure the tape is flat across your back.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw41fe20a0/images/landing-pages/size-guide/Mens-Tops.jpg\" alt=\"Mens-Tops\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = TOPS -->\r\n\r\n                <div id=\"mBottoms\" class=\"MensBoysTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID - BOTTOMS -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The sizes between brands are likely to vary. City Beach brand sizes are designed to fit the below measurements, however due to the variances between brands, these measurements are to be used as a GUIDE ONLY.\r\n                  </div>\r\n\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              28\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              30\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              32\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              34\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              36\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              38\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              40\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Generic Sizing\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              XS\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              S\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              M\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              L\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              XL\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              XXL\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              XXXL\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Waist (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              72\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              77\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              82\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              87\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              92\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              97\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              102\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Waist (inches)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              28\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              30\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              32\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              34\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              36\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              38\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              40\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"mensPanel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Waist:</font>\r\n                              <br> Measure around your waistline where you normally wear your pants.\r\n                              <br> Place a forefinger between your body and the tape measure for an accurate fit.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw4aed5d89/images/landing-pages/size-guide/Mens-Bottoms.jpg\" alt=\"Mens-Bottoms\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Waist:</font>\r\n                              <br> Measure around your waistline where you normally wear your pants.\r\n                              <br> Place a forefinger between your body and the tape measure for an accurate fit.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" style=\"padding-top: 20px;\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw4aed5d89/images/landing-pages/size-guide/Mens-Bottoms.jpg\" alt=\"Mens-Bottoms\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = BOTTOMS -->\r\n\r\n                <div id=\"mHeadwear\" class=\"MensBoysTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID = HEADWEAR -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The sizes between brands are likely to vary. City Beach brand sizes are designed to fit the below measurements, however due to the variances between brands, these measurements are to be used as a GUIDE ONLY.\r\n                  </div>\r\n\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"23.3%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              S/M\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"23.3%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              M/L\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"23.3%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              L/XL\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Circumference (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"23.3%\">\r\n                            <center>\r\n                              55-57\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"23.3%\">\r\n                            <center>\r\n                              57-59\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"23.3%\">\r\n                            <center>\r\n                              59-61\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Circumference (inches)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"23.3%\">\r\n                            <center>\r\n                              21-22.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"23.3%\">\r\n                            <center>\r\n                              22.5-23\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"23.3%\">\r\n                            <center>\r\n                              23-24\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"mensPanel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Headwear:</font>\r\n                              <br> Use a tape measure to measure the circumference of your head from ear to ear.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dwb5b3ad74/images/landing-pages/size-guide/Hats.jpg\" alt=\"Hats\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Headwear:</font>\r\n                              <br> Use a tape measure to measure the circumference of your head from ear to ear.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dwb5b3ad74/images/landing-pages/size-guide/Hats.jpg\" alt=\"Hats\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = HEADWEAR -->\r\n\r\n                <div id=\"mFootwear\" class=\"MensBoysTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID = FOOTWEAR -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The sizes between brands are likely to vary. City Beach brand sizes are designed to fit the below measurements, however due to the variances between brands, these measurements are to be used as a GUIDE ONLY.\r\n                  </div>\r\n\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size (AUS/US)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              8\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              9\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              10\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              11\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              12\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              13\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              14\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              15\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              16\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              17\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Europe (EUR)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              40.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              42\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              43\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              44.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              46\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              47\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              48\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              49\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              50\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              51\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              UK (UK)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              7\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              8\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              9\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              10\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              11\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              12\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              13\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              14\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              15\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              16\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Length (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              27\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              28\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              29\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              30\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              31\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              32\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              33\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              34\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              35\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              36\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"mensPanel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Footwear:</font>\r\n                              <br> Measure your foot from heel to the end of your longest toe and use this to make all of your final footwear sizing decisions.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw5baa7c70/images/landing-pages/size-guide/Shoes.jpg\" alt=\"Shoes\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Footwear:</font>\r\n                              <br> Measure your foot from heel to the end of your longest toe and use this to make all of your final footwear sizing decisions.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw5baa7c70/images/landing-pages/size-guide/Shoes.jpg\" alt=\"Shoes\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = FOOTWEAR -->\r\n\r\n                <div id=\"mHavaianas\" class=\"MensBoysTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID = HAVAIANAS -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The measurements below are conversions for Havaianas. <br> Please note that it’s possible to switch between genders or adult and kids sizes as a number of the scales overlap and for this reason you may receive footwear that fits, but\r\n                    states a different size. The size chart is to be used as a GUIDE ONLY\r\n                  </div>\r\n\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              8\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              10\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              12\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              14\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              16\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              18\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Havaianas/Brazil\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              35-36\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              37-38\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              39-40\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              41-42\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              43-44\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              45-46\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              47-48\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              USA (US)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              6/7\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              8\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              9/10\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              11/12\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              13\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              14/15\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Length (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              23-24\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              25-26\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              26-27\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              27-28\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              29-30\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              30-31\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              31-32\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"mensPanel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Havaiana:</font>\r\n                              <br> Measure your foot from your heel to your longest toe to calculate your final size.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw441bf734/images/landing-pages/size-guide/Havaianas.jpg\" alt=\"Havaianas\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Havaiana:</font>\r\n                              <br> Measure your foot from your heel to your longest toe to calculate your final size.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw441bf734/images/landing-pages/size-guide/Havaianas.jpg\" alt=\"Havaianas\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = HAVAIANAS -->\r\n\r\n                <div id=\"mRollerskates\" class=\"MensBoysTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID = ROLLERSKATES -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The sizes between brands are likely to vary. City Beach brand sizes are designed to fit the below measurements, however due to the variances between brands, these measurements are to be used as a GUIDE ONLY.\r\n                  </div>\r\n\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              01\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              02\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              03\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              04\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              05\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              06\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              07\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              08\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              09\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              10\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Mens (US)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              12Y\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              13Y\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              1\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              2\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              3\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              4\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              7\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              8\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Europe (EU)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              32\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              33\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              34\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              35\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              36\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              37\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              38\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              39\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              40\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              41\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Length (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              19\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              20\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              20.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              21\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              22\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              23\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              24\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              25\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              25.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              26.5\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"mensPanel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Footwear:</font>\r\n                              <br> Measure your foot from heel to the end of your longest toe and use this to make all of your final footwear sizing decisions.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw5baa7c70/images/landing-pages/size-guide/Shoes.jpg\" alt=\"Shoes\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Footwear:</font>\r\n                              <br> Measure your foot from heel to the end of your longest toe and use this to make all of your final footwear sizing decisions.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw5baa7c70/images/landing-pages/size-guide/Shoes.jpg\" alt=\"Shoes\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = ROLLERSKATES -->\r\n\r\n                <div id=\"mBelts\" class=\"MensBoysTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID = BELTS -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The sizes between brands are likely to vary. City Beach brand sizes are designed to fit the below measurements, however due to the variances between brands, these measurements are to be used as a GUIDE ONLY.\r\n                  </div>\r\n\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"17.5%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              XS\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              S\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              M\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              L/XL\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Waist (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              71-76\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              76-81\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              81-86\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              86-97\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Waist (inches)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              28-30\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              30-32\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              32-34\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              34-38\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"mensPanel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Waist:</font>\r\n                              <br> Measure around your waistline where you normally wear your pants. Place a forefinger between your body and the tape measure for an accurate fit.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw4aed5d89/images/landing-pages/size-guide/Mens-Bottoms.jpg\" alt=\"Mens-Bottoms\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Waist:</font>\r\n                              <br> Measure around your waistline where you normally wear your pants. Place a forefinger between your body and the tape measure for an accurate fit.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" style=\"padding-top: 20px;\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw4aed5d89/images/landing-pages/size-guide/Mens-Bottoms.jpg\" alt=\"Mens-Bottoms\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = BELTS -->\r\n\r\n\r\n              </div>\r\n\r\n              <div id=\"Boys\" class=\"MensBoysTabgendercontent\" style=\"display: none;\">\r\n                <div>\r\n                  <div><br></div>\r\n                  <button style=\"\" class=\"bMensBoysTabcategories MensBoysTabcategories\" onclick=\"mensOpenPageCat('bApparel', this, '5px solid #000')\" id=\"MensBoysTabcategoriesDefaultOpen2\">&nbsp;<br><div class=\"mensHoverItem\">Apparel</div></button>\r\n                  <button style=\"\" class=\"bMensBoysTabcategories MensBoysTabcategories\" onclick=\"mensOpenPageCat('bFootwear', this, '5px solid #000')\">&nbsp;<br><div class=\"mensHoverItem\">Footwear</div></button>\r\n                  <button style=\"\" class=\"bMensBoysTabcategories MensBoysTabcategories\" onclick=\"mensOpenPageCat('btApparel', this, '5px solid #000')\"><div class=\"mensHoverItem\">Toddler's<br>Apparel</div></button>\r\n                  <button style=\"\" class=\"bMensBoysTabcategories MensBoysTabcategories\" onclick=\"mensOpenPageCat('btFootwear', this, '5px solid #000')\"><div class=\"mensHoverItem\">Toddler's<br>Footwear</div></button>\r\n                  <!--<div class=\"mobileview\"><br><br></div>-->\r\n                  <button style=\"\" class=\"bMensBoysTabcategories MensBoysTabcategories\" onclick=\"mensOpenPageCat('bHavaianas', this, '5px solid #000')\"><div class=\"mensHoverItem\">Kid's<br>Havaianas</div></button>\r\n                  <!--<button style=\"\" class=\"bMensBoysTabcategories MensBoysTabcategories\" onclick=\"mensOpenPageCat('bHavaianas', this, '5px solid #000')\"><div class=\"mensHoverItem\">Kid's<br>Havaianas2</div></button>-->\r\n                  <button class=\"btabcatspacer MensBoysTabcategories\" onclick=\"\">&nbsp;<br>&nbsp;</button>\r\n                  <!--SPACER LINE-->\r\n                </div>\r\n                <div id=\"bApparel\" class=\"MensBoysTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID = bApparel -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The sizes between brands are likely to vary. City Beach brand sizes are designed to fit the below measurements, however due to the variances between brands, these measurements are to be used as a GUIDE ONLY.\r\n                  </div>\r\n\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"14%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              8\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"14%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              10\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"14%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              12\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"14%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              14\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"14%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              16\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Chest (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"14%\">\r\n                            <center>\r\n                              78\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"14%\">\r\n                            <center>\r\n                              85\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"14%\">\r\n                            <center>\r\n                              89\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"14%\">\r\n                            <center>\r\n                              93\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"14%\">\r\n                            <center>\r\n                              97\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Waist (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"14%\">\r\n                            <center>\r\n                              64\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"14%\">\r\n                            <center>\r\n                              67\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"14%\">\r\n                            <center>\r\n                              72\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"14%\">\r\n                            <center>\r\n                              77\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"14%\">\r\n                            <center>\r\n                              82\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"mensPanel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Chest:</font>\r\n                              <br> Measure under your arms around the fullest part of your chest by placing a tape measure close under arms. Make sure the tape is flat across your back.\r\n                              <br><br>\r\n                              <font style=\"color:#00549B;\">Waist:</font>\r\n                              <br> Measure around your waistline where you normally wear your pants. Place a forefinger between your body and the tape measure for an accurate fit.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw0a578d36/images/landing-pages/size-guide/Boys.jpg\" alt=\"Boys\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Chest:</font>\r\n                              <br> Measure under your arms around the fullest part of your chest by placing a tape measure close under arms. Make sure the tape is flat across your back.\r\n                              <br><br>\r\n                              <font style=\"color:#00549B;\">Waist:</font>\r\n                              <br> Measure around your waistline where you normally wear your pants. Place a forefinger between your body and the tape measure for an accurate fit.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw0a578d36/images/landing-pages/size-guide/Boys.jpg\" alt=\"Boys\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = bApparel -->\r\n\r\n                <div id=\"bFootwear\" class=\"MensBoysTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID = bFootwear -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The sizes between brands are likely to vary. City Beach brand sizes are designed to fit the below measurements, however due to the variances between brands, these measurements are to be used as a GUIDE ONLY.\r\n                  </div>\r\n\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size (AUS)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"8.75%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              13\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              1\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              2\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              3\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              4\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              7\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Europe (EUR)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              31\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              32\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              33\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              34\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              36\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              37\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              38\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              39\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              USA (US)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              13\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              1\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              2\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              3\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              4\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              7\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              UK (UK)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              12\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              13\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              1\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              2\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              3\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              4\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              6\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Length (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              19.1\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              19.7\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              20.6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              21.6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              22.2\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              23.2\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              24.1\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"8.75%\">\r\n                            <center>\r\n                              24.8\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"mensPanel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Footwear:</font>\r\n                              <br> Measure your foot from heel to the end of your longest toe and use this to make all of your final footwear sizing decisions.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw5baa7c70/images/landing-pages/size-guide/Shoes.jpg\" alt=\"Shoes\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Footwear:</font>\r\n                              <br> Measure your foot from heel to the end of your longest toe and use this to make all of your final footwear sizing decisions.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw5baa7c70/images/landing-pages/size-guide/Shoes.jpg\" alt=\"Shoes\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = bFootwear -->\r\n\r\n                <div id=\"btApparel\" class=\"MensBoysTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID = TAPPAREL -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The sizes between brands are likely to vary. City Beach brand sizes are designed to fit the below measurements, however due to the variances between brands, these measurements are to be used as a GUIDE ONLY.\r\n                  </div>\r\n\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"17.5%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              0\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              2\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              4\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              6\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Chest (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              62\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              66\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              70\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              74\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Waist (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              48\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              52\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              56\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"17.5%\">\r\n                            <center>\r\n                              60\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"mensPanel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Chest:</font>\r\n                              <br> Measure around the fullest part of the chest by placing a tape measure close under the arms.\r\n                              <br> Make sure the tape is flat across the back\r\n                              <br><br>\r\n                              <font style=\"color:#00549B;\">Waist:</font>\r\n                              <br> Measure around the natural waistline with a tape measure.\r\n                              <br> Make sure their stomach is relaxed when taking their waist measurement. Have one forefinger between the body and the measuring tape for an accurate fit.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw0a578d36/images/landing-pages/size-guide/Boys.jpg\" alt=\"Boys\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Chest:</font>\r\n                              <br> Measure around the fullest part of the chest by placing a tape measure close under the arms.\r\n                              <br> Make sure the tape is flat across the back\r\n                              <br><br>\r\n                              <font style=\"color:#00549B;\">Waist:</font>\r\n                              <br> Measure around the natural waistline with a tape measure.\r\n                              <br> Make sure their stomach is relaxed when taking their waist measurement. Have one forefinger between the body and the measuring tape for an accurate fit.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw0a578d36/images/landing-pages/size-guide/Boys.jpg\" alt=\"Boys\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = TAPPAREL -->\r\n\r\n                <div id=\"btFootwear\" class=\"MensBoysTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID = TFOOTWEAR -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The sizes between brands are likely to vary. City Beach brand sizes are designed to fit the below measurements, however due to the variances between brands, these measurements are to be used as a GUIDE ONLY.\r\n                  </div>\r\n\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size (AUS)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              3\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              4\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              7\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              8\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              9\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              10\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              11\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              12\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Europe (EUR)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              19\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              20\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              21\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              22\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              23\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              24\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              25\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              27\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              28\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              30\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              USA (US)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              3\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              4\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              7\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              8\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              9\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              10\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              11\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              12\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              UK (UK)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              2\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              3\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              4\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              7\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              8\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              9\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              10\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              11\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Length (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              11.9\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              12.2\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              12.7\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              13\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              14\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              14.6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              15.6\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              16.5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              17.1\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"7%\">\r\n                            <center>\r\n                              18.1\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"mensPanel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Footwear:</font>\r\n                              <br> Measure your foot from heel to the end of your longest toe and use this to make all of your final footwear sizing decisions.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw5baa7c70/images/landing-pages/size-guide/Shoes.jpg\" alt=\"Shoes\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Footwear:</font>\r\n                              <br> Measure your foot from heel to the end of your longest toe and use this to make all of your final footwear sizing decisions.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw5baa7c70/images/landing-pages/size-guide/Shoes.jpg\" alt=\"Shoes\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- ID = TFOOTWEAR -->\r\n\r\n                <div id=\"bHavaianas\" class=\"MensBoysTabcategoriescontent\" style=\"padding-top: 60px; display: none;\">\r\n                  <!-- ID = GAHAVAIANAS -->\r\n                  <div class=\"disclaimerText\" style=\"padding:0px 30px 30px 30px;\">\r\n                    The measurements below are conversions for Havaianas. <br> Please note that it’s possible to switch between genders or adult and kids sizes as a number of the scales overlap and for this reason you may receive footwear that fits, but\r\n                    states a different size. The size chart is to be used as a GUIDE ONLY\r\n                  </div>\r\n\r\n                  <div style=\"padding:0px 30px 0px 20px;color: #00549B;font-family: 'Visby CF Extra Bold',sans-serif;\">\r\n                    KIDS\r\n                  </div>\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              1\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              2\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              3\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              4\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              5\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              6\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Havaianas/Brazil\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              23-24\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              25-26\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              27-28\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              29-30\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              31-32\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              33-34\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              USA (US)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              9C\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              10C\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              11/12C\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              13C/1Y\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              2Y\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              3Y/4Y\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Length (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              15-16\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              16-17\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              18-19\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              19-20\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              20-21\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"11.6%\">\r\n                            <center>\r\n                              22-23\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding:30px 30px 0px 20px;color: #00549B;font-family: 'Visby CF Extra Bold',sans-serif;\">\r\n                    TODDLERS\r\n                  </div>\r\n                  <center>\r\n                    <table width=\"98%\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\" style=\"background-color: #EDEDED;\">\r\n                            <div class=\"tablecontentindent\">\r\n                              CB Order Size\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              7\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              9\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              10\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              11\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              12\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              13\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\" style=\"background-color: #EDEDED;\">\r\n                            <center>\r\n                              1\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Havaianas/Brazil\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              17-18\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              19\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              20\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              21\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              22\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              23-24\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              25-26\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              USA (US)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              4C\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              5C\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              6C\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              7C\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              8C\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              9C\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              10C\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td width=\"30%\" height=\"40px\">\r\n                            <div class=\"tablecontentindent\">\r\n                              Length (cm)\r\n                            </div>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              11-12\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              12-13\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              13-14\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              14-15\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              15-16\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              16-17\r\n                            </center>\r\n                          </td>\r\n                          <td width=\"10%\">\r\n                            <center>\r\n                              17-18\r\n                            </center>\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </center>\r\n\r\n                  <div style=\"padding-top: 20px;\">&nbsp;</div>\r\n                  <div class=\"HowToMeasureBorder\">How To Measure</div>\r\n                  <!--<div class=\"mensPanel\">-->\r\n                  <div>\r\n                    <table width=\"100%\" class=\"desktopdisplay\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"60%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Havaiana:</font>\r\n                              <br> Measure the foot from the heel to the longest toe to calculate the final size.\r\n                            </div>\r\n                          </td>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw441bf734/images/landing-pages/size-guide/Havaianas.jpg\" alt=\"Havaianas\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                    <table width=\"100%\" class=\"mobileview\" style=\"border:none;\" role=\"presentation\">\r\n                      <tbody>\r\n                        <tr style=\"border:none;\">\r\n                          <td width=\"100%\" style=\"border:none;vertical-align: top;text-align:left !important;\">\r\n                            <div style=\"padding-left: 30px;\">\r\n                              <div style=\"padding-top: 8px;\">&nbsp;</div>\r\n                              <font style=\"color:#00549B;\">Havaiana:</font>\r\n                              <br> Measure the foot from the heel to the longest toe to calculate the final size.\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                        <tr>\r\n                          <td style=\"border:none;\">\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"100%\" src=\"https://dev.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw441bf734/images/landing-pages/size-guide/Havaianas.jpg\" alt=\"Havaianas\">\r\n                          </td>\r\n                        </tr>\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n                <!-- DIV = GAHAVAIANAS -->\r\n\r\n              </div>\r\n\r\n\r\n            </div>\r\n\r\n\r\n            <script>\r\n              function mensOpenPageGender(MpageName, Melmnt, MborderBottomCSS) {\r\n                var mk, MensBoysTabgendercontent, MensBoysTabgender;\r\n                MensBoysTabgendercontent = document.getElementsByClassName(\"MensBoysTabgendercontent\");\r\n                for (mk = 0; mk < MensBoysTabgendercontent.length; mk++) {\r\n                  MensBoysTabgendercontent[mk].style.display = \"none\";\r\n                }\r\n                MensBoysTabgender = document.getElementsByClassName(\"MensBoysTabgender\");\r\n                for (mk = 0; mk < MensBoysTabgender.length; mk++) {\r\n                  MensBoysTabgender[mk].style.borderBottom = \"\";\r\n                }\r\n                document.getElementById(MpageName).style.display = \"block\";\r\n                Melmnt.style.borderBottom = MborderBottomCSS;\r\n\r\n                // Get the element with id=\"MensBoysTabcategoriesDefaultOpen*\" and click on it if parent div id is displayed\r\n                if (document.getElementById(\"Mens\").style.display == \"block\") {\r\n                  document.getElementById(\"MensBoysTabcategoriesDefaultOpen1\").click();\r\n                } else if (document.getElementById(\"Boys\").style.display == \"block\") {\r\n                  document.getElementById(\"MensBoysTabcategoriesDefaultOpen2\").click();\r\n                }\r\n\r\n              }\r\n\r\n              function mensOpenPageCat(MCatpageName, MCatelmnt, MCatborderBottomCSS) {\r\n                var mh, MensBoysTabcategoriescontent, MensBoysTabcategories;\r\n                MensBoysTabcategoriescontent = document.getElementsByClassName(\"MensBoysTabcategoriescontent\");\r\n                for (mh = 0; mh < MensBoysTabcategoriescontent.length; mh++) {\r\n                  MensBoysTabcategoriescontent[mh].style.display = \"none\";\r\n                }\r\n                MensBoysTabcategories = document.getElementsByClassName(\"MensBoysTabcategories\");\r\n                for (mh = 0; mh < MensBoysTabcategories.length; mh++) {\r\n                  MensBoysTabcategories[mh].style.borderBottom = \"\";\r\n                }\r\n                document.getElementById(MCatpageName).style.display = \"block\";\r\n                MCatelmnt.style.borderBottom = MCatborderBottomCSS;\r\n              }\r\n\r\n\r\n\r\n              // Get the element with id=\"MensBoysTabgenderDefaultOpen\" and click on it\r\n              document.getElementById(\"MensBoysTabgenderDefaultOpen\").click();\r\n            </script>\r\n\r\n            <script>\r\n              var macc = document.getElementsByClassName(\"accordion\");\r\n              var mj;\r\n\r\n              for (mj = 0; mj < macc.length; mj++) {\r\n                macc[mj].addEventListener(\"click\", function() {\r\n                  this.classList.toggle(\"activated\");\r\n                  var mmensPanel = this.nextElementSibling;\r\n                  if (mmensPanel.style.maxHeight) {\r\n                    mmensPanel.style.maxHeight = null;\r\n                  } else {\r\n                    mmensPanel.style.maxHeight = mmensPanel.scrollHeight + \"px\";\r\n                  }\r\n                });\r\n              }\r\n            </script>\r\n\r\n\r\n\r\n\r\n\r\n\r\n          </div>\r\n\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div></div>\n                \r\n                \r\n            </div>\r\n        \r\n    \r\n\r\n        \r\n    \r\n</div>\r\n\r\n                        \t\r\n                        </div>\r\n                    \r\n                </section>\r\n\r\n                <input type=\"hidden\" class=\"quantity-select\" value=\"1\" data-url=\"/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Product-Variation?pid=20394827-02\">\r\n\r\n\t\t\t\t<!-- Optty Widget -->\r\n\t\t\t\t\r\n                \t\r\n\r\n\r\n\r\n\r\n\r\n                \r\n\r\n                <!-- Cart and [Optionally] Apple Pay -->\r\n                \r\n                \t<div class=\"select-size-block\">\r\n                    \t\r\n\r\n<div class=\"row cart-and-ipay\">\r\n    <div class=\"col-sm-12\">\r\n        <input type=\"hidden\" class=\"add-to-cart-url\" value=\"/on/demandware.store/Sites-CityBeachAustralia-Site/en_AU/Cart-AddProduct\">\r\n        <button class=\"add-to-cart-global btn btn-primary\"\r\n                data-pid=\"20394827-02\"\r\n                >\r\n            \r\n                Add to Bag\r\n            \r\n        </button>\r\n        \r\n            \r\n                \r\n\r\n\r\n\r\n           \r\n        \r\n    </div>\r\n\r\n</div>\r\n\r\n                        \r\n\r\n                    </div>\r\n                \r\n                \r\n                    <!-- Options -->\r\n                    \r\n                \r\n            </div>\r\n            \r\n\r\n        </div>\r\n    </div>\r\n\r\n    \r\n\r\n    \r\n\r\n</div>",
  "productUrl": "/au/dc-shoes-trotter-t-shirt/20394827-02.html"
}