{"templates":{"email/order-confirmation-v2":"{% extends \"email/email\" %}\n\n{% block body-content %}\n\n<br>\n<p>{{ labels.orderWelcome }}\n  {% with model.payments|first as payment %}\n    {{ payment.billingInfo.billingContact.firstName }} {{ payment.billingInfo.billingContact.lastNameOrSurname }}!</p>\n  {% endwith %}\n<br>\n<p>{{ labels.orderConfirmationBlob1|string_format(siteContext.generalSettings.websiteName, domainName)|safe }}</p>\n\n\n<div class=\"mz-multiship-email\">\n\n  <div class=\"mz-table-header\" style=\"padding:15px\">\n    <span style=\"font-size:25px\">{{ labels.orderDetails }}</span>\n\t<div style=\"font-size:14px;float:right;\">\n\t\t<span> {{ labels.orderNumber }}: {{ model.number }} </span>\n    </div>\n  </div>\n  <br/>\n  <!-- Purchase summaries -->\n\n  {% for order in model.orders %}\n    <div class=\"mz-email-section\">\n      <div class=\"mz-container-header\">\n        Customer Care Number: {{ order.orderNumber }} <small><a href=\"http://{{ domainName }}/user/order-status\">{{ labels.checkOrderStatus }}</a><br/></small>\n      </div>\n      <div class=\"mz-email-summary-container\">\n        {% include \"modules/common/email-order-summary-v2\" with items=order.items fulfillmentInfo=order.fulfillmentInfo locations=model.locations %}\n      </div>\n    </div>\n\n  {% endfor %}\n  <!-- -->\n  <!--- Payment details ****************** -->\n  <div class=\"mz-email-section\">\n    <h3>{{ labels.payments }}</h3>\n    {% for payment in model.payments %}\n      {% if payment.status != \"Voided\" and payment.status != \"Declined\" %}\n        <div class=\"mz-checkout-payment mz-email-summary-container\">\n          <h4 class=\"mz-checkout-paymenttitle\">\n            <strong>\n              {% if payment.amountCollected > 0 %}\n              {{ payment.amountCollected|currency }}\n              {% else %}\n              {{ payment.amountRequested|currency }}\n              {% endif %}\n            </strong>\n            {% if payment.billingInfo.paymentType == \"Check\" %}{{ labels.checkByMail }}{% endif %}\n            {% if payment.billingInfo.paymentType == \"CreditCard\" %}{{ labels.creditCard }}{% endif %}\n            {% if payment.billingInfo.paymentType == \"GiftCard\" %}{{ labels.giftCard }}{% endif %}\n            {% if payment.billingInfo.paymentType == \"StoreCredit\" %}{{ labels.digitalCredit }}{% endif %}\n            {% if payment.billingInfo.paymentType == \"PurchaseOrder\" %}{{ labels.purchaseOrder }} - {{ payment.billingInfo.purchaseOrder.purchaseOrderNumber }}{% endif %}\n          </h4>\n\n          <div style=\"display:inline-flex;justify-content:space-around;width:100%\">\n            {% if payment.billingInfo.billingContact.email %}\n              <div class=\"mz-l-stack-item\">\n                <small>{{ labels.billingEmail }}</small>\n                <div>{{ payment.billingInfo.billingContact.email }}</div>\n              </div>\n            {% endif %}\n            {% if payment.billingInfo.paymentType == \"StoreCredit\" or payment.billingInfo.paymentType == \"GiftCard\" or payment.billingInfo.paymentType|lower == \"paypalexpress2\" or payment.billingInfo.paymentType|lower == \"paywithamazon\" %}\n              <div class=\"mz-l-stack-item\">\n               {% if  payment.billingInfo.paymentType|lower == \"paypalexpress2\"  %}\n                 <b>{{ labels.paymentMethod }}</b>: {{ labels.paypalExpress }}\n               {% endif %}\n               {% if payment.billingInfo.paymentType|lower == \"paywithamazon\" %}\n                   <small>{{ labels.paymentMethod }}</small>\n                   <div>{{ labels.payWithAmazon }}</div>\n                 {% endif %}\n               {% if payment.billingInfo.paymentType == \"StoreCredit\" %}\n                  <small>{{ labels.digitalCreditCode }}</small>\n                  <div>{{ payment.billingInfo.storeCreditCode }}</div>\n               {% endif %}\n               {% if payment.billingInfo.paymentType == \"GiftCard\" %}\n                  <small>{{ labels.cardNumber }}</small>\n                  <div>{{ payment.billingInfo.card.cardNumberPartOrMask|default(\"****************\") }}</div>\n               {% endif %}\n              </div>\n            {% else %}\n              {% if payment.paymentType|lower == \"token\" %}\n              <div class=\"mz-l-stack-item\">\n                 {% if payment.billingInfo.token.type|lower == \"paywithamazon\" %}\n                   <small>{{ labels.paymentMethod }}</small>\n                   <div>{{ labels.payWithAmazon }}</div>\n                 {% endif %}\n                 {% if payment.billingInfo.token.type|lower == \"applepay\" %}\n                   <small>{{ labels.paymentMethod }}</small>\n                   <div>{{ labels.applePay }}</div>\n                 {% endif %}\n               </div>\n              {% endif %}\n              {% if payment.billingInfo.billingContact.address %}\n              <div class=\"mz-l-stack-item\">\n                <small>{{ labels.billingName }}</small>\n                <div>{{ payment.billingInfo.billingContact.firstName }} {{ payment.billingInfo.billingContact.lastNameOrSurname }}</div>\n              </div>\n              <div class=\"mz-l-stack-item\">\n                <small>{{ labels.billingAddress }}</small>\n                <div class=\"mz-addresssummary\">{% include \"modules/common/address-summary\" with model=payment.billingInfo.billingContact %}</div>\n              </div>\n              {% endif %}\n            {% endif %}\n            {% if payment.billingInfo.paymentType == \"PurchaseOrder\" %}\n            <div class=\"mz-l-stack-item\">\n              <small>{{ labels.purchaseOrderPaymentTerm }}</small>\n              <div> {{payment.billingInfo.purchaseOrder.paymentTerm.code }} </div>\n            </div>\n            {% endif %}\n            {% if payment.billingInfo.paymentType == \"CreditCard\" %}\n              <div class=\"mz-l-stack-item\">\n                <small>{{ labels.cardType }}</small>\n                <div>{{ payment.billingInfo.card.paymentOrCardType }}</div>\n              </div>\n              <div class=\"mz-l-stack-item\">\n                <small>{{ labels.cardNumber }}</small>\n                <div>{{ payment.billingInfo.card.cardNumberPartOrMask|default(\"****************\") }}</div>\n              </div>\n            {% endif %}\n            {% if payment.billingInfo.paymentType == \"Check\" %}\n              <!--\n              <small>{{ labels.checkNumber }}</small>\n              <div>{{ payment.billingInfo.check.checkNumber }}</div>\n              -->\n              <div class=\"mz-l-stack-item\">\n                <small><strong>{{ labels.mailCheckTo }}</strong></small>\n                <div class=\"mz-addresssummary\">\n                  <span>{{ ViewData.mailCheckTo.shippingOriginContact.firstName }} {{ ViewData.mailCheckTo.shippingOriginContact.lastNameOrSurname }}</span>\n                  <span>{{ ViewData.mailCheckTo.shippingOriginContact.companyOrOrganization }}</span>\n                  {% include \"modules/common/address-summary\" with model=ViewData.mailCheckTo %}\n                </div>\n              </div>\n            {% endif %}\n          </div>\n        </div>\n      {% endif %}\n    {% endfor %}\n    <!-- ******Price Details*******-->\n    {% include \"modules/confirmationv2/confirmation-price-summary\" %}\n    <!-- *************************** -->\n\n  </div>\n\n  {{ labels.emailClosing|string_format(siteContext.generalSettings.websiteName)|safe }}\n</div>\n\n{% endblock body-content %}\n","modules/bean-flavors":"<!-- templates/modules/bean-carousel.hypr.live -->\r\n{% for flavor in beanFlavors %}\r\n<a class=\"flavor-bar-link\" href=\"{{ flavor.url }}\" style=\"background-color:{{ flavor.bgColor }}\"  data-original-color=\"{{ flavor.bgColor }}\" data-hover-color=\"{{ flavor.hoverBgColor}}\" role=\"group\" aria-label=\"{{ flavor.srOnly|replace('tile', 'slide') }}\">\r\n  <img src=\"{{ flavor.imgSrc }}\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\">\r\n  <span class=\"modern-sr-only\">View</span>\r\n  <span class=\"flavor-bar-flavor-title\" style=\"color: {{ flavor.color }};\">{{ flavor.name }}</span>\r\n  <span class=\"modern-sr-only\">Products</span>\r\n</a>\r\n{% endfor %}\r\n<!-- /templates/modules/bean-carousel.hypr.live -->\r\n","modules/addtowishlist-popup":"<div class=\"atw-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Please login to add the product to wishlist\">\r\n    <div id=\"email-dialog\" class=\"atw-dialog\" tabindex=\"-1\" role=\"region\"> \r\n        <div class=\"content\">\r\n            \r\n            <h1 class=\"atw-login-label\">Login</h1>\r\n             <div class=\"close-icon\">\r\n                <button><img class=\"close-img\" src=\"../../resources/images/closemarkglobal.svg?max=100\" alt=\"close\"></button> \r\n            </div> \r\n            <div class=\"main_content\">\r\n                <div class=\"atw-login form-content\">\r\n                <p  class=\"required_fields\"><sup>*</sup> Indicates required field</p>\r\n                    <form class=\"login_submit\" method=\"post\" novalidate=\"novalidate\" >\r\n                        <div class=\"mz-l-formfieldgroup\">  \r\n                            <div class=\"mz-l-formfieldgroup-row\">\r\n                                <div class=\"mz-l-formfieldgroup-cell\">\r\n                                    <label for=\"email\">Email<span class=\"is-required\" aria-label=\"mandatory field\"> <sup>*</sup></span></label>\r\n                                </div>  \r\n                                <div class=\"mz-l-formfieldgroup-cell\">\r\n                                    <input aria-describedby=\"useremailerror\" name=\"email\" required id=\"email\" autocomplete=\"email\" placeholder=\"\" type=\"email\" class=\"user-email\"/>\r\n                                    <span class=\"error-user\" id=\"useremailerror\"></span> \r\n                                </div> \r\n                            </div>\r\n                            <div class=\"mz-l-formfieldgroup-row\">\r\n                                <div class=\"mz-l-formfieldgroup-cell\">\r\n                                    <label for=\"password\">{{ labels.password }}<span class=\"is-required\" aria-label=\"mandatory field\"> <sup>*</sup></span></label>     \r\n                                </div>\r\n                                <div class=\"mz-l-formfieldgroup-cell zero-cellspace\">\r\n                                    <input for=\"password\" name=\"password\" id=\"password\" required placeholder=\"\"  autocomplete=\"current-password\" type=\"password\" class=\"user-password\" aria-describedby=\"loginerror\"/>\r\n                                    <span class=\"loginError\" id=\"loginerror\"></span> \r\n                                </div>\r\n                            </div>\r\n                           \r\n\r\n                    <div class=\"mz-l-formfieldgroup-row\">\r\n                        <div class=\"checkbox-outer-div\">\r\n                        <fieldset class=\"a360-input\">\r\n                            <legend>\r\n                              <input id=\"login-cpp-checkbox\" type=\"checkbox\" name=\"wishlist-login-checkbox\">\r\n                              <label for=\"login-cpp-checkbox\">\r\n                                I agree to the policies outlined in the <a href=\"/terms-of-use\" target=\"_blank\"> Terms of Use</a> and <a href=\"/privacy-policy\" target=\"_blank\">Privacy Policy.</a> <span>(Required)</span>\r\n                              </label>\r\n                            </legend>\r\n                        </fieldset>   \r\n                        </div>\r\n                    </div>\r\n\r\n                       <div class=\"mz-l-formfieldgroup-row\">\r\n                       <div class=\"mz-l-formfieldgroup-cell\"></div> \r\n                                <div class=\"mz-l-formfieldgroup-cell\">\r\n                                    <input type=\"submit\" class=\"mz-button mz-button-large active-button\" id=\"addbutton\" value=\"Login\" disabled=\"disabled\">\r\n                                </div> \r\n                                <div class=\"mz-l-formfieldgroup-cell\">\r\n                                    <a href=\"/user/signup\" class=\"mz-button mz-button-large active-button\" id=\"signbutton\">Create Account</a>\r\n                                </div> \r\n                                <div class=\"mz-l-formfieldgroup-cell\">\r\n                                    <a href=\"/user/forgotpassword\" title=\"Forgot password - links to a new page\"  class=\"mz-forgot\">{{ labels.forgotPasswordLink }}</a>\r\n                                </div>\r\n                            </div> \r\n                        </div>\r\n                    </form>     \r\n                    <div class=\"clearfix\"></div> \r\n                </div>\r\n            </div>\r\n        </div>  \r\n    </div> \r\n</div>\r\n","modules/cart/cart-discount-threshold-messages":"{% if model.discountThresholdMessages.length > 0 %}\n\t<div class=\"mz-messagebar\" id=\"mz-threshold-messages-container\">\n\t\t{% for message in model.discountThresholdMessages %}\n\t\t\t<div class=\"is-showing mz-success\">\n\t\t\t\t<div class=\"mz-message-item\"><span  tabindex=\"0\">{{ message.message|safe }}</span></div>\n\t\t\t</div>\n\t\t{% endfor %}\n\t</div>\n{% endif %}\n","modules/cart/cart-wishlist":"\n{% if model.items.length>0 %}\n    <h2>ADD MORE FROM MY WISHLIST</h2> \n    <div class=\"wishlist-items owl-theme\">\n  \n        {% for prod in model.items %}\n            <div class=\"row mz-productlisting {% block module-classes %}{% endblock module-classes %} {% if prod.wishlistpricecustom.salePrice > 0 and prod.wishlistpricecustom.price > prod.wishlistpricecustom.salePrice %} withsale-new-label {% endif %}{% if prod.product.options and prod.product.options.length > 0 %}{% for option in prod.product.options %}{% if option.attributeDetail.inputType == 'List' %}giftcard{% endif %}{% endfor %}{% endif %}\" data-mz-product=\"{{ prod.product.productCode }}\">\n            {% with prod.product.properties|findwhere('attributeFQN','tenant~gift-picture') as licensedData %}\n                {% if prod.wishlistpricecustom.salePrice > 0 and prod.wishlistpricecustom.price > prod.wishlistpricecustom.salePrice %}\n                    <p class=\"sale-tag-icon product-sale-new-label\" attr-value=\"\" aria-hidden=\"true\"><em></em> <span>Sale</span><em></em></p>\n                    <p class=\"sr-only\">The following product is on sale.</p>\n                    {% for licensedStatus in licensedData.values %}  \n                        {% if licensedStatus.value === \"LICENSED_REDUCED\" %}\n                            <p class=\"mz-reduced\" attr-value=\"\" aria-hidden=\"true\"><em></em> <span>Reduced</span><em></em></p>\n                            <p class=\"sr-only\">The following licensed product has a reduced price.</p>   \n                        {% endif %}\n                    {% endfor %}\n                {% endif %}\n            {% endwith %}  \n            {% with prod.product.properties|findwhere('attributeFQN','tenant~product-state') as prodState %}\n                {% if prodState %}\n                    {% for state in prodState.values %}\n                        {% if state.value === \"COMINGSOON\" %}\n                            <p class=\"product-sale-new-label mz-COMINGSOON\" attr-value=\"\" aria-hidden=\"true\"><em></em> <span>Coming Soon</span><em></em></p>\n                            <span class=\"sr-only\">The following product is coming soon.</span>\n                        {% endif %}\n                        {% if state.value === \"NEW\" %}\n                            <p class=\"product-sale-new-label mz-NEW\" attr-value=\"\" aria-hidden=\"true\"><em></em> <span>New</span><em></em></p>\n                            <span class=\"sr-only\">The following product is new.</span>\n                        {% endif %}\n                    {% endfor %}\n                {% endif %}\n            {% endwith %}\n                    \n                <div class=\"mz-productlisting-image-right prod-content\"> \n                    {% block product-image %}\n                        <div class=\"row product-listing-row-content\">\n                            <div class=\"mz-subcategory-image-div  mz-productlisting-image\"> \n                                <a  product image\" href=\"/p/{{prod.product.productCode}}\">\n                                    {% if prod.product.imageUrl %}\n                                        <img class=\"new-lazy-load\" data-src=\"{{ prod.product.imageUrl }}?max=200\" src=\"{{ prod.product.imageUrl }}?max=200\" style=\"height: 200px\" alt=\"{{prod.product.name}} product image\"/>\n                                    {% else %}\n                                        <img class=\"new-lazy-load\" data-src=\"{{ siteContext.cdnPrefix }}/cms/{{siteContext.siteId}}/files/{{themeSettings.no_product_image}}?max=200\" src=\"{{ siteContext.cdnPrefix }}/cms/{{siteContext.siteId}}/files/{{themeSettings.no_product_image}}?max=200\" style=\"height: 200px\" alt=\"{{prod.product.name}} product image\"/>\n                                    {% endif %}\n                                    <h3 class=\"prod-title-heading\" title=\"{{ prod.product.name}}\">\n                                        {{ prod.product.name }}\n                                  </h3>\n                                </a>\n                            </div>\n                            <div class=\"jb-product-min-details\">   \n                                <div class=\"mz-productlisting-info\">\n                                    <div class=\"priceSection {% if prod.product.productType === 'Gift Certificate' %} giftcardwishlist{% endif %}\" {% if prod.product.productType === 'Gift Certificate' %} data-mz-product-option=\"tenant~gift-card-prices\" data-mz-product-price=\"{{prod.product.price.price}}\" {% endif %}> \n                                        <div class=\"jb-product-prize\" data-mz-product-price=\"{{prod.wishlistpricecustom.price}}\"> \n                                            {% if prod.product.productType === \"Gift Certificate\" %}\n                                                <span   class=\"jb-quickprice\">{{prod.product.price.price|currency}}</span>\n                                            {% else %}\n                                                {% if prod.product.options and prod.product.options.length > 0 %}\n\n                                                    {% for option in prod.product.options %}\n                                                        {% if option.attributeDetail.inputType == \"List\" %}\n                                                            <select plp-giftcart-prize-change-action data-jb-pid=\"{{ prod.product.productCode }}\" data-mz-product-option=\"tenant~gift-card-prices\"\n                                                                {% if option.isMultiValue %}multiple{% endif %} \n                                                                class=\"\" data-mz-product-option=\"{{ option.attributeFQN }}\">\n                                                                {% if not option.isMultiValue %}<option>Select Gift Card Amount</option>{% endif %}\n                                                                {% for value in option.values %}\n                                                                <option {% if not value.isEnabled %} class=\"is-disabled\" {% endif %} {% if value.isSelected %}selected=\"true\"{% endif %}\n                                                                    value=\"{{value.value}}\">$\n                                                                    {{value.stringValue|default(value.value)}}{% if value.deltaPrice and value.deltaPrice > 0 %} ( {{ value.deltaPrice|currency }} {{ labels.more }} ){% endif %}</option>\n                                                                {% endfor %}\n                                                            </select>\n                                                            <img class=\"down-caret-quantity-myacc-add\" src=\"/resources/images/icons/down_caret.png\" style=\"display: block;width:13px;\">\n                                                            <img class=\"up-caret-quantity-myacc-add\" src=\"/resources/images/icons/up_caret.png\" style=\"display: none; width:13px;\" >\n                                                        {% endif %}  \n                                                    {% endfor %}\n                                                {% else %} \n                                                    {% if prod.wishlistpricecustom.price !=  prod.wishlistpricecustom.salePrice %} \n                                                        {% if prod.wishlistpricecustom.salePrice%}\n                                                            <span class=\"sr-only\">Current Price:</span>\n                                                            <span  class=\"jb-quickcsale\"> {{prod.wishlistpricecustom.salePrice|currency}}</span>\n                                                        {% endif %}    \n                                                    {% endif %}  \n                                                    {%if prod.wishlistpricecustom.price%}\n                                                        <span class=\"sr-only\">Original Price:</span>\n                                                        <span   class=\"jb-quickprice {% if prod.wishlistpricecustom.price > prod.wishlistpricecustom.salePrice and prod.wishlistpricecustom.salePrice !== null and prod.wishlistpricecustom.salePrice !== 0 %} strikeprice {% endif %}\">{{prod.wishlistpricecustom.price|currency}}</span>\n                                                    {%endif%}\n                                                    {% if prod.wishlistpricecustom.price !=  prod.wishlistpricecustom.salePrice %} \n                                                        {% if prod.wishlistpricecustom.salePrice%}\n                                                            <span class=\"sale-percentage\"  >{% with prod.wishlistpricecustom.price|floatformat(2) as actP %}{% with prod.wishlistpricecustom.salePrice|floatformat(2) as saleP %}{% with actP|subtract(saleP)|floatformat(2)|divide(actP)|floatformat(2)|multiply(100)|floatformat(0) as sale %}Save {{sale}}% {% endwith %}{% endwith %}{% endwith %}</span>\n                                                        {% endif %}    \n                                                    {% endif %} \n                                                {% endif %} \n                                            {% endif %}\n                                        </div> \n                                    </div> \n                                    <div class=\"mz-swatch\">\n                                        {% for property in prod.product.options %}\n                                            {% if property.attributeFQN == \"Tenant~color\" || property.attributeFQN == \"tenant~color\" %}\n                                                {% for colorOpt in property.values %}\n                                                    <span class=\"swatch-element\" for=\"tenantcolor_{{ colorOpt.value }}\">\n                                                        <input type=\"button\" data-toolstip=\"toolstip\" data-placement=\"top\" title=\"{{ colorOpt.value }}\" class=\"swatch {{ colorOpt.value|lower }}\" data-mz-swatch value=\"{{ colorOpt.value }}\">\n                                                        <label for=\"tenantcolor_{{ colorOpt.value }}\"></label>\n                                                    </span>\n                                                {% endfor %}\n                                            {% endif %}\n                                        {% endfor %} \n                                    </div>\n                                    <div class=\"cardMobCTAcontainer\">    \n                                        <div class=\"jb-buy-product quickview-jb\">\n                                        {% if  prod.wishliststockavailability %}\n                                            <div class=\"mz-productdetail-conversion-controls\">\n                                                <div class=\"qty-input-box qty\" aria-label=\"Quantity - 1\">\n                                                    <input aria-label=\"Quantity of {{ prod.product.name|safe }} to add to cart\" type=\"number\" class=\"quantity quantity-field-wish plpquantityinput\" name=\"quantity\" value=\"1\"\n                                                    onChange=\"this.parentElement.querySelectorAll('.quantity-field-wish')[0].value =\n                                                      (parseInt(this.parentElement.querySelectorAll('.quantity-field-wish')[0].value) >= 1 \n                                                      && parseInt(this.parentElement.querySelectorAll('.quantity-field-wish')[0].value) <= 25) ?\n                                                       parseInt(this.parentElement.querySelectorAll('.quantity-field-wish')[0].value) :                                      \n                                                       (parseInt(this.parentElement.querySelectorAll('.quantity-field-wish')[0].value) > 25) ? 25 : 1\"/>\n                                                    <span role=\"button\" tabindex=\"0\" class=\"increment spinner plpquantityincrement\" aria-label=\"Increase quantity of {{ prod.product.name|safe }} by one\" onclick=\"parseInt(this.parentElement.querySelectorAll('.quantity-field-wish')[0].value) < 25 ? this.parentElement.querySelectorAll('.quantity-field-wish')[0].value = parseInt(this.parentElement.querySelectorAll('.quantity-field-wish')[0].value)+1 : 25\"></span>\n                                                    <span role=\"button\" tabindex=\"0\" class=\"dicrement spinner plpquantitydicrement\" aria-label=\"Decrease quantity of {{ prod.product.name|safe }} by one\" onclick=\"parseInt(this.parentElement.querySelectorAll('.quantity-field-wish')[0].value) > 1 ? this.parentElement.querySelectorAll('.quantity-field-wish')[0].value = parseInt(this.parentElement.querySelectorAll('.quantity-field-wish')[0].value)-1 : 1\"></span>\n                                                </div>  \n                                              <span class=\"mz-validationmessage\" data-mz-validationmessage-for=\"quantity\"></span>\n                                            </div>\n                                                {% if prod.product.productType === \"Gift Certificate\" %}\n                                                    <button class=\"add-to-cart-wish\" href=\"javascript:void(0);\" data-mz-prcode=\"{{ prod.product.productCode }}\" data-jb-price=\"\n                                                        {% if prod.product.price.salePrice %}{{ prod.product.price.salePrice }} {% else %} {{ prod.product.price.price }} {% endif %}\" \n                                                        data-jb-pid=\"{{ prod.product.productCode }}\" \n                                                        class=\"jb-add-to-cart-wish gift-prize-select\" type=\"submit\" >\n                                                        Add to Cart\n                                                    </button>\n                                                {% else %}\n                                                    <button class=\"add-to-cart-wish jb-add-to-cart-cur jb-tealium-trigger add-to-cart-btn-wish\"  href=\"javascript:void(0);\" data-mz-prcode=\"{{ prod.product.productCode }}\"  data-jb-price=\"{% if prod.wishlistpricecustom.salePrice %}{{ prod.wishlistpricecustom.salePrice }} {% else %} {{ prod.wishlistpricecustom.price }} {% endif %}\" data-jb-pid=\"{{ prod.product.productCode }}\" type=\"submit\" > ADD TO CART </button>    \n                                                {% endif %}\n                                            {% else %}   \n                                                {% if prod.product.options and prod.product.options.length > 0 %}\n                                                    <button class=\"add-to-cart-wish\" href=\"javascript:void(0);\" data-mz-prcode=\"{{ prod.product.productCode }}\" data-jb-price=\"\n                                                        {% if prod.wishlistpricecustom.salePrice %}{{ prod.wishlistpricecustom.salePrice }} {% else %} {{ prod.wishlistpricecustom.price }} {% endif %}\" \n                                                        data-jb-pid=\"{{ prod.product.productCode }}\" \n                                                        class=\"jb-add-to-cart-wish gift-prize-select\" type=\"submit\" >\n                                                        Add to Cart\n                                                    </button>\n                                                {% else %}\n                                                    <button class=\"add-to-cart-wish jb-out-of-stock-wish\"  href=\"javascript:void(0);\" data-mz-prcode=\"{{ prod.product.productCode }}\"  data-jb-price=\"{% if prod.wishlistpricecustom.salePrice %}{{ prod.wishlistpricecustom.salePrice }} {% else %} {{ prod.wishlistpricecustom.price }} {% endif %}\" data-jb-pid=\"{{ prod.product.productCode }}\" class=\"jb-add-to-cart-cur jb-tealium-trigger add-to-cart-btn-wish\" type=\"submit\">NOTIFY ME</button>\n                                                {% endif %}  \n                                            {% endif %}\n                                            \n                                            <div class=\"findastorecontainer\">\n                                                <button href=\"javascript:void(0)\" data-mz-prdcode=\"{{ prod.product.productCode }}\" data-mz-product-price=\"{{model.price.price|currency}}\" class=\"findastorebutton\">FIND LOCALLY</button>\n                                            </div>\n                                          \n                                        </div>\n                                    </div>\n                                </div> \n                            </div>\n                        </div>\n                    {% endblock product-image %}\n                </div>\n            </div>\n        {% endfor %}\n    </div>\n{% endif %}\n","modules/cart/cart-table":"<div class=\"mz-table mz-table-cart left-section\">&nbsp\r\n    <div class=\"cart-header\">\r\n        <div id=\"mz-discount-threshold-messages\">\r\n            {% include \"modules/cart/cart-discount-threshold-messages\" with model=model %}\r\n        </div>\r\n        {%comment%}\r\n        <div class=\"oos-error\"></div> \r\n        {%endcomment%}\r\n        {% if model.pageContext.isDesktop or model.pageContext.isTablet %}\r\n        <div class=\"cart-header-top\">\r\n            <h1 class=\"mz-cartpagetitle\">{{ labels.cart|upper}}<span class=\"count\">{% if model.count>1 %} ({{ model.count }} ITEMS){% else %} ({{ model.count }} ITEMS) {% endif %}</span></h1>\r\n        </div>\r\n    {% endif %}\r\n    \r\n       <div id=\"heat-warning\" role=\"region\" aria-label=\"heat sensitivity\">\r\n            <p  ><span style=\"color: #bc0000; font-weight: 900; display:block\">IMPORTANT:</span>  You have at least one Heat-Sensitive item in your Cart. During warm-weather months (April through October), we strongly recommend Express shipping (UPS Second Day Air or UPS Next Day Air Saver). Whatever shipping method you choose, we’ll add a cold pack (free to you) and will ship the order during a specific time frame to give it the best chance to reach you in good condition.</p> \r\n            <p><a href=\"/shipping_info\"><span class=\"sr-only\">Learn </span>More information about shipping</a> or <a href=\"/contact-us\">Contact Us</a>.</p>\r\n        </div>\r\n        <div id=\"no-free-shipping-warning\"></div>\r\n        {% if model.pageContext.isMobile %}\r\n            <div class=\"mobile-cart-header\">\r\n                <div class=\"total-count-section\">\r\n                    <div class=\"title-section\"><h1 class=\"mz-cartpagetitle\">{{ labels.cart|upper }}<span class=\"count\">{% if model.count>1 %} ({{ model.count }} ITEMS) {% else %} ({{ model.count }} ITEM){% endif%}</span></h1></div>\r\n                    <div class=\"cart-top-total\">{{ model.discountedTotal|currency }}</div>\r\n                </div>\r\n                <div id=\"ABCheckout\">\r\n                <button id=\"cart-checkout\" class=\"mz-button mz-button-large proceed-btn\" role=\"link\"  \r\n                            {% if model.isEmpty %} disabled=\"disabled\" {% endif %} data-mz-action=\"proceedToCheckout\">\r\n                            {{ labels.proceedToCheckout|upper }}\r\n                </button>\r\n                </div>\r\n            </div>\r\n        {% endif %}\r\n        <div class=\"clearfix\"></div>\r\n    </div>\r\n    {% if model.pageContext.isDesktop or model.pageContext.isTablet %}\r\n        <table class=\"item-table desktop-cart-table\">\r\n            <thead>\r\n              <tr>\r\n                <th class=\"mz-carttable-header-product\" scope=\"col\">{{ labels.product|upper }}</th>\r\n                <th class=\"mz-carttable-header-price\" scope=\"col\">{{ labels.price|upper }}</th>\r\n                <th class=\"mz-carttable-header-qty\" scope=\"col\">{{ labels.qty|upper }}</th>\r\n                <th class=\"mz-carttable-header-total\" scope=\"col\">{{ labels.itemTotal|upper }}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"mz-table-cart-{%if Model.IsEmpty %}isempty{% else %}items{% endif %}\">\r\n              {% if not model.isEmpty %}\r\n                {% for item in model.items %}\r\n                  <tr class=\"mz-carttable-item {% if item.productDiscounts and item.productDiscounts.length>0 %}coupon-hover {% endif %}\" data-mz-carttable-item-sku=\"{{ item.product.productCode }}\">\r\n                    <th class=\"mz-carttable-item-product\" scope=\"row\">\r\n                        {% if item.product.imageUrl and themeSettings.showCartItemImage %}\r\n                            <img class=\"mz-carttable-item-image\" src=\"{{ item.product.imageUrl }}?max=80\" alt=\"\" />\r\n                        {% else %}\r\n                            <img class=\"mz-carttable-item-image\" style=\"padding: 0px;\" src=\"{{ siteContext.cdnPrefix }}/cms/{{siteContext.siteId}}/files/{{themeSettings.no_product_image}}?max=80\" alt=\"No product image\"/>\r\n                        {% endif %}\r\n                        <div style=\"display:flex;width:auto;padding:7px;\" class=\"mz-carttable-item-info-wrap{% if not item.product.imageUrl %} mz-no-image{% endif %}\">\r\n                            <span class=\"item-tital-holder\">\r\n                                <a class=\"mz-carttable-item-title\" href=\"{{item.product.url}}\">{{ item.product.name|safe }}</a>\r\n                                {% if item.product.isNoShipping %}\r\n                                    <p  class=\"no-free-shiping-msg\">This product does not count toward the free shipping threshold</p>\r\n                                {% endif %}\r\n                            </span>\r\n                            {% for cat in item.product.categories %}\r\n                              {% if cat.parent !== null %}\r\n                                {% if cat.parent.id == 5 %} <small style=\"font-size:14px;color:#444;font-weight:normal;text-transform:none;\" id=\"bargain-outlet-msg\" tabindex=\"0\" ><span style=\"color: #bc0000; font-weight: bold;\">IMPORTANT:</span>This discounted item may be close to its Best-Before Date. Sales of such limited-time discounted items are final-sale only; there are no returns, refunds or exchanges.</small> {% endif %}\r\n                              {% endif %}\r\n                            {% endfor %}\r\n                            <a href=\"javascript:;\" data-mz-action=\"removeItem\" data-mz-cart-item=\"{{ item.id }}\" class=\"mz-icon mz-mobile-close-icon mz-icon-close\" role=\"button\" aria-label=\"remove {{ item.product.name|safe }}\">{{ labels.remove }}</a>\r\n                            {% if item.product.options and themeSettings.showCartItemOptions %}\r\n                            {% endif %}\r\n                            {% if item.product.productUsage == 'Bundle' %}\r\n                            <dl class=\"mz-propertylist\" style=\"display:none;\">\r\n                              {% for bundledProduct in item.product.bundledProducts %}\r\n                              <dt>{{ bundledProduct.productCode }}</dt>&nbsp;\r\n                              <dd>{{ bundledProduct.name }} ({{ bundledProduct.quantity }})</dd>\r\n                              {% endfor %}\r\n                            </dl>\r\n                            {% endif %}\r\n                            {% if item.fulfillmentMethod == 'Pickup' %}\r\n                            <span class=\"mz-carttable-item-pickuplocation\">\r\n                                {{ labels.storePickupAt|string_format(item.fulfillmentLocationName)|safe }}\r\n                            </span>\r\n                            {% endif %}\r\n\r\n                           {% comment %} {% if  item.product.price.onSale %}  {% endcomment %}\r\n                          {% if item.product.price.price !== item.product.price.salePrice and item.product.price.salePrice !== null and item.product.price.salePrice !== 0 %}\r\n                                <p class=\"low-stock-label\">\r\n                                    {% if item.product.stock.stockAvailable >0 and item.product.stock.stockAvailable <= 20 %}\r\n                                        Only {{ item.product.stock.stockAvailable }} left\r\n                                    {% endif %}\r\n                                </p>\r\n                        {% endif %}  \r\n                \r\n                            <!-- Coupon Code UI -->\r\n                           \r\n                            {% if item.productDiscounts.length>0 %}\r\n                                {% for discount in item.productDiscounts %}\r\n                                <div tabindex=\"0\" class=\"discount-details\" data-discount-id=\"{{discount.discount.id}}\" data-discount-enddate=\"{{ discount.discount.expirationDate }}\" data-sale-price=\"{{ item.discountedTotal }}\" data-actual-price=\"{{ item.extendedTotal }}\" data-qty=\"{{ item.quantity }}\">\r\n                                    <span class=\"discountname\">\r\n                                        <span class=\"discount-name-impact\">{{ discount.discount.name }} <span > - {{ discount.impact| currency }}</span></span>\r\n                                        <span class=\"discountmessage\"></span>  \r\n                                        <span class=\"countdowntimer\"></span>\r\n                                        \r\n                                        <div id=\"alertcountdown\" role=\"alert\" aria-live=\"assertive\" style=\"position:absolute; width:0; height:0; clip: rect(0,0,0,0);\"></div>\r\n                                            \r\n                                        </span>\r\n                                    </span>\r\n                                    {% comment %}\r\n                                        {% if discount.couponCode %}\r\n                                            <span tabindex=\"0\" role=\"button\" aria-label=\"Remove coupon\" data-mz-action=\"removeCoupon\" class=\"removecoupon\" coupon=\"{{ discount.couponCode }}\">Remove</span>\r\n                                        {% endif %}\r\n                                    {% endcomment %}\r\n                                </div>\r\n                                {% endfor %}\r\n                            {% endif %}\r\n                        </div>\r\n                        <div class=\"clearfix\"></div>\r\n                    </th>\r\n                    \r\n                    <td class=\"mz-carttable-item-price\">\r\n                      {% include \"modules/common/item-price\" %}\r\n                    </td>\r\n                    <td class=\"mz-carttable-item-qty\">\r\n                        <div class=\"qty-input-box\" style=\"display:flex; flex-direction:column; justify-content:center;height:85px\" aria-label=\"Quantity - 1\"> \r\n                            <diV class=\"qty-input-inner-box\">\r\n                                <input class=\"quantity-field-cart\" type=\"number\" value=\"{{ item.quantity }}\"  aria-label=\"Quantity of {{ item.product.name|safe }}\" name=\"quantity\"  data-mz-cart-item=\"{{ item.id }}\"  data-mz-value=\"quantity\" min=\"1\" max=\"25\" data-attr-pCode =\"updQty_{{ item.product.productCode }}\"\r\n                                onChange=\"this.parentElement.querySelectorAll('.quantity-field-cart')[0].value =\r\n                                (parseInt(this.parentElement.querySelectorAll('.quantity-field-cart')[0].value) >= 1\r\n                                && parseInt(this.parentElement.querySelectorAll('.quantity-field-cart')[0].value) <= 25)\r\n                                ? parseInt(this.parentElement.querySelectorAll('.quantity-field-cart')[0].value) :\r\n                                (parseInt(this.parentElement.querySelectorAll('.quantity-field-cart')[0].value) > 25) ? 25 : 1\">\r\n                                <button type=\"button\" class=\"plus-prod-qty-cart\" aria-label=\"Increase quantity of {{ item.product.name|safe }} by one\" data-attr-pCode =\"incQty_{{ item.product.productCode }}\"></button>\r\n                                <button type=\"button\" class=\"minus-prod-qty-cart\" aria-label=\"Decrease quantity of {{ item.product.name|safe }} by one\" data-attr-pCode =\"decQty_{{ item.product.productCode }}\"></button>\r\n                              <div class=\"clear\"></div>\r\n                            </div>\r\n                        </div>\r\n                        {% comment %}\r\n                            <input class=\"mz-carttable-qty-field\" type=\"number\" aria-label=\"quantity\" min=\"1\" max=\"999\" maxlength=\"3\" {% if model.isLoading %}disabled=\"disabled\"{% endif %} data-mz-cart-item=\"{{ item.id }}\" data-mz-value=\"quantity\" value=\"{{ item.quantity }}\" />\r\n                            <select id=\"prod_quantity_{{forloop.counter}}\" data-mz-cart-item=\"{{ item.id }}\" data-mz-value=\"quantity\" class=\"mz-productdetail-qty\" id=\"quantity\" name=\"quantity\">\r\n                                {% for quantity in themeSettings.quantityOptions %}\r\n                                    <option {% if item.quantity == quantity %}selected=\"selected\"{% endif %} value=\"{{ quantity }}\">{{ quantity }}</option>\r\n                                {% endfor %}\r\n                            </select>\r\n                        {% endcomment %}\r\n                    </td>\r\n                    <td class=\"mz-carttable-item-total\">\r\n                        <div style=\"display:flex; flex-direction:column; justify-content:center; height:85px\">\r\n                            {% include \"modules/common/item-total\" %}\r\n                        </div>\r\n                    </td>\r\n                    <td class=\"mz-carttable-item-remove\">\r\n                      <!-- <a href=\"javascript:;\" data-mz-action=\"removeItem\" data-mz-cart-item=\"{{ item.id }}\" class=\"mz-icon mz-icon-close\" style=\"color: #111;\" >{{ labels.remove }}</a> -->\r\n                      <button class=\"removebtn\" data-mz-action=\"removeItem\" aria-label=\"remove {{ item.product.name|safe }}\" data-mz-cart-item=\"{{ item.id }}\"><span><img alt=\"\" src=\"../../resources/images/removecart.png\"/></span></button>\r\n                    </td>\r\n                  </tr>\r\n                {% endfor %}\r\n              {% else %}\r\n                <tr class=\"mz-carttable-noitems\" style=\"margin-top: 20px;\">\r\n                  <td colspan=\"5\" style=\"padding:75px 0px 0px\">\r\n                      <span tabindex=\"0\">{{ labels.cartEmpty }}</span>\r\n                  </td>\r\n                </tr>\r\n              {% endif %}\r\n            </tbody>\r\n        </table>\r\n    {% endif %}\r\n    {% if  model.pageContext.isMobile %}\r\n    <div class=\"mobile-cart-table\">\r\n        {% if not model.isEmpty %}\r\n            {% for item in model.items %}\r\n                <div class=\"mobile-cart-item mz-carttable-item {% if item.productDiscounts and item.productDiscounts.length>0 %}coupon-hover {% endif %}\" data-mz-carttable-item-sku-mobile=\"{{ item.product.productCode }}\">\r\n                    <div class=\"mobile-image-section\">\r\n                        <div class=\"item-image\">\r\n                            {% if item.product.imageUrl and themeSettings.showCartItemImage %}\r\n                                <img class=\"mz-mobile-carttable-item-image\" src=\"{{ item.product.imageUrl }}?max=80\" alt=\"\"/>\r\n                            {% else %}\r\n                                <img class=\"mz-mobile-carttable-item-image\" style=\"padding: 0px;\" src=\"{{ siteContext.cdnPrefix }}/cms/{{siteContext.siteId}}/files/{{themeSettings.no_product_image}}?max=80\" alt=\"No product image\"/>\r\n                            {% endif %}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mobile-item-details-section\">\r\n                        <div class=\"mobile-item-name\">\r\n                            <div class=\"mz-mobile-carttable-item-info-wrap{% if not item.product.imageUrl %} mz-no-image{% endif %}\">\r\n                                <span class=\"item-title-holder\">\r\n                                    <a class=\"mz-mobile-carttable-item-title\" href=\"{{item.product.url}}\">{{ item.product.name|safe }}</a>\r\n                                    <span data-mz-action=\"removeItem\" data-mz-cart-item=\"{{ item.id }}\" class=\"mobile-remove-icon\" role=\"button\" aria-label=\"remove {{ item.product.name|safe }}\">\r\n                                        <span tabindex=\"0\"><img alt=\"\" src=\"../../resources/images/removecart.png\"/></span>\r\n                                    </span>\r\n                                    {% if item.product.isNoShipping %}\r\n                                        <p tabindex=\"0\" class=\"no-free-shiping-msg\">This product does not count toward the Free Shipping threshold</p>\r\n                                    {% endif %}\r\n                                </span>\r\n                                \r\n                                {% if item.product.options and themeSettings.showCartItemOptions %}\r\n                                {% endif %}\r\n                                {% if item.product.productUsage == 'Bundle' %}\r\n                                    <dl class=\"mz-propertylist\" style=\"display:none;\">\r\n                                      {% for bundledProduct in item.product.bundledProducts %}\r\n                                      <dt>{{ bundledProduct.productCode }}</dt>&nbsp;\r\n                                      <dd>{{ bundledProduct.name }} ({{ bundledProduct.quantity }})</dd>\r\n                                      {% endfor %}\r\n                                    </dl>\r\n                                {% endif %}\r\n                                {% if item.fulfillmentMethod == 'Pickup' %}\r\n                                    <span class=\"mz-mobile-carttable-item-pickuplocation\">\r\n                                        {{ labels.storePickupAt|string_format(item.fulfillmentLocationName)|safe }}\r\n                                    </span>\r\n                                {% endif %}\r\n                                {% comment %}{% if  item.product.price.onSale %} {% endcomment %}\r\n                                {% if item.product.price.price !== item.product.price.salePrice and item.product.price.salePrice !== null and item.product.price.salePrice !== 0 %}\r\n                                <p class=\"low-stock-label\">\r\n                                    {% if item.product.stock.stockAvailable >0 and item.product.stock.stockAvailable <= 5 %}\r\n                                        Only {{ item.product.stock.stockAvailable }} left\r\n                                    {% endif %}\r\n                                </p>\r\n                                {% endif %}\r\n                                    {% if item.productDiscounts.length>0 %}\r\n                                        {% for discount in item.productDiscounts %}\r\n                                            <div tabindex=\"0\" class=\"discount-details\" data-discount-id=\"{{discount.discount.id}}\" data-discount-enddate=\"{{ discount.discount.expirationDate }}\" data-sale-price=\"{{ item.discountedTotal }}\" data-actual-price=\"{{ item.extendedTotal }}\" data-qty=\"{{ item.quantity }}\">\r\n                                    <span class=\"discountname\"> \r\n                                       <span class=\"discount-name-impact\">{{ discount.discount.name }} <span > - {{ discount.impact| currency }}</span></span>\r\n                                        <span class=\"discountmessage\"></span>\r\n                                        <span class=\"countdowntimer\"></span>\r\n                                        \r\n                                        <div id=\"alertcountdown\" role=\"alert\" aria-live=\"assertive\" style=\"position:absolute; width:0; height:0; clip: rect(0,0,0,0);\"></div>\r\n                                            \r\n                                        </span>\r\n                                    </span>\r\n                                    {% comment %}\r\n                                        {% if discount.couponCode %}\r\n                                            <span tabindex=\"0\" role=\"button\" aria-label=\"Remove coupon\" data-mz-action=\"removeCoupon\" class=\"removecoupon\" coupon=\"{{ discount.couponCode }}\">Remove</span>\r\n                                        {% endif %}\r\n                                    {% endcomment %}\r\n                                </div>\r\n                                        {% endfor %}\r\n                                    {% endif %}\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"mobile-price-section\">\r\n                            <div class=\"item-price\">\r\n                                <span class=\"price-text\">PRICE</span>\r\n                            {% include \"modules/common/item-price\" %}\r\n                            </div>\r\n                            <div class=\"item-quantity\">\r\n                                <div class=\"qty-input-box\" aria-label=\"Quantity - 1\">\r\n                                    <input class=\"quantity-field-cart\" value=\"{{ item.quantity }}\"  aria-label=\"Quantity of {{ item.product.name|safe }}\" name=\"quantity\" data-mz-cart-item=\"{{ item.id }}\"  data-mz-value=\"quantity\" min=\"1\" max=\"25\"\r\n                                    onChange=\"this.parentElement.querySelectorAll('.quantity-field-cart')[0].value =\r\n                                     (parseInt(this.parentElement.querySelectorAll('.quantity-field-cart')[0].value) >= 1\r\n                                      && parseInt(this.parentElement.querySelectorAll('.quantity-field-cart')[0].value) <= 25)\r\n                                      ? parseInt(this.parentElement.querySelectorAll('.quantity-field-cart')[0].value) :\r\n                                      (parseInt(this.parentElement.querySelectorAll('.quantity-field-cart')[0].value) > 25) ? 25 : 1\" />\r\n\r\n                                    <button type=\"button\" class=\"plus-prod-qty-cart\"  aria-label=\"Increase quantity of {{ item.product.name|safe }} by one\">\r\n                                        <span><img src=\"../../resources/images/icons/plus-qty-black.png\" alt=\"quantity increment\"/></span>\r\n                                    </button>\r\n                                    \r\n                                    <button type=\"button\"  class=\"minus-prod-qty-cart\" aria-label=\"Decrease quantity of {{ item.product.name|safe }} by one\">\r\n                                        <span><img src=\"../../resources/images/icons/minus-qty-black.png\" alt=\"quantity decrement\"/></span>\r\n                                    </button>\r\n                                    \r\n                                    \r\n                                </div>\r\n                            </div>\r\n                            <div class=\"item-total\">{% include \"modules/common/item-total\" %}  </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div style=\"margin-bottom:10px;\">\r\n                  {% for cat in item.product.categories %}\r\n                    {% if cat.parent !== null %}\r\n                      {% if cat.parent.id == 5 %} <small id=\"bargain-outlet-msg\" tabindex=\"0\" ><span style=\"color: #bc0000; font-weight: bold;\">IMPORTANT:</span>This discounted item may be close to its Best-Before Date. Sales of such limited-time discounted items are final-sale only; there are no returns, refunds or exchanges.</small> {% endif %}\r\n                    {% endif %}\r\n                  {% endfor %}\r\n                </div>\r\n                \r\n            {% endfor %}\r\n        {% else %}\r\n            <div class=\"mobile-no-items\">{{ labels.cartEmpty }}</div>\r\n        {% endif %}\r\n    </div>\r\n    {% endif %}\r\n    {% if model.pageContext.isDesktop or model.pageContext.isTablet %}\r\n    <div class=\"table-bottom\">\r\n        \r\n        <div class=\"title-section\">ESTIMATED TOTAL: {{ model.discountedTotal|currency }}</div>\r\n    </div>\r\n    {% endif %}\r\n\r\n\r\n\r\n</div>\r\n<div class=\"right-section\">\r\n    <div class=\"right-inner-section\">\r\n    {% if  model.isshippingCalculationEnabled %}\r\n        <h2 class=\"order-summary-text shippingEnabled-orderSummary\">ORDER SUMMARY</h2>\r\n        <table class=\"price-table\">\r\n            <tbody>\r\n                <tr class=\"mz-carttable-checkout-row\">\r\n                    <td colspan=\"4\">\r\n                        <div class=\"mz-carttable-checkout-couponcode shippingEnabled-couponcode\" id=\"coupon-code-field\">\r\n                          {% include \"modules/common/coupon-code-field\" %}\r\n                        </div>\r\n                    </td>\r\n                    <td></td>\r\n                </tr>\r\n\r\n                <tr class=\"checkout-col tr-one\">\r\n                    <th scope=\"row\" class=\"mleft18\">ITEM TOTAL</th>\r\n                    <td class=\"mz-carttable-total\">\r\n                      {{ model.subtotal|currency }}\r\n                    </td>\r\n                </tr>\r\n                {% for discount in model.orderDiscounts %}\r\n                    {% if not discount.excluded %}\r\n                        <tr class=\"checkout-col checkout-mobile discountCol\">\r\n                            <td colspan=\"4\">\r\n                                <span>\r\n                                    <span style=\"color:#037e15; display:inline-block; width:80%\" class=\"mleft18 mleft19\">{{ discount.discount.name }}</span>\r\n                                    <span class=\"mz-carttable-total discount-total mleft19\">\r\n                                        - {{ discount.impact|currency }}\r\n                                    </span>\r\n                                </span>\r\n                            </td>\r\n                        </tr>\r\n                    {% endif %}\r\n                  {% endfor %}\r\n               \r\n                {% if model.discountTotal > 0 %}\r\n                <tr class=\"checkout-col checkout-mobile\">\r\n                    <td colspan=\"2\">\r\n                        <span>\r\n                            <span class=\"mleft18 mleft19\">cart discount</span>\r\n                            <span id=\"mz-carttable-total\" class=\"mz-carttable-total discount-total mleft19\">\r\n                                  -{{ model.discountTotal|currency }}\r\n                            </span>\r\n                        </span>\r\n                    </td>\r\n                </tr>\r\n                {% endif %}\r\n                  <tr class=\"checkout-col checkout-mobile tr-two\">\r\n                    <th scope=\"row\" class=\"mleft18 mleft19\">Tax*</th>\r\n                    <td id=\"mz-carttable-total\" class=\"mz-carttable-total mleft19\">\r\n                      TBD\r\n                    </td>\r\n                </tr>\r\n\r\n                <tr class=\"checkout-col tr-three\">\r\n                    <th scope=\"row\" class=\"mleft18 mleft19\">Shipping*</th>\r\n                    <td id=\"mz-carttable-shipping-total\" class=\"mz-carttable-total mleft19\">\r\n                      (See below) TBD\r\n                    </td>\r\n                </tr>\r\n                <tr class=\"checkout-col tr-three-and-a-half\">\r\n                    <td  class=\"mleft18 mleft19\" colspan=\"2\">\r\n                        <div class=\"cart-tax\">\r\n                            {{themeSettings.cartTax }}\r\n                            *Shipping and/or Tax will be calculated when you enter a Shipping Address In Checkout.\r\n                        </div>\r\n                    </td>\r\n                </tr>\r\n                <tr class=\"mz-carttable-total-row checkout-col \" style=\"border: solid 1px #d6d6d6; border-left:none; border-right:none;\">\r\n                    <th scope=\"row\" class=\"estimate-total mleft18 order-total ordertotalWithoutshipping\" style=\"padding:20px 0px; font-weight:900; font-size:18px;\">SUBTOTAL</th>\r\n                    <td id=\"mz-carttable-estimated-total\" class=\"mz-carttable-total\" style=\"padding:20px 0px; font-size:18px;\" colspan=\"4\">\r\n                        <strong style=\"font-weight: 900;\">{{ model.discountedTotal|currency }}</strong>\r\n                    </td>\r\n                </tr>\r\n           </tbody>\r\n        </table>\r\n\r\n        <table class=\"price-table\" id=\"shippingtable\" role=\"presentation\">\r\n                {% if model.remainingfreeshippinng > 0  %}\r\n                <tr class=\"mz-carttable-total-row checkout-col \">\r\n                    <td class=\"mz-carttable-total-wrap\" colspan=\"4\">\r\n                        <span class=\"mleft18 order-total estimateShippingCost \">\r\n                            <label for=\"shippingzipcode\"  class=\"mleft18 order-total estimateShippingCost estimateShippingCost-onshow\">ESTIMATE SHIPPING COST</h3>\r\n                        </span>\r\n                        <div class=\"mz-l-formfieldgroup-cell active\" id=\"estimateShippingCost-entry\">\r\n                            <input type=\"text\" aria-describedby=\"\" id=\"shippingzipcode\" maxlength=\"5\" name=\"shippingzipcode\" placeholder=\"Enter your ZIP Code \" value=\"{{ model.shippingzipcode }}\"/>\r\n                            <button type=\"button\" id=\"shippingzipcode-btn\" class=\"mz-button\" data-mz-action=\"estimateShip\" role=\"button\" {% if not model.shippingzipcode %}  {% endif %} disabled=\"disabled\"> CALCULATE</button>\r\n                        </div>\r\n                        \r\n                        <div id=\"estimateShippingCost-success\">\r\n\r\n                        </div> \r\n                         <div id=\"estimateShippingCost-failure\" >\r\n\r\n                        </div>\r\n                    </td>\r\n                    <td></td>\r\n                </tr>\r\n                 {% endif %}\r\n                {% if model.discountedTotal != 0  %}\r\n                    <tr class=\"mz-carttable-freeshipping-row\" >\r\n                        <td class=\"mz-carttable-total-wrap\" colspan=\"4\">\r\n                            <span id=\"mz-carttable-freeshipping\" class=\"mleft18 mz-carttable-freeshipping hide-when-heat-sensitive\" role=\"note\">\r\n                            {% if model.remainingfreeshippinng > 0  %}\r\n                                {% if model.isNoShipping %}\r\n                                    You are only ${{model.remainingfreeshippinng}} away from\r\n                                    <a href=\"/shipping-info\"  aria-label=\"FREE Ground Shipping\">\r\n                                    Discounted Shipping</a>!\r\n                                {% else %}\r\n                                    You are only ${{model.remainingfreeshippinng}} away from\r\n                                    <a href=\"/shipping-info\"  aria-label=\"FREE Ground Shipping\">\r\n                                    FREE Ground Shipping</a>!\r\n                                {% endif %}\r\n                            {% endif %}\r\n                            {% if model.remainingfreeshippinng == 0  %}\r\n                                You may qualify for FREE or Discounted Ground Shipping! <span class=\"exclusion\">(Exclusions apply, <a href=\"/shipping-info\" aria-label=\"FREE Ground Shipping\">click for details.</a>)</span>\r\n                            {% endif %}\r\n                            </span>\r\n                        </td>\r\n                        <td></td>\r\n                    </tr>\r\n                {% endif %}\r\n                <tr class=\"mz-carttable-checkout-row\">\r\n                    <td colspan=\"4\">\r\n                        <button id=\"cart-checkout\" class=\"mz-button mz-button-large proceed-btn\" role=\"link\"  \r\n                            {% if model.isEmpty %} disabled=\"disabled\" {% endif %} data-mz-action=\"proceedToCheckout\">\r\n                            {{ labels.proceedToCheckout|upper }}\r\n                        </button>\r\n                        \r\n                        <div class=\"accept-cards\" aria-label=\"Accepted payment methods: American Express, Mastercard, VISA, and Discover credit cards, and Paypal\">\r\n                            <img aria-hidden=\"true\" src=\"../../../resources/images/Artbo222ard.png\" alt=\"amex\" />\r\n                            <img aria-hidden=\"true\" src=\"../../../resources/images/Bitmap Copy 4.png\" alt=\"mastercard\" />\r\n                            <img aria-hidden=\"true\" src=\"../../../resources/images/Group 16.png\" alt=\"visa\" />\r\n                            <img aria-hidden=\"true\" src=\"../../../resources/images/Artboard.png\" alt=\"discover\" />\r\n                            <img aria-hidden=\"true\" src=\"../../../resources/images/Artboard Copy 4.png\" alt=\"paypal\" />\r\n                        </div>\r\n\r\n                        <div class=\"accept-cards mobile\" role=\"img\" aria-label=\"Accepted payment methods: American Express, Mastercard, VISA, and Discover credit cards, and Paypal\">\r\n                            <img aria-hidden=\"true\" src=\"../../../resources/images/Artbo222ard.png\" alt=\"amex\" />\r\n                            <img aria-hidden=\"true\" src=\"../../../resources/images/Bitmap Copy 4.png\" alt=\"mastercard\" />\r\n                            <img aria-hidden=\"true\" src=\"../../../resources/images/Group 16.png\" alt=\"visa\" />\r\n                            <img aria-hidden=\"true\" src=\"../../../resources/images/Artboard.png\" alt=\"discover\" />\r\n                            <img aria-hidden=\"true\" src=\"../../../resources/images/Artboard Copy 4.png\" alt=\"paypal\" />\r\n                        </div>\r\n                    </td>\r\n                    <td></td>\r\n                </tr>\r\n            </tbody>\r\n        </table>\r\n        {% else %}\r\n        <h2 class=\"order-summary-text\">ORDER SUMMARY</h2>\r\n        <table class=\"price-table\" role=\"presentation\" tabindex=\"0\">\r\n            <tbody>\r\n                <tr class=\"checkout-col\">\r\n                    <td colspan=\"2\">\r\n                        <div class=\"mz-carttable-checkout-couponcode shippingEnabled-couponcode\" id=\"coupon-code-field\">\r\n                          {% include \"modules/common/coupon-code-field\" %}\r\n                        </div>\r\n                    </td>\r\n                </tr>\r\n            \r\n                <tr class=\"checkout-col tr-one\">\r\n                    <th scope=\"row\" class=\"mleft18\">ITEM TOTAL </th>\r\n                    <td id=\"mz-carttable-total\" class=\"mz-carttable-total\">\r\n                        {{ model.subtotal|currency }}\r\n                    </td>\r\n                </tr>\r\n\r\n                {% for discount in model.orderDiscounts %}\r\n                    {% if not discount.excluded %}\r\n                        <tr class=\"checkout-col checkout-mobile discountCol\">\r\n                            <td colspan=\"4\">\r\n                                <span>\r\n                                    <span style=\"color:#037e15; display:inline-block; width:80%\" class=\"mleft18 mleft19\">{{ discount.discount.name }}</span>\r\n                                    <span class=\"mz-carttable-total discount-total mleft19\">\r\n                                        - {{ discount.impact|currency }}\r\n                                    </span>\r\n                                </span>\r\n                            </td>\r\n                        </tr>\r\n                    {% endif %}\r\n                  {% endfor %}\r\n\r\n                {% if model.discountTotal > 0 %}\r\n                <tr class=\"checkout-col checkout-mobile\">\r\n                    <td colspan=\"2\">\r\n                        <span>\r\n                            <span class=\"mleft18 mleft19\">cart discount</span>\r\n                            <span id=\"mz-carttable-total\" class=\"mz-carttable-total discount-total mleft19\">\r\n                                  -{{ model.discountTotal|currency }}\r\n                            </span>\r\n                        </span>\r\n                    </td>\r\n                </tr>\r\n                {% endif %}\r\n                <tr class=\"checkout-col checkout-mobile tr-two\">\r\n                    <th scope=\"row\" class=\"mleft18 mleft19\">Tax*</th>\r\n                    <td id=\"mz-carttable-total\" class=\"mz-carttable-total mleft19\">\r\n                        TBD\r\n                    </td>\r\n                </tr>\r\n                <tr class=\"checkout-col tr-three\">\r\n                    <th scope=\"row\" class=\"mleft18 mleft19\">Shipping*</th>\r\n                    <td id=\"mz-carttable-shipping-total\" class=\"mz-carttable-total mleft19\">\r\n                        TBD\r\n                    </td>\r\n                </tr>\r\n                <tr class=\"checkout-col tr-three\">\r\n                    <th scope=\"row\" class=\"mleft18 mleft19\" colspan=\"2\">\r\n                        <div class=\"cart-tax\">\r\n                            {{themeSettings.cartTax }}\r\n                            *Shipping or Tax will be calculated when you enter a shipping address in checkout.\r\n                        </div>\r\n                    </th>\r\n                </tr>\r\n\r\n                <tr class=\"mz-carttable-total-row checkout-col \" style=\"border-top:1px solid #cfcfcf\">\r\n                    <th scope=\"row\" class=\"estimate-total mleft18 order-total ordertotalWithoutshipping\">SUBTOTAL</th>\r\n                    <td  id=\"mz-carttable-estimated-total\" class=\"mz-carttable-total mz-carttable-total-wrap\" colspan=\"4\">\r\n                        <strong \">{{ model.discountedTotal|currency }}</strong>\r\n                    </td>\r\n                </tr>\r\n                {% if model.discountedTotal != 0  %}\r\n                    <tr class=\"mz-carttable-freeshipping-row\" >\r\n                        <td class=\"mz-carttable-total-wrap\" colspan=\"4\">\r\n                            <span id=\"mz-carttable-freeshipping\" class=\"mleft18 mz-carttable-freeshipping hide-when-heat-sensitive\" role=\"note\">\r\n                            {% if model.remainingfreeshippinng > 0  %}\r\n                                {% if model.isNoShipping %}\r\n                                    You are only ${{model.remainingfreeshippinng}} away from\r\n                                    <a href=\"/shipping-info\"  aria-label=\"FREE Ground Shipping\">\r\n                                    Discounted Shipping</a>!\r\n                                {% else %}\r\n                                    You are only ${{model.remainingfreeshippinng}} away from\r\n                                    <a href=\"/shipping-info\"  aria-label=\"FREE Ground Shipping\">\r\n                                    FREE Ground Shipping</a>!\r\n                                {% endif %}\r\n                            {% endif %}\r\n                            {% if model.remainingfreeshippinng == 0  %}\r\n                                You may qualify for FREE or Discounted Ground Shipping! <span class=\"exclusion\">(Exclusions apply, <a href=\"/shipping-info\" aria-label=\"FREE Ground Shipping\">click for details.</a>)</span>\r\n                            {% endif %}\r\n                            </span>\r\n                        </td>\r\n                        <td></td>\r\n                    </tr>\r\n                {% endif %}\r\n                <tr class=\"mz-carttable-checkout-row\">\r\n                    <td colspan=\"4\">\r\n                        <button id=\"cart-checkout\" class=\"mz-button mz-button-large proceed-btn\" role=\"link\" aria-label=\"{{ labels.proceedToCheckout }}\"\r\n                            {% if model.isEmpty %} disabled=\"disabled\" {% endif %} data-mz-action=\"proceedToCheckout\">\r\n                            {{ labels.proceedToCheckout |upper }}\r\n                        </button>\r\n                        \r\n                        <div class=\"accept-cards\" aria-label=\"Accepted payment methods: American Express, Mastercard, VISA, and Discover credit cards, and Paypal\">\r\n                            <img aria-hidden=\"true\" src=\"../../../resources/images/Artbo222ard.png\" alt=\"amex\" />\r\n                            <img aria-hidden=\"true\" src=\"../../../resources/images/Bitmap Copy 4.png\" alt=\"mastercard\" />\r\n                            <img aria-hidden=\"true\" src=\"../../../resources/images/Group 16.png\" alt=\"visa\" />\r\n                            <img aria-hidden=\"true\" src=\"../../../resources/images/Artboard.png\" alt=\"discover\" />\r\n                            <img aria-hidden=\"true\" src=\"../../../resources/images/Artboard Copy 4.png\" alt=\"paypal\" />\r\n                        </div>\r\n\r\n                        <div class=\"accept-cards mobile\" role=\"img\" aria-label=\"Accepted payment methods: American Express, Mastercard, VISA, and Discover credit cards, and Paypal\">\r\n                            <img aria-hidden=\"true\" src=\"../../../resources/images/Artbo222ard.png\" alt=\"amex\" />\r\n                            <img aria-hidden=\"true\" src=\"../../../resources/images/Bitmap Copy 4.png\" alt=\"mastercard\" />\r\n                            <img aria-hidden=\"true\" src=\"../../../resources/images/Group 16.png\" alt=\"visa\" />\r\n                            <img aria-hidden=\"true\" src=\"../../../resources/images/Artboard.png\" alt=\"discover\" />\r\n                            <img aria-hidden=\"true\" src=\"../../../resources/images/Artboard Copy 4.png\" alt=\"paypal\" />\r\n                        </div>\r\n                    </td>\r\n                    <td></td>\r\n                </tr>\r\n            </tbody>\r\n        </table>\r\n        {%endif%}\r\n    </div>\r\n</div>\r\n\r\n\r\n\r\n<div class=\"clearfix\"></div>\r\n\r\n\r\n","modules/category/featured-categories":"<h3 class=\"feature-category-title\">{{ title }}</h3>\n<ul id=\"featured-categories\" class=\"featured-category-section\">\n{% for categoryCard in categoryCards %}\n  <li class=\"category-card\" role=\"group\" aria-label=\"category\">\n    {% include \"modules/common/picture\" with card=categoryCard %}\n    <div class=\"category-card-content\">\n      <{{ categoryCard.nameTag }} class=\"title\">{{ categoryCard.name }}</{{ categoryCard.nameTag }}>\n      <p class=\"description\">{{ categoryCard.description }}</p>\n      <a href=\"/{{ categoryCard.slug }}/c/{{ categoryCard.categoryId }}\">{{ categoryCard.buttonLabel }}</a>\n    </div>\n  </li>\n{% endfor %}\n</ul>\n","modules/checkout/amazon-shipping-billing":"\n{% with siteContext.checkoutSettings.externalPaymentWorkflowSettings|findwhere(\"name\", \"PayWithAmazon\") as payWithAmazon %} \n\t{%with payWithAmazon.credentials|findwhere(\"apiName\", \"clientId\") as clientId%}\n\t\t<script>\n\t\t\twindow.onAmazonLoginReady = function() {\n\t\t\t\tamazon.Login.setClientId(\"{{clientId.value}}\"); \n\t\t};\n\t\t</script>\n\t{%endwith%}\n\n\t{%with payWithAmazon.credentials|findwhere(\"apiName\", \"environment\") as environment%}\n\t\t{%with payWithAmazon.credentials|findwhere(\"apiName\", \"region\") as region%}\n\t\t\t{% if environment.value == \"sandbox\" %}\n\t\t\t\t{% if region.value == \"uk\" || region.value == \"de\"%}  \n\t\t\t\t\t<script ype='text/javascript' src='https://static-eu.payments-amazon.com/OffAmazonPayments/{{region.value}}/sandbox/lpa/js/Widgets.js'></script>\n\t\t\t\t{%else%}\n\t\t\t\t\t<script ype='text/javascript' src='https://static-na.payments-amazon.com/OffAmazonPayments/us/sandbox/js/Widgets.js'></script>\n\t\t\t\t{%endif%}\n\t\t\t{%else%}\n\t\t\t\t{% if region.value == \"uk\" || region.value == \"de\"%}  \n\t\t\t\t\t<script type='text/javascript' src='https://static-eu.payments-amazon.com/OffAmazonPayments/{{region.value}}/lpa/js/Widgets.js'></script>\n\t\t\t\t{%else%}\n\t\t\t\t\t<script type='text/javascript' src='https://static-na.payments-amazon.com/OffAmazonPayments/us/js/Widgets.js'></script>\n\t\t\t\t{%endif%}\t\n\t\t\t{%endif%}\n\t\t{%endwith%}\n\t{%endwith%}\n\t\t\n{% endwith %}\n\n\n<div>\n\t<div>\n\t\t<div class=\"addressContainer\">\n\t\t\t<div id=\"amazonAddressBookWidgetDiv\" style=\"height:240px;\"></div>\n\t\t</div>\n\t\t<div class=\"addressContainer\">\n\t\t\t<div id=\"walletWidgetDiv\" style=\"height:240px;\"></div>    \n\t\t</div>\n\t</div>\n\t<div>\n\t\t<div style=\"padding:10px 10px 0px 0px;\" >\n\t\t\t<button id=\"cancel\" class=\"mz-button mz-button-medium\" data-mz-action=\"redirectToCart\">{{ labels.cancel }}</button>\n\t\t\t<button id=\"continue\" class=\"mz-button mz-button-medium\" style=\"display:none;\" data-mz-action=\"submit\">{{ labels.continue }}</button>\n\t\t</div>\n\t</div>\n</div>","modules/checkout/billing-address-form":"{% extends \"modules/common/address-form\" %}\r\n{% block address-form %}\r\n{% set addresscontext=\"billingContact.\" %}\r\n{% parent %}\r\n{% endblock address-form %}","modules/checkout/billing-address-selector":"{% if model.requiresFulfillmentInfo and not model.usingSavedCard %}\r\n<div class=\"mz-l-formfieldgroup mz-l-formfieldgroup-norows\"><label><input type=\"checkbox\" data-mz-value=\"isSameBillingShippingAddress\" value=\"true\" {% if model.isSameBillingShippingAddress %}checked=\"checked\"{% endif %}> {{ labels.useShippingAddress }}</label></div>\r\n{% endif %}\r\n{% if model.isSameBillingShippingAddress %}\r\n    <div class=\"mz-addresssummary mz-same-as-shipping-summary\" id=\"mz-same-as-shipping-summary\">\r\n        {% include \"modules/common/address-summary\" with model=model.billingContact %}\r\n    </div>\r\n{% else %}\r\n{% if model.usingSavedCard and model.savedPaymentMethodId %}\r\n<div class=\"mz-addresssummary mz-same-as-shipping-summary\" id=\"mz-same-as-shipping-summary\">\r\n        {% include \"modules/common/address-summary\" with model=model.billingContact %}\r\n    </div>\r\n{% else %}\r\n<div class=\"mz-l-formfieldgroup mz-l-formfieldgroup-address\">\r\n  {% include \"modules/checkout/billing-address-form\" with model=model.billingContact countries=pageContext.billingCountries states=pageContext.billingStates %}\r\n</div>\r\n{% endif %}","modules/checkout/checking-account-form":"    <div class=\"mz-l-formfieldgroup-row\">\r\n        <div class=\"mz-l-formfieldgroup-cell\">\r\n            <label for=\"nameOnCheck\">{{ labels.nameOnCheck }}<span class=\"is-required\"> *</span>:</label>\r\n        </div>\r\n        <div class=\"mz-l-formfieldgroup-cell\">\r\n            <input type=\"text\" name=\"nameOnCheck\" id=\"nameOnCheck\" data-mz-value=\"check.nameOnCheck\" value=\"{{ model.check.nameOnCheck }}\"><!-- ADA OK -->\r\n            <span class=\"mz-validationmessage\" data-mz-validationmessage-for=\"check.nameOnCheck\"></span>\r\n        </div>\r\n    </div>\r\n    <div class=\"mz-l-formfieldgroup-row\">\r\n        <div class=\"mz-l-formfieldgroup-cell\">\r\n            <label for=\"checkNumber\">{{ labels.routingNumber }}<span class=\"is-required\"> *</span>:</label>\r\n        </div>\r\n        <div class=\"mz-l-formfieldgroup-cell\">\r\n            <input type=\"text\" name=\"checkNumber\" id=\"checkNumber\" data-mz-value=\"check.routingNumber\" value=\"{{ model.check.routingNumber }}\"><!-- ADA OK but duplicate id-->\r\n            <span class=\"mz-validationmessage\" data-mz-validationmessage-for=\"check.routingNumber\"></span>\r\n        </div>\r\n    </div>                    \r\n    <div class=\"mz-l-formfieldgroup-row\">\r\n        <div class=\"mz-l-formfieldgroup-cell\">\r\n            <label for=\"checkNumber\">{{ labels.checkNumber }}<span class=\"is-required\"> *</span>:</label>\r\n        </div>\r\n        <div class=\"mz-l-formfieldgroup-cell\">\r\n            <input type=\"text\" name=\"checkNumber\" id=\"checkNumber\" data-mz-value=\"check.checkNumber\" value=\"{{ model.check.checkNumber }}\"><!-- ADA OK but duplicate id-->\r\n            <span class=\"mz-validationmessage\" data-mz-validationmessage-for=\"check.checkNumber\"></span>\r\n        </div>\r\n    </div>\r\n","modules/checkout/billing-credit-card-form":"{% extends \"modules/common/credit-card-form\" %}\r\n{% block credit-card-form %}\r\n    {% set cardcontext=\"card.\" %} \r\n        {% parent %}\r\n        <div class=\"mz-l-formfieldgroup-row save-credit-card-info {% if not user.isAuthenticated %}guest-account-pop{% endif %}\">\r\n            <div class=\"mz-l-formfieldgroup-cell\">\r\n              {% if user.isAuthenticated %} \r\n              <div class=\"copy-address\">\r\n                <fieldset>\r\n                  <legend class=\"sr-only\">Save Card Information</legend>\r\n                  <input type=\"checkbox\" id=\"saved-card-info\" name=\"save-card-info\" data-mz-value=\"{{ cardcontext }}isCardInfoSaved\" value=\"true\" {% if model.isCardInfoSaved %}checked=\"checked\"{% endif %}>\r\n                  <label for=\"saved-card-info\">{{ labels.saveCard }}</label>\r\n                </fieldset>\r\n              </div>\r\n              {% else %}\r\n               {% comment %} <label for=\"sweet rewards\" class=\"mz-inline sweetrewards\" id=\"sweet-rewards\"><a href=\"javascript:void(0);\" role=\"button\" class=\"open-guestcheckoutmodal-modal\" aria-describedby=\"sweet-rewards\" data-mz-attr=\"Login\"> Log In</a> to use your Sweet Rewards Points.</label> {% endcomment %}\r\n                <label  for=\"saved-card-info\" class=\"mz-inline\" id=\"labellinkto-popup\">{{ labels.saveCard2 }} create an <button class=\"open-guestcheckoutmodal-modal\" aria-describedby=\"labellinkto-popup\" data-mz-attr=\"Account\">Account</button> or <button class=\"open-guestcheckoutmodal-modal\" aria-describedby=\"labellinkto-popup\" data-mz-attr=\"Login\">Log In</button>.</label>\r\n                {% comment %}\r\n                {% if user.isAnonymous %}\r\n                    <div class=\"popupmodal\">\r\n                        <div id=\"guestcheckoutmodal\" style=\"display:none\" >{% extends \"modules/checkout/chekout-email-capture\" %}</div>\r\n                    </div>\r\n                {%  endif %}\r\n                {% endcomment %}\r\n              {% endif %}\r\n              </div>\r\n        </div>\r\n{% endblock credit-card-form %}\r\n","modules/checkout/checkout-digital-fulfillment":"<div class=\"mz-l-stack-section\">\r\n  <h4 class=\"mz-l-stack-sectiontitle\">{{ labels.digitalFulfillmentContact }}</h4>\r\n  <div class=\"mz-formstep-fields mz-l-formfieldgroup digital-email-content\">\r\n    <div class=\"mz-l-formfieldgroup-row\">\r\n      <div class=\"mz-l-formfieldgroup-cell\">\r\n        <label for=\"digital-fulfillment-email\">\r\n          {{ labels.email }}<span class=\"is-required\"> *</span>:\r\n        </label>\r\n      </div>\r\n      <div class=\"mz-l-formfieldgroup-cell\">\r\n        <input type=\"text\" placeholder=\" {{ labels.email }}\" id=\"digital-fulfillment-email\" name=\"digital-fulfillment-email\" data-mz-value=\"email\" value=\"{{ model.email }}\" /><!-- ADA OK -->\r\n          <span class=\"mz-validationmessage\" data-mz-validationmessage-for=\"email\"></span>\r\n        </div>\r\n    </div>\r\n  </div>\r\n</div>","modules/checkout/checkout-guest-login":"\r\n<div id=\"email-dialog\" class=\"wrapper_email payment-section\" tabindex=\"-1\" role=\"dialog\" aria-modal=\"true\" aria-label=\"login to create account\"> \r\n    <div class=\"content\">\r\n        {% block back-to-cart %}\r\n  <div class=\"close-icon\">\r\n            <a tabindex=\"0\" role=\"button\" aria-label=\"close modal\" href=\"javascript:void(0);\" aria-label=\"Click here to exit to shopping cart page\"><img class=\"close-img\" src=\"../../resources/images/closemarkglobal.svg?maxWidth=100\" alt=\"close\"></a>\r\n  </div>\r\n\r\n      {% endblock back-to-cart %}\r\n        <div class=\"header\">\r\n            <div class=\"logo\"> \r\n            <h1 class=\"sr-only\"> Login / Create Account  to use your Sweet Rewards </h1>\r\n            </div>\r\n        </div>  \r\n\r\n        <div class=\"main_content\">\r\n            <div class=\"content-tab-sys\">   \r\n              {% block content-heading %}\r\n              {% comment %}  <div class=\"content-tab-head\"><h1>{{ labels.loginmodeltabhead }}</h1></div>  \r\n              {% endcomment %}\r\n              {% endblock content-heading %}\r\n              {% block content-tab-heading %}\r\n\r\n  <div class=\"content-tab-sys-labels\" role=\"tablist\">\r\n                <a  role=\"tab\"  aria-selected=\"false\"  aria-controls=\"proceed_guest\" id=\"proceed_guestTab\" attr-data=\"proceed_guest\" href=\"javascript:void(0)\" class=\"guest-login labelmodel active\">Create an Account</a>\r\n                <a  role=\"tab\"  aria-selected=\"false\" aria-controls=\"checkout_login\" id=\"checkout_loginTab\" attr-data=\"checkout_login\" href=\"javascript:void(0)\" class=\"user-login labelmodel\" tabindex=\"-1\">{{ labels.loginmodelguesttab2 }}</a>\r\n            </div> \r\n              {% endblock content-tab-heading %}\r\n  </div>\r\n\r\n            {% block proceed-as-guest %}\r\n  <div class=\"proceed_guest form-content active\" id=\"proceed_guest\" role=\"tabpanel\" aria-labelledby=\"proceed_guestTab\" tabindex=\"0\" >\r\n    <div class=\"signup-form\" >\r\n        <div class=\"jb-signup\" id=\"jb-signup\">\r\n\r\n            <div class=\"mz-l-formfieldgroup\">\r\n\r\n                <div class=\"mz-l-formfieldgroup-row half-width-block\">\r\n\r\n                    <div class=\"mz-l-formfieldgroup-cell\">\r\n                        <label for=\"signup-firstname\">*First Name:</label>\r\n                        <input type=\"text\" class=\"mz-signup-firstname\" data-mz-signup-firstname id=\"signup-firstname\" aria-required=\"true\" aria-describedby=\"firstNameerror\" /> <!-- ADA -->\r\n                        <span class=\"error-user\" id=\"firstNameerror\"></span> \r\n                    </div>\r\n                </div>\r\n                <div class=\"mz-l-formfieldgroup-row half-width-second-block\">\r\n                    <div class=\"mz-l-formfieldgroup-cell\">\r\n                        <label for=\"signup-lastname\">*Last Name:</label>\r\n                        <input type=\"text\" class=\"mz-signup-lastname\" data-mz-signup-lastname id=\"signup-lastname\" aria-required=\"true\" aria-describedby=\"lastNameerror\"  /> <!-- ADA -->\r\n                        <span class=\"error-user\" id=\"lastNameerror\"></span>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"mz-l-formfieldgroup-row\">\r\n                    <div class=\"mz-l-formfieldgroup-cell\">\r\n                        <label for=\"signup-email\" style=\"width: 280px\">*Email Address:</label>\r\n                        <input  type=\"email\" class=\"mz-signup-email\" id=\"signup-email\" data-mz-signup-emailaddress aria-required=\"true\" aria-describedby=\"emailSignUperror\" />\r\n                        <span class=\"error-user\" id=\"emailSignUperror\"></span>\r\n                    </div>\r\n                </div>\r\n                <div class=\"mz-l-formfieldgroup-row password-row\">\r\n                    <div class=\"mz-l-formfieldgroup-cell\">\r\n                        <label for=\"pswd\" style=\"width: 280px\">*Password:</label>\r\n                        <input type=\"password\" class=\"mz-signup-password\" id=\"pswd\"  aria-describedby=\"pswd-msg\" aria-required=\"true\" data-mz-signup-password aria-describedby=\"passwordSignUperror\"  />\r\n                        <span class=\"error-user\" id=\"passwordSignUperror\"></span>\r\n                    </div>\r\n                    <div class=\"pwd-message-desktop\" style=\"display: none;\">\r\n                        <div class=\"arrow-left\"></div>\r\n                        <p id=\"pswd-msg\">\r\n                        Password must be a minimum of 6 characters with at least 1 number and 1 alphabetic character. </p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"mz-l-formfieldgroup-row\">\r\n                    <div class=\"mz-l-formfieldgroup-cell\">\r\n                        <label for=\"cnf-pswd\" style=\"width: 280px\">*Confirm Password:</label>\r\n                        <input type=\"password\" class=\"mz-signup-confirmpassword\" id=\"cnf-pswd\" aria-required=\"true\" data-mz-signup-confirmpassword aria-describedby=\"confpasswordSignUperror\"  />\r\n                        <span class=\"error-user\" id=\"confpasswordSignUperror\"></span>\r\n                    </div>\r\n                </div>\r\n                <div class=\"mz-l-formfieldgroup-row\">\r\n                    <div class=\"mz-l-formfieldgroup-cell required-fild-msg\">\r\n                        <span class=\"required\">*Required Fields</span>\r\n                    </div>\r\n                </div>\r\n                <div class=\"mz-l-formfieldgroup-row\">\r\n                              <div class=\"mz-l-formfieldgroup-cell\">\r\n                                  <div class=\"mz-l-formfieldgroup-row\">\r\n\r\n                                      <fieldset class=\"a360-input\">\r\n                                        <legend class=\"sr-only\">agreeing to terms</legend>\r\n                                        <input type=\"checkbox\" name=\"guestregester-cpp-checkbox-payment\" id=\"guestregester-cpp-checkbox-payment\" class=\"checkout-login-confirm-checkbox\">\r\n                                        <label for=\"guestregester-cpp-checkbox-payment\">By clicking {{ labels.register }}, I agree to the policies outlined in the <a href=\"/terms-of-use\" target=\"_blank\"> Terms of Use</a> and <a class=\"Policylink\" href=\"/privacy-policy\" target=\"_blank\">Privacy Policy.</a><span>&nbsp;(Required)</label>\r\n                                      </fieldset>\r\n                                      \r\n                                  </div>  \r\n                                  <button disabled=\"disabled\" class=\"mz-button mz-signup-register active-button\" id=\"signup-submit\">{{ labels.register }}</button>\r\n                              </div>\r\n                          </div>\r\n                          <section data-mz-role=\"mz-signup-register-message\" class=\"mz-popover-message\"></section> \r\n                          <div class=\"endofpopup sr-only\"><span tabindex=\"0\">end of popup</span></div>\r\n                      </div>\r\n                  </div>\r\n              </div>\r\n            </div>\r\n            {% endblock proceed-as-guest %}\r\n            {% block proceed-with-login %}\r\n            <div class=\"checkout_login form-content active\" role=\"tabpanel\" id=\"checkout_login\" aria-labelledby=\"checkout_loginTab\" tabindex=\"0\" >\r\n                <label style=\"color: #000 \" class=\"required_fields\">*Required</label>\r\n                <form class=\"{% block form-class %}login_submit {% endblock form-class %}\" method=\"post\" novalidate=\"novalidate\" >\r\n                    <div class=\"mz-l-formfieldgroup\" style=\"margin-top: 2px;\">  \r\n                        <div class=\"mz-l-formfieldgroup-row\">\r\n                            <div class=\"mz-l-formfieldgroup-cell\">\r\n                                <label for=\"email-id\">{{ labels.emailAddress }}<span class=\"is-required\" > *</span></label>\r\n                                <input aria-describedby=\"useremailerror\" name=\"email\" id=\"email-id\"  type=\"email\"  class=\"user-email\" aria-required=\"true\" />\r\n                                <span class=\"error-user\" id=\"useremailerror\"></span> \r\n                            </div>    \r\n                        </div>\r\n                        <div class=\"mz-l-formfieldgroup-row\">\r\n                            <div class=\"mz-l-formfieldgroup-cell\">\r\n                                <label for=\"password-id\">{{ labels.password }}<span class=\"is-required\" > *</span></label>\r\n                                <input for=\"password\" name=\"password\" id=\"password-id\" type=\"password\" class=\"user-password\"  aria-describedby=\"loginerror\" aria-required=\"true\"/>\r\n                                <span class=\"loginError\" id=\"loginerror\"></span> \r\n                            </div>    \r\n                        </div>\r\n                        <div class=\"mz-l-formfieldgroup-cell\">\r\n                            <a  style=\"color:#000\" href=\"/user/forgotpassword\" title=\"Forgot password - links to a new page\"  class=\"mz-forgot\">{{ labels.forgotPasswordLink }}</a>\r\n                        </div>\r\n                        <div class=\"mz-l-formfieldgroup-row\">\r\n                            <div class=\"mz-l-formfieldgroup-cell\"></div> \r\n                            <div class=\"mz-l-formfieldgroup-cell\">\r\n                                <div class=\"mz-l-formfieldgroup-row\">\r\n\r\n                                    <fieldset class=\"a360-input\">\r\n                                        <legend class=\"sr-only\">Agreeing to policy</legend>\r\n                                       <input type=\"checkbox\" name=\"guestlogin-cpp-checkbox-payment\" id=\"guestlogin-cpp-checkbox-payment\" class=\"checkout-login-confirm-checkbox\">\r\n                                       <label for=\"guestlogin-cpp-checkbox-payment\">By clicking Log In, I agree to the policies outlined in the <a href=\"/terms-of-use\" target=\"_blank\"> Terms of Use</a> and <a class=\"Policylink\" href=\"/privacy-policy\" target=\"_blank\">Privacy Policy.</a><span>&nbsp;(Required)</label>\r\n                                    </fieldset> \r\n\r\n                                </div>\r\n                                <!-- <a href=\"#\" class=\"mz-button mz-button-large\" id=\"addbutton\" data-mz-action=\"loginCheckout\" disabled>{{ labels.next }}</a>--> \r\n                                <input type=\"submit\" role=\"button\" disabled=\"disabled\"   class=\"mz-button mz-button-large cpp-loginpopup active-button brontocart-login-email {% block addbutton-class %}{% endblock %}\" id=\"addbutton\" value=\"log in\">\r\n                            </div>   \r\n                        </div> \r\n                        <div class=\"endofpopup sr-only\"><span tabindex=\"0\">end of popup</span></div>\r\n                    </div>\r\n                </form>    \r\n                <div class=\"clearfix\"></div> \r\n            </div>\r\n            {% endblock proceed-with-login %}\r\n        </div>\r\n    </div>  \r\n</div> ","modules/checkout/checkout-order-summary":"<div class=\"mz-ordersummary-checkout\">\r\n   <div class=\"mz-formstep-header clearfix\">\r\n    <h2 >{{ labels.orderSummary }}</h2>\r\n    <a href=\"{{ pageContext.secureHost }}/cart\" title=\"Back to cart\" class=\"backtocart\">{{ labels.editCart }}</a>\r\n    </div>\r\n    <div class=\"mz-formstep-body\">\r\n        {% include \"modules/common/order-summary\" %}\r\n    </div>\r\n</div>\r\n","modules/checkout/checkout-digital-credit":"<div class=\"mz-checkout-digitalcredit mz-l-stack-section accordion-pay\">\r\n<div class=\"digitalcredit-inner-content\">\r\n    \r\n        <button for=\"digital-credit-code\" class=\"coupondata payment-accordion\"  aria-controls=\"sect2\" aria-expanded=\"false\">  \r\n            Enter {{ labels.digitalCredits }}\r\n             <span class=\"arrow\"></span>\r\n        </button>  \r\n  \r\n    <div class=\"store-credit-input-sec\" id=\"sect2\">\r\n        {% comment %} <h4 class=\"mz-l-stack-sectiontitle\">{{ labels.digitalCredits }}</h4> {% endcomment %}\r\n        {% comment %}\r\n  <div class=\"mz-l-formfieldgroup-cell\">\r\n    <label for=\"digital-credit-code\">{{ labels.digitalCreditCode }}: </label>\r\n  </div>\r\n        {% endcomment %}\r\n  <div class=\"mz-l-formfieldgroup-cell\">\r\n        <label for=\"digital-credit-code\" style=\"display:none;\"></label>\r\n    {% if model.errormessage %}\r\n                <input placeholder=\"Enter {{ labels.digitalCredits }}\" aria-describedby=\"storecredit-messages-2\" aria-invalid=\"true\" type=\"text\" id=\"digital-credit-code\" name=\"digital-credit-code\" class=\"mz-checkout-digitalcredit-enter-code\" value=\"{{ model.digitalCreditCode }}\" data-mz-value=\"digitalCreditCode\" autocomplete=\"false\" /><!-- ADA OK -->\r\n    {% else %}\r\n                <input placeholder=\"Enter {{ labels.digitalCredits }}\" aria-describedby=\"storecredit-messages\" aria-invalid=\"false\" type=\"text\" id=\"digital-credit-code\" name=\"digital-credit-code\" class=\"mz-checkout-digitalcredit-enter-code\" value=\"{{ model.digitalCreditCode }}\" data-mz-value=\"digitalCreditCode\" autocomplete=\"false\" /><!-- ADA OK -->\r\n    {% endif %}\r\n    \r\n    <button class=\"mz-button applyDigitalCredit\" data-mz-action=\"getDigitalCredit\" {% if not model.digitalCreditCode %} disabled=\"disabled\" {% endif %}>{{ labels.apply }}</button>\r\n    {% if model.errorsetdigitlcredit === \"creditcode\" %}\r\n      <span id=\"storecredit-messages-2\" class=\"digitalcrediterror-msg\" tabindex=\"0\" >\r\n        {{ model.errormessage }} \r\n      </span> \r\n    {% else %} \r\n                <span id=\"storecredit-messages-2\" class=\"digitalcrediterror-msg\" tabindex=\"0\">\r\n      </span>  \r\n    {% endif %}\r\n    <button id=\"dismiss-digitalcrediterror-msg\">DISMISS</button>\r\n    <span id=\"storecredit-messages\">\r\n        {% include \"modules/common/message-bar\" with model=model.messages %}\r\n    </span>\r\n  </div>\r\n    </div>\r\n    </div>\r\n  {% comment %}\r\n  {% if user.isAuthenticated %}\r\n        <div id=\"sweet-rewards-worksheet\">\r\n            <span class=\"first-section\"><h3 class=\"sweet-rewards-headder\">Redeem Sweet Rewards points</h3> <b class=\"sweet-rewards-points\">You currently have <span id=\"sweet-rewards-points\"></span> points.</b>\r\n      <p class=\"sr-only\">Activating this element will cause content on the page to be updated.</p>\r\n            <div class=\"message-rewards\" > You may redeem up to two rewards per order.</div>\r\n      <div id=\"pwr-max-statement\"></div>\r\n      <div id=\"redemption-spinner\" style=\"display: none;\"><i class=\"fas fa-spinner fa-spin\"></i></div>\r\n      <div style=\"font-weight: normal; margin: 12.5px;\" id=\"pwr-congrats-statement\"></div>\r\n\r\n      <div>\r\n      <ul id=\"pwr-rewards-list\">\r\n      </ul>\r\n      </div>\r\n            <div class=\"btn-section\">\r\n                <button id=\"reward-500\" class=\"mz-button redeem\" reward-id=\"reward_3206a\" aria-label=\"Redeem 500 points for 5 dollars\">500 Points  <span class=\"in-dollers\">$5</span></button>\r\n                <button id=\"reward-950\"  class=\"mz-button redeem\" reward-id=\"reward_191e0\" aria-label=\"Redeem 950 points for 10 dollars\" >950 Points <span class=\"in-dollers\">$10</span></button>\r\n                <button id=\"reward-1800\"  class=\"mz-button redeem\" reward-id=\"reward_28df0\" aria-label=\"Redeem 1800 points for 20 dollars\">1800 Points <span class=\"in-dollers\">$20</span></button>\r\n      </div>\r\n      <div id=\"sweet-rewards-error\"></div>\r\n    </div>\r\n        <div class=\"line\"></div>\r\n  {% endif %}\r\n  {% endcomment %}\r\n     {% if model.availableDigitalCredits %}\r\n      {% if pageContext.isMobile%}\r\n        <div class=\"mz-checkout-digitalcredit-table\">\r\n\r\n            <div class=\"mz-checkout-digitalcredit-row\"  data-mz-store-credit-code=\"{{ credit.attributes.code }}\" zinrelo-amount=\"{{ credit.attributes.currentBalance }}\">\r\n                 {% for credit in model.availableDigitalCredits.models %}\r\n                <div class=\"innerclass\">\r\n\t\t            <div class=\"innercontent\">\r\n                    <div class=\"tablerows applygiftcheckbox\">\r\n                        <div class=\"mz-checkout-digitalcredit-cell-enable\"  header=\"apply\">\r\n                            <label enabled-code=\"{% if credit.attributes.isEnabled %}{{ credit.attributes.code }}{% endif %}\" style=\"display: none;\">APPLIED</label>\r\n                            <label   class=\"checkbox-outer-label\" label-code=\"{% if credit.attributes.isEnabled %}{{ credit.attributes.code }}{% endif %}\">\r\n                                <input type=\"checkbox\" data-mz-digital-credit-enable {% if credit.attributes.isEnabled %} checked=\"checked\" {% else %} {% with credit.attributes.code as code %} {% with code|split(\"-\")|first as mycode %} {% if mycode == \"PWR\" %} {% comment %} checked=\"checked\" disabled=\"disabled\" {% endcomment %} {% endif %} {% endwith %} {% endwith %} {% endif %} class=\"data-mz-credit-enabled\" data-mz-credit-code-source=\"{{ credit.attributes.code }}\"  data-mz-credit-balance=\"{{ credit.attributes.currentBalance }}\"  id=\"enable{{ credit.attributes.code }}\"  aria-label=\"Apply store credit {{ credit.attributes.code }} with balance of {{ credit.attributes.currentBalance }}\"/>\r\n                                <span class=\"checkmark-style\"></span>\r\n                            </label>\r\n                        </div>\r\n\t\t\t\t\t\t  <div id=\"apply\">Apply Store Credit</div>\r\n                        <div class=\"mz-checkout-digitalcredit-cell-code\"  header=\"{{ labels.digitalCreditCode }}\">\r\n                            <label class=\"mz-checkout-digitalcredit-code\" for=\"enable{{ credit.attributes.code }}\">\r\n                                <span class=\"mz-checkout-digitalcredit-code\" data-mz-value=\"credit.attributes.code\">\r\n                                <em>Code</em> {{ credit.attributes.code }}</span>\r\n                                <span data-mz-sweet-reward-display=\"{{ credit.attributes.code }}\">(SWEET REWARD)</span>\r\n                            </label>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"tablerows\">\r\n                        <div class=\"mz-checkout-digitalcredit-header-balance\" id=\"{{ labels.digitalCreditBalance }}\">{{ labels.digitalCreditBalance }}</div>\r\n\r\n                        <div class=\"mz-checkout-digitalcredit-cell-balance\"  header=\"{{ labels.digitalCreditBalance }}\">{{ credit.attributes.currentBalance|currency }}</div>\r\n                    </div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"innercontent\">\r\n                    \r\n                    <div class=\"tablerows\">\r\n                     <div class=\"mz-checkout-digitalcredit-header-amt-to-apply\" id=\"{{ labels.digitalCreditAmtToUse }}\">{{ labels.digitalCreditAmtToUse }}</div>\r\n                        <div class=\"mz-checkout-digitalcredit-cell-amt-to-apply\"  header=\"{{ labels.digitalCreditAmtToUse }}\">\r\n                        <input class=\"data-mz-credit-amt-to-apply\" data-mz-credit-code-target=\"{{ credit.attributes.code }}\" min=\"1\" step=\"0.01\" data-mz-digital-credit-amount data-mz-value=\"creditAmountApplied\" {% if credit.attributes.creditAmountApplied %}value=\"{{ credit.attributes.creditAmountApplied|currency }}\"{% endif %} {% if not credit.attributes.isEnabled %}disabled=\"true\"{% endif %} />\r\n                        <span data-mz-sweet-reward-code=\"{{ credit.attributes.code }}\">{{ credit.attributes.currentBalance|currency }}</span>\r\n                        </div>\r\n                    </div>\r\n                    {% if credit.attributes.isEnabled and credit.attributes.remainingBalance > 0 %}\r\n                    <div class=\"tablerows\">\r\n                        <div class=\"mz-checkout-digitalcredit-header-remainder\" id=\"{{ labels.digitalCreditRemainder }}\">{{ labels.digitalCreditRemainder }}</div>\r\n                        <div class=\"mz-checkout-digitalcredit-cell-remainder\"  header=\"{{ labels.digitalCreditRemainder }}>\r\n                            <span class=\"mz-checkout-digitalcredit-remainder\" data-mz-value=\"credit.attributes.remainingBalance\">{{ credit.attributes.remainingBalance|currency }}</span>\r\n                        </div>\r\n                    </div>\r\n                    {% endif %}\r\n                    \r\n\t\t\t\t\t</div>\r\n                    {% comment %}\r\n\t\t\t\t\t<div class=\"innercontent\">\r\n                    {% if not model.isAnonymousShopper and not credit.attributes.isTiedToCustomer and credit.attributes.isEnabled and credit.attributes.remainingBalance > 0 %}\r\n                    <div class=\"tablerows\">\r\n                        <div class=\"mz-checkout-digitalcredit-cell-savetoaccount\">\r\n                            <input checked type=\"checkbox\" data-mz-value=\"credit.attributes.addRemainderToCustomer\" aria-label=\"add remaining amount to myaccount\" data-mz-digital-add-remainder-to-customer data-mz-credit-code-to-tie-to-customer=\"{{ credit.attributes.code }}\" id=\"addCust{{ credit.attributes.code }}\" value=\"true\" {% if credit.attributes.isTiedToCustomer %}disabled=\"true\" checked=\"true\"{% else %} {% if credit.attributes.addRemainderToCustomer %}checked=\"true\"{% endif %} {% endif %} />\r\n                            <label class=\"mz-paymenttype mz-paymenttype-store\" for=\"addCust{{ credit.attributes.code }}\">\r\n                                <span class=\"mz-checkout-digitalcredit-remainder\">{{ labels.digitalCreditAddToAccount }}</span>\r\n                            </label>\r\n                        </div>             \r\n                    </div>\r\n                    {% endif %}\r\n\t\t\t\t\t</div>\r\n                    {% endcomment %}\r\n                </div>\r\n                {% endfor %}\r\n            </div>\r\n        </div>\r\n        {% else %}\r\n  <div class=\"mz-checkout-digitalcredit-table\" style=\"margin-top: 35px;\">\r\n    <table class=\"mz-table\">\r\n      <thead>\r\n                {% if pageContext.isMobile %}\r\n                 {% for credit in model.availableDigitalCredits.models %}\r\n        <tr>\r\n          <th id=\"apply\" scope=\"col\">Apply</th>\r\n          <th class=\"mz-checkout-digitalcredit-header-code\" id=\"{{ labels.digitalCreditCode }}\" scope=\"col\">{{ labels.digitalCreditCode }}</th>\r\n          <th class=\"mz-checkout-digitalcredit-header-balance\" id=\"{{ labels.digitalCreditBalance }}\" scope=\"col\">{{ labels.digitalCreditBalance }}</th>\r\n          <th class=\"mz-checkout-digitalcredit-header-amt-to-apply\" id=\"{{ labels.digitalCreditAmtToUse }}\" scope=\"col\">{{ labels.digitalCreditAmtToUse }}</th>\r\n                          {% if credit.attributes.isEnabled and credit.attributes.remainingBalance > 0 %}\r\n                             <th class=\"mz-checkout-digitalcredit-header-remainder\" id=\"{{ labels.digitalCreditRemainder }}\" scope=\"col\">{{ labels.digitalCreditRemainder }}</th>\r\n                            {% endif %}\r\n                            {% comment %}\r\n                         {% if not model.isAnonymousShopper and not credit.attributes.isTiedToCustomer and credit.attributes.isEnabled and credit.attributes.remainingBalance > 0 %}\r\n                            <th class=\"mz-checkout-digitalcredit-header-unlabeled\" scope=\"col\"l>&nbsp;</th>\r\n          <th class=\"mz-checkout-digitalcredit-header-unlabeled\" scope=\"col\">&nbsp;</th>\r\n                        {% endif %}\r\n                        {% endcomment %}\r\n                    </tr>\r\n                 {% endfor %}\r\n                 {% else %}\r\n                    <tr>\r\n                        <th id=\"apply\" scope=\"col\">Apply</th>\r\n                        <th class=\"mz-checkout-digitalcredit-header-code\" id=\"{{ labels.digitalCreditCode }}\" scope=\"col\">{{ labels.digitalCreditCode }}</th>\r\n                        <th class=\"mz-checkout-digitalcredit-header-balance\" id=\"{{ labels.digitalCreditBalance }}\" scope=\"col\">{{ labels.digitalCreditBalance }}</th>\r\n                        <th class=\"mz-checkout-digitalcredit-header-amt-to-apply\" id=\"{{ labels.digitalCreditAmtToUse }}\" scope=\"col\">{{ labels.digitalCreditAmtToUse }}</th>\r\n                        <th class=\"mz-checkout-digitalcredit-header-remainder\" id=\"{{ labels.digitalCreditRemainder }}\" scope=\"col\">{{ labels.digitalCreditRemainder }}</th>\r\n                         {% if credit.attributes.isEnabled and credit.attributes.remainingBalance > 0 %}\r\n          <th class=\"mz-checkout-digitalcredit-header-unlabeled\" scope=\"col\">&nbsp;</th>\r\n                         \r\n                         {% endif %}\r\n                          {% comment %}\r\n                        <th class=\"mz-checkout-digitalcredit-header-unlabeled\" scope=\"col\">&nbsp;</th>\r\n                          <th class=\"mz-checkout-digitalcredit-header-unlabeled\" scope=\"col\">&nbsp;</th>\r\n                          {% endcomment %}  \r\n                       \r\n        </tr>\r\n                    {% endif %}\r\n      </thead>\r\n      <tbody>\r\n        <style>\r\n          label[label-code*=\"PWR-\"] { display: none !important; }\r\n          label[enabled-code*=\"PWR-\"] { display: block !important; }\r\n        </style>\r\n        {% for credit in model.availableDigitalCredits.models %}\r\n        <tr class=\"mz-checkout-digitalcredit-row\" data-mz-store-credit-code=\"{{ credit.attributes.code }}\" zinrelo-amount=\"{{ credit.attributes.currentBalance }}\">\r\n                            <td class=\"mz-checkout-digitalcredit-cell-enable\"  header=\"apply\">\r\n            <label enabled-code=\"{% if credit.attributes.isEnabled %}{{ credit.attributes.code }}{% endif %}\" style=\"display: none;\">APPLIED</label>\r\n           \r\n\r\n           <div class=\"a360-input\" style=\"margin-top:-10px\">\r\n              <input type=\"checkbox\" data-mz-digital-credit-enable {% if credit.attributes.isEnabled %} checked=\"checked\" {% else %} {% with credit.attributes.code as code %} {% with code|split(\"-\")|first as mycode %} {% if mycode == \"PWR\" %} {% comment %} checked=\"checked\" disabled=\"disabled\" {% endcomment %} {% endif %} {% endwith %} {% endwith %} {% endif %} class=\"data-mz-credit-enabled sr-only\" data-mz-credit-code-source=\"{{ credit.attributes.code }}\"  data-mz-credit-balance=\"{{ credit.attributes.currentBalance }}\"  id=\"enable{{ credit.attributes.code }}\" aria-label=\"Apply store credit {{ credit.attributes.code }} with balance of {{ credit.attributes.currentBalance }}\"/>\r\n                 <label for=\"enable{{ credit.attributes.code }}\"> </label>\r\n\r\n             </div>\r\n                            </td>\r\n          <td class=\"mz-checkout-digitalcredit-cell-code\" header=\"{{ labels.digitalCreditCode }}\">\r\n            <label class=\"mz-checkout-digitalcredit-code\" for=\"enable{{ credit.attributes.code }}\">\r\n              <span class=\"mz-checkout-digitalcredit-code\" data-mz-value=\"credit.attributes.code\">{{ credit.attributes.code }}</span>\r\n              <span data-mz-sweet-reward-display=\"{{ credit.attributes.code }}\">(SWEET REWARD)</span>\r\n            </label>\r\n          </td>\r\n          <td class=\"mz-checkout-digitalcredit-cell-balance\" header=\"{{ labels.digitalCreditBalance }}\">{{ credit.attributes.currentBalance|currency }}</td>\r\n          <td class=\"mz-checkout-digitalcredit-cell-amt-to-apply\" header=\"{{ labels.digitalCreditAmtToUse }}\">\r\n                                <input class=\"data-mz-credit-amt-to-apply\" data-mz-credit-code-target=\"{{ credit.attributes.code }}\" min=\"1\" step=\"0.01\" data-mz-digital-credit-amount data-mz-value=\"creditAmountApplied\" {% if credit.attributes.creditAmountApplied %}value=\"{{ credit.attributes.creditAmountApplied|currency }}\"{% endif %} {% if not credit.attributes.isEnabled %}disabled=\"true\"{% endif %} />\r\n            <span data-mz-sweet-reward-code=\"{{ credit.attributes.code }}\">{{ credit.attributes.currentBalance|currency }}</span>\r\n          </td>\r\n                             {% if credit.attributes.isEnabled and credit.attributes.remainingBalance > 0 %}\r\n          <td class=\"mz-checkout-digitalcredit-cell-remainder\" header=\"{{ labels.digitalCreditRemainder }}>\r\n              <span class=\"mz-checkout-digitalcredit-remainder\" data-mz-value=\"credit.attributes.remainingBalance\">{{ credit.attributes.remainingBalance|currency }}</span>\r\n                            </td>\r\n            {% endif %}\r\n                            {% comment %}\r\n                                {% if not model.isAnonymousShopper and not credit.attributes.isTiedToCustomer and credit.attributes.isEnabled and credit.attributes.remainingBalance > 0 %}\r\n          <td class=\"mz-checkout-digitalcredit-cell-savetoaccount\">\r\n                                    <input type=\"checkbox\" data-mz-value=\"credit.attributes.addRemainderToCustomer\" aria-label=\"add remaining amount to myaccount\" data-mz-digital-add-remainder-to-customer data-mz-credit-code-to-tie-to-customer=\"{{ credit.attributes.code }}\" id=\"addCust{{ credit.attributes.code }}\" value=\"true\" {% if credit.attributes.isTiedToCustomer %}disabled=\"true\" checked=\"true\"{% else %} {% if credit.attributes.addRemainderToCustomer %}checked=\"true\"{% endif %} {% endif %} />\r\n                                     {% if pageContext.isMobile%}\r\n                                      <label class=\"mz-paymenttype mz-paymenttype-store\" for=\"addCust{{ credit.attributes.code }}\">\r\n                                        <span class=\"mz-checkout-digitalcredit-remainder\">{{ labels.digitalCreditAddToAccount }}</span>\r\n                                    </label>\r\n          {% endif %}\r\n        </td>\r\n                                {% endif %}\r\n                           \r\n                           {% if not pageContext.isMobile%}\r\n                                 {% if not model.isAnonymousShopper and not credit.attributes.isTiedToCustomer and credit.attributes.isEnabled and credit.attributes.remainingBalance > 0 %}\r\n        <td class=\"mz-checkout-digitalcredit-cell-savetoaccount-label\">\r\n            <label class=\"mz-paymenttype mz-paymenttype-store\" for=\"addCust{{ credit.attributes.code }}\">\r\n              <span class=\"mz-checkout-digitalcredit-remainder\">{{ labels.digitalCreditAddToAccount }}</span>\r\n            </label>\r\n                                     </td>\r\n                                {% endif %} \r\n          {% endif %}\r\n                            {% endcomment %}\r\n                           \r\n        </tr>\r\n        {% endfor %}\r\n      </tbody>\r\n    </table>\r\n  </div>\r\n  {% endif %}\r\n    {% endif %}\r\n{% if not user.isAuthenticated %}\r\n <label for=\"sweet rewards\" class=\"mz-inline sweetrewards\" id=\"sweet-rewards\"><button class=\"open-guestcheckoutmodal-modal\" aria-describedby=\"sweet-rewards\" data-mz-attr=\"Login\"> Log in</button> to use your Sweet Rewards Points.</label>\r\n {% endif %}\r\n</div>\r\n","modules/checkout/checkout-payment":"<div class=\"mz-checkout-payment\">\r\n  <p class=\"mz-checkout-paymenttitle\"><strong>{% if model.amountCollected > 0 %}{{ model.amountCollected|currency }}{% else %}{{ model.amountRequested|currency }}{% endif %}</strong> &mdash; \r\n        {% if model.billingInfo.paymentType == \"Check\" and model.billingInfo.customCreditType != 'ZinreloRedemption' %}{{ labels.checkByMail }}!!! {{ model.billingInfo.paymentType }} {{ model.billingInfo.customCreditType }}{% endif %} \r\n        {% if model.billingInfo.paymentType == \"Check\" and model.billingInfo.customCreditType == 'ZinreloRedemption' %}Sweet Rewards redemption {% endif %}\r\n        {% if model.billingInfo.paymentType == \"PaypalExpress2\" %} {{ labels.payPal }} {% endif %}{% if model.billingInfo.paymentType == \"CreditCard\" %}{{ labels.creditCard }}{% endif %}{% if model.billingInfo.paymentType == \"StoreCredit\" %}{% if model.billingInfo.customCreditType == 'ZinreloRedemption' %}Sweet Rewards{% else %}{{ labels.storeCredit }}{% endif %}{% endif %}\r\n    </p>\r\n\r\n                <dl class=\"mz-propertylist\">\r\n                    {% if model.billingInfo and model.billingInfo.billingContact and  model.billingInfo.billingContact.email %}\r\n                    <!--<dt>{{ labels.billingEmail }}</dt>\r\n                    <dd>{{ model.billingInfo.billingContact.email }}</dd> -->\r\n                    {% endif %}\r\n                    {% if model.billingInfo.paymentType == \"StoreCredit\" %}\r\n                      {% if model.billingInfo.customCreditType != \"ZinreloRedemption\" %}\r\n                        <!--<dt>{{ labels.storeCreditNumber }}</dt>\r\n                        <dd>{{ model.billingInfo.storeCreditCode }}</dd> -->\r\n                      {% endif %}\r\n                    {% else %}\r\n                        {% if model.billingInfo.paymentType != \"PayPalExpress2\" %}\r\n                {% if  model.billingInfo.paymentType != \"PayWithAmazon\"%}\r\n                    <!--<dt>{{ labels.billingName }}</dt>\r\n                    <dd>{{ model.billingInfo.billingContact.firstName }} {{ model.billingInfo.billingContact.lastNameOrSurname }}</dd>-->\r\n                    <div class=\"orderSummeryTitle\" style=\"display: none;\">Billing Address</div>\r\n                    <div class=\"mz-addresssummary orderSummeryDesc\">{% include \"modules/common/address-summary\" with model=model.billingInfo.billingContact %}</div>\r\n                        {% endif %}\r\n                    {% endif %}\r\n        {% endif %}\r\n        {% if model.billingInfo.paymentType == \"PayWithAmazon\" %}\r\n            <!-- <dt>Payment Method</dt>\r\n            <dd><img src=\"../../resources/images/amazonpay60x38.png\"/></dd> -->\r\n        {%endif%}\r\n                    {% if model.billingInfo.paymentType == \"CreditCard\" %}\r\n                   <!-- <dt>{{ labels.cardType }}</dt>\r\n            <dt>{{ labels.cardType }}</dt>\r\n                     <dd>{{ model.billingInfo.card.paymentOrCardType }}</dd>\r\n                    <dt>{{ labels.cardNumber }}</dt>\r\n                    <dd>{{ model.billingInfo.card.cardNumberPartOrMask|default(\"****************\") }}</dd> -->\r\n                    {% endif %}\r\n                    {% if model.billingInfo.paymentType == \"PayPalExpress2\" %}\r\n                   <!-- <dt>{{ labels.paymentType }}</dt>\r\n                    <dd>{{ labels.payPal }}</dd> -->\r\n                    {% endif %}\r\n                    {% if model.billingInfo.paymentType == \"Check\" %}\r\n                    <!--\r\n                    <!-- <dt>{{ labels.checkNumber }}</dt>\r\n                    <dd>{{ model.billingInfo.check.checkNumber }}</dd> -->\r\n                    -->\r\n                    <!-- <dt><strong>Sweet Rewards redemption</strong></dt>\r\n                    <dt><strong>{{ labels.mailCheckTo }}</strong></dt>\r\n                    <dd class=\"mz-addresssummary\">\r\n                      <span>something</span>\r\n                <span>{{ ViewData.mailCheckTo.shippingOriginContact.firstName}} {{ViewData.mailCheckTo.shippingOriginContact.lastNameOrSurname }}</span>\r\n                        <span>{{ ViewData.mailCheckTo.shippingOriginContact.companyOrOrganization }}</span>\r\n                        {% include \"modules/common/address-summary\" with model=ViewData.mailCheckTo %}\r\n                    </dd> -->\r\n                    \r\n                  {% endif %}\r\n                </dl>\r\n</div>","modules/checkout/checkout-store-credit":"<div class=\"mz-checkout-storecredit mz-l-stack-section\">\r\n{% if model.activeStoreCredits %}\r\n  <h4 class=\"mz-l-stack-sectiontitle\">{{ labels.storeCredits }}</h4>\r\n    <div class=\"mz-checkout-appliedcredits\">\r\n        <p>{{ labels.storeCreditApplied }}</p>\r\n        <ul class=\"mz-checkout-storecredit-appliedcreditslist\">\r\n            {% for credit in model.activeStoreCredits %}\r\n            <li class=\"mz-checkout-storecredit-credit mz-checkout-storecredit-credit-applied\">\r\n                <span class=\"mz-checkout-storecredit-creditamount\">{{ credit.amountRequested|currency }}</span>\r\n                <span class=\"mz-checkout-storecredit-creditcode\">{{ labels.storeCreditNumber }}: {{ credit.billingInfo.storeCreditCode }}</span>\r\n                <a href=\"javascript:;\" class=\"mz-icon mz-icon-close\" data-mz-action=\"removeCredit\" data-mz-credit-id=\"{{ credit.id }}\">X</a>\r\n            </li>\r\n            {% endfor %}\r\n        </ul>\r\n        <p class=\"mz-checkout-store-result\">{{ labels.remainingTotal }}</p>\r\n        <p class=\"mz-checkout-appliedcredits-remainingtotal\">\r\n            {{ model.nonStoreCreditTotal|currency }}\r\n        </p>\r\n    </div>\r\n{% endif %}\r\n{% if model.applyingCredit %}\r\n<h4 class=\"mz-l-stack-sectiontitle\">{{ labels.storeCredits }}</h4>\r\n<div class=\"mz-checkout-storecredit-apply\">\r\n    <div class=\"mz-checkout-storecredit-applyamount\">\r\n        {{ labels.apply }} <input type=\"number\" max=\"{{ model.maxCreditAmountToApply }}\" data-mz-value=\"creditAmountToApply\" min=\"1\" step=\"0.01\" value=\"{{ model.maxCreditAmountToApply }}\" /> {{ labels.of }} {{ model.applyingCredit.currentBalance|currency }} {{ labels.from }} {{ model.applyingCredit.code }}\r\n    </div>\r\n    <div class=\"mz-checkout-storecredit-applyactions\">\r\n        <button class=\"mz-button\" data-mz-action=\"finishApplyCredit\">{{ labels.apply }}</button>\r\n        <button class=\"mz-button\" data-mz-action=\"cancelApplyCredit\">{{ labels.cancel }}</button>\r\n    </div>\r\n</div>\r\n{% elseif model.availableStoreCredits and model.nonStoreCreditTotal > 0 %}\r\n  <h4 class=\"mz-l-stack-sectiontitle\">{{ labels.storeCredits }}</h4>\r\n  <p>{{ labels.storeCreditAvailable }}</p>\r\n  <div class=\"mz-checkout-storecredit-list\">\r\n    {% for credit in model.availableStoreCredits %}\r\n    <label class=\"mz-checkout-storecredit-credit\">\r\n      <input type=\"radio\" {% if model.selectedCredit == credit.code %}checked=\"checked\"{% endif %} name=\"applycredit\" value=\"{{ credit.code }}\" data-mz-value=\"selectedCredit\" />\r\n      <span class=\"mz-checkout-storecredit-creditamount\">{{ credit.currentBalance|currency }}</span>\r\n      <span class=\"mz-checkout-storecredit-creditcode\">{{ credit.code }}</span>\r\n    </label>\r\n    {% endfor %}\r\n  </div>\r\n  <button class=\"mz-button\" {% if not model.selectedCredit %}disabled=\"disabled\"{% endif %} data-mz-action=\"beginApplyCredit\">{{ labels.applyCredit }}</button>\r\n{% endif %}\r\n</div>\r\n","modules/checkout/checkout-shipping-contact-selector":"{% extends \"modules/common/contact-selector\" %}\r\n{% block module-classes %} mz-l-tiles {% endblock module-classes %}","modules/checkout/chekout-email-capture":"<div id=\"email-dialog\" class=\"wrapper_email top-sec\"> \n    <div class=\"content\">\n        <div class=\"main_content\">\n            <div class=\"checkout_login form-content\">\n                <fieldset>\n                <legend>\n                <div class=\"content-tab-sys-labels\"> \n                      <h2 attr-data=\"proceed_guest\" class=\"guest-login labelmodel active\">Log In to your Account</h2> \n                </div>  \n                </legend>\n                <form></form>\n                <form class=\"{% block form-class %}login_submit {% endblock form-class %}\" method=\"post\" novalidate=\"novalidate\" >\n                    <div class=\"mz-l-formfieldgroup\">  \n                        <div class=\"mz-l-formfieldgroup-row\"> \n                            <div class=\"mz-l-formfieldgroup-cell\">\n                                 <label for=\"email\">Enter Email Address*</label>\n                                <input aria-describedby=\"useremailerror\" autocomplete=\"email\" name=\"email\" id=\"email\" type=\"email\" aria-required=\"true\" class=\"user-email\"/>\n                                <span class=\"error-user\" id=\"useremailerror\" role=\"alert\"></span>    \n                            </div> \n                        </div>\n                        <div class=\"mz-l-formfieldgroup-row\">\n                            <div class=\"mz-l-formfieldgroup-cell zero-cellspace\">\n                                 <label for=\"password\">Enter Password*</label> \n                                <input name=\"password\" id=\"password\" autocomplete=\"password\" type=\"password\" class=\"user-password\" aria-required=\"true\" aria-describedby=\"loginerror\"/>\n                                <span class=\"loginError\" id=\"loginerror\" role=\"alert\"></span> \n                            </div>\n                            </div> \n                        <div class=\"mz-l-formfieldgroup-row\">\n                            <div class=\"mz-l-formfieldgroup-cell forgotpass\">\n                                <a  href=\"/user/forgotpassword\" title=\"Forgot password - links to a new page\"  class=\"mz-forgot\">{{ labels.forgotPasswordLink }}</a>\n                            </div> \n                            <div class=\"mz-l-formfieldgroup-cell\"></div>\n                            <div class=\"mz-l-formfieldgroup-cell noposition\">\n                                <div class=\"mz-l-formfieldgroup-row margin-btm\">\n                                        <fieldset class=\"a360-input\">\n                                        <legend class=\"sr-only\">agree to the policies</legend>\n                                        <input type=\"checkbox\" name=\"guestlogin-cpp-checkbox\" id=\"guestlogin-cpp-checkbox\" class=\"checkout-login-confirm-checkbox\" style=\"display:flex !important;\">\n                                        <label for=\"guestlogin-cpp-checkbox\">By clicking Log In, I agree to the policies outlined in the <a href=\"/terms-of-use\" target=\"_blank\"> Terms of Use</a> and <a href=\"/privacy-policy\" target=\"_blank\">Privacy Policy.</a><span>&nbsp;(Required)</label>\n                                        </fieldset>\n                                </div>\n                                <fieldset>\n                                <legend>\n                                <button disabled=\"disabled\"  class=\"checkout-login-btn mz-button mz-button-large cpp-loginpopup active-button brontocart-login-email {% block addbutton-class %}{% endblock %}\" id=\"addbutton\">Log In</button>\n                                </fieldset>\n                                </legend>\n                            </div>\n                        </div>\n                    </div>\n                </form>    \n                <div class=\"clearfix\"></div>\n            </fieldset>\n            </div> \n            <div class=\"separetor\">\n                <span class=\"line-v\"></span><span class=\"text-or\">OR</span><span class=\"line-v\"></span>\n            </div>\n            <div class=\"proceed_guest form-content\">\n                <fieldset>\n                <legend>\n                <div class=\"content-tab-sys-labels\"> \n                    <h2 attr-data=\"proceed_guest\" class=\"guest-login labelmodel active\">Continue as Guest</h2> \n                </div>\n                </legend>\n                <form class=\"guest_submit\" method=\"post\" novalidate=\"novalidate\">\n                    <div class=\"mz-l-formfieldgroup\">\n                        <div class=\"mz-l-formfieldgroup-row\">\n                            <div class=\"mz-l-formfieldgroup-cell\">\n                                <label for=\"guest_email\">Enter Email Address*</label>\n                                <input aria-describedby=\"guestemailerror\" autocomplete=\"email\" name=\"email\" id=\"guest_email\" type=\"email\" class=\"guest-email\"/>   \n                                <span class=\"error-guest\" id=\"guestemailerror\"></span>\n                            </div>\n                            </div>\n                        <div class=\"mz-l-formfieldgroup-cell guest_text\">\n                            <label class=\"required-fields email_account_text\" >Continue as a Guest and create an Account after the order is placed.</label>\n                        </div> \n                        <div class=\"mz-l-formfieldgroup-row\">\n                            <div class=\"mz-l-formfieldgroup-cell\"></div> \n                            <div class=\"mz-l-formfieldgroup-cell\">\n                                <div class=\"mz-l-formfieldgroup-row\">\n                                    <div class=\"mz-l-formfieldgroup-cell\"></div>\n                                    <div class=\"mz-l-formfieldgroup-cell\">\n                                        <fieldset class=\"a360-input\">\n                                        <input aria-hidden=\"true\" type=\"checkbox\" name=\"special-offers\" id=\"special-offers\" class=\"checkout-login-confirm-checkbox mz-checkout-optin\" {% if model.acceptsMarketing %}checked=\"checked\" {% endif %}data-mz-value=\"acceptsMarketing\" style=\"display:flex; visibility: hidden;\" >\n                                        <label aria-hidden=\"true\" for=\"special-offers\" style=\"visibility: hidden;\">{{ labels.optIn|string_format(siteContext.generalSettings.websiteName) }}</label>\n                                        </fieldset>  \n                                </div>\n                            </div>   \n                                <div class=\"mz-l-formfieldgroup-row margin-btm\">\n                                    <fieldset class=\"a360-input\">\n                                     <legend class=\"sr-only\">agree to the policies</legend>\n                                        <input type=\"checkbox\" name=\"guestmail-cpp-checkbox\" id=\"guestmail-cpp-checkbox\" class=\"checkout-login-confirm-checkbox\" style=\"display:flex;\">\n                                        <label for=\"guestmail-cpp-checkbox\">By clicking Continue as Guest, I agree to the policies outlined in the <a class=\"terms-link-checkout\" href=\"/terms-of-use\" target=\"_blank\"> Terms of Use</a> and <a href=\"/privacy-policy\" target=\"_blank\">Privacy Policy.</a><span>&nbsp;(Required)</label>\n                                    </fieldset>\n                                </div>\n                                <fieldset>\n                                <legend>\n                                    <button  class=\"mz-button mz-button-large active-button brontocart-guest-email cpp-guest\" id=\"guest_addbutton\" disabled=\"disabled\">Continue as Guest</button>\n                                </legend>\n                                </fieldset>\n                            </div>\n                        </div> \n                    </div>\n                </form>    \n                <fieldset>\n                <div class=\"clearfix\"></div> \n            </div>\n        </div>\n    </div>  \n</div> \n{% require_script \"pages/checkout\" %}\n<style>\n.email_account_text\n{\ncolor: #707070;\nfont-size: 11px;\nfont-weight: 600;\nline-height: 1.5;\ndisplay: block;\n}\n</style>\n\n","modules/checkout/comments-field":"<label class=\"label-text\" for=\"order-comments\">Gift Message</label>\r\n<textarea id=\"order-comments\" \r\n          aria-describedby=\"comments-character-count\"\r\n          class=\"mz-checkoutform-comments-field\"\r\n          mz-checkoutform-comments-field-tag\r\n          name=\"comments\" cols=\"43\" maxlength=\"300\" \r\n          data-mz-value=\"shopperNotes.giftMessage\" style=\"margin-bottom: 5px; text-align: center;\">{{ model.shopperNotes.giftMessage }}</textarea><br>\r\n          \r\n          <span id=\"comments-character-count\" aria-live=\"polite\" aria-atomic=\"true\">Length: 0 (300 characters, or 10 lines limit)</span> \r\n                              \r\n          <span id=\"comments-display\" style=\"display: {% if model.shopperNotes.giftMessage.length > 0 %}block{% else %}none{% endif %};\">\r\n             \r\n\r\n            <br>This is approximately how your message will appear on the notecard:\r\n            <p style=\"text-align: center; padding: 3px; background: #dddddd; word-break: break-all;\">    \r\n              <span id=\"line0\"></span><br>\r\n              <span id=\"line1\"></span><br>\r\n              <span id=\"line2\"></span><br>\r\n              <span id=\"line3\"></span><br>\r\n              <span id=\"line4\"></span><br>\r\n              <span id=\"line5\"></span><br>\r\n              <span id=\"line6\"></span><br>\r\n              <span id=\"line7\"></span><br>\r\n              <span id=\"line8\"></span><br>\r\n              <span id=\"line9\"></span><br>\r\n            </p>\r\n          </span>\r\n","modules/checkout/coupon-code-field":"<div class=\"mz-l-formfieldgroup-cell\" tabindex=\"0\">\r\n  \r\n    <label for=\"coupon-code\" class=\"coupondata payment-accordion\">   \r\n        Enter Coupon Code\r\n       <span class=\"arrow\"></span>\r\n    </label>  \r\n</div>\r\n<div class=\"mz-l-formfieldgroup-cell field-sec\">\r\n        {% comment %}\r\n    {% if model.orderDiscounts.length > 0 %}\r\n        {% for coupon in model.orderDiscounts  %}\r\n                    {% if coupon.couponCode!==\"\" %}\r\n                        <input type=\"text\" id=\"coupon-code\" name=\"coupon-code\" value=\"{{coupon.couponCode}}\" data-mz-value=\"couponCode\" autocomplete=\"new-coupon\" />\r\n                <div class=\"remove-coupon-checkout\" tabindex=\"0\" role=\"button\" aria-label=\"Remove Coupon\" autocomplete=\"off\">Remove</div>  \r\n            {% endif %}\r\n        {% endfor %}  \r\n            {% endif %}\r\n        {% endcomment %}\r\n        {% if model.couponCodes.length > 0 %}\r\n            <input type=\"text\" id=\"coupon-code\" name=\"coupon-code\" value=\"{{ model.couponCodes|first }}\" data-mz-value=\"couponCode\" autocomplete=\"new-coupon\" aria-describedby=\"error-msg\"  />\r\n            <div class=\"remove-coupon-checkout\" tabindex=\"0\" role=\"button\" aria-label=\"Remove Coupon\" autocomplete=\"off\">Remove</div> \r\n        {% endif %}\r\n        {% if model.couponCodes.length == 0 %}\r\n            <input type=\"text\" id=\"coupon-code\" name=\"coupon-code\" value=\"\" data-mz-value=\"couponCode\" autocomplete=\"new-coupon\" aria-describedby=\"error-msg\"  />\r\n        <button class=\"mz-button\" data-mz-action=\"addCoupon\" {% if not model.couponCode %} disabled=\"disabled\" {% endif %}>{{ labels.apply }}</button>\r\n    {% endif %}\r\n    {% if model.seterror == 'coupon' %}\r\n        <span id=\"error-msg\" class=\"error-msg\" tabindex=\"-1\" >{{ model.errormessagecoupon }}</span> \r\n    {% else %}\r\n        <span id=\"error-msg\" class=\"error-msg\" tabindex=\"-1\" ></span> \r\n    {% endif %}\r\n    <div class=\"coupon-error\" tabindex=\"-1\">Error: You cannot apply more than one coupon code. </div>        \r\n    </div>\r\n","modules/checkout/payment-paybyamazon":"<div class=\"mz-l-stack-section amazon-pay-section\" tabindex=\"0\" style=\"display:inline-block;\">\n    <div class=\"mz-l-formfieldgroup-cell\">\n        <img src=\"../resources/images/amazonpay60x38.png\"/ alt=\"Amazon pay Payment\" >\n    </div>\n   {%if model.firstName %}\n    <div class=\"mz-addresssummary \" style=\"margin-top:10px;\">\n        {% include \"modules/common/address-summary\"  %}\n    </div>\n   {%endif%}\n     <div  class=\"mz-l-formfieldgroup-cell \" style=\"margin:10px 0 20px;\" tabindex=\"0\">\n    <a data-mz-action=\"amazonShippingAndBilling\"  aria-label=\"{{labels.aswChangeBilling}}\" href=\"#\">{{labels.aswChangeBilling}}</a>\n    </div>\n</div>\n\n\n\n","modules/checkout/pay-with-rewards":"<!--\r\n  <div id=\"sweet-rewards-worksheet\" style=\"background: #f3d5cc;\">\r\n  <h4>Redeem Sweet Rewards points</h4>\r\n  You currently have <span id=\"sweet-rewards-points\"></span> points.\r\n  <div id=\"sweet-rewards-statement\"></div>\r\n  <div id=\"sweet-rewards-previous-redemptions\"></div>\r\n  <div id=\"pay-with-rewards-buttons\">\r\n    <button class=\"mz-button redeem\" deduction=\"500\" dollar-amount=\"5\">$5 (500 points)</button>\r\n    <button class=\"mz-button redeem\" deduction=\"1000\" dollar-amount=\"10\">$10 (1000 points)</button>\r\n    <button class=\"mz-button redeem\" deduction=\"1900\" dollar-amount=\"20\">$20 (1900 points)</button>\r\n  </div>\r\n</div>\r\n-->\r\n","modules/checkout/edit-saved-card-form":"{% dump model %}","modules/checkout/payment-selector":"{% with paymentId|default(0) as paymentId %}\r\n<div class=\"mz-l-formfieldgroup mz-paymentselector\">\r\n{% if model.isAwsCheckout %}\r\n         <div class=\"mz-l-formfieldgroup-row mz-l-security-box\" >\r\n                     {{ labels.awsPaymentWarning }}\r\n         </div>\r\n     {%endif%}\r\n    <div class=\"mz-l-formfieldgroup-row mz-paymentselector-option mz-paymentselector-newcreditcard mz-checkoutform {% if model.paymentType == \"CreditCard\" and not model.usingSavedCard %}mz-checkoutform-active{% endif %}\">\r\n        <div class=\"mz-l-formfieldgroup-row\">\r\n            <div class=\"mz-l-formfieldgroup-cell\">\r\n            {% comment %}\r\n                <input data-mz-value=\"paymentType\" data-mz-new-credit-card data-mz-payment-type id=\"paymentType-newcreditcard-{{ paymentId }}\" name=\"paymentType\" type=\"radio\" class=\"mz-paymenttype-input\" value=\"CreditCard\" {% if model.paymentType == \"CreditCard\" and not model.usingSavedCard %}checked=\"true\"{% endif %} />\r\n            {% endcomment %}\r\n            </div>\r\n            <div class=\"mz-l-formfieldgroup-cell\">\r\n                <label class=\"mz-paymentselector-label mz-paymentselector-label-newcreditcard mz-checkoutform-radio\" for=\"paymentType-newcreditcard-{{ paymentId }}\">{% if model.savedPaymentMethods %}{{ labels.newCreditCard }}{% else %}{{ labels.creditCard }}{% endif %}</label>\r\n            </div>\r\n        </div>\r\n        {% if model.paymentType == \"CreditCard\" and not model.usingSavedCard %}\r\n        {% include \"modules/checkout/billing-credit-card-form\" with model=model.card %}\r\n        <div class=\"mz-l-stack-section\">\r\n            <h3 class=\"mz-checkoutform-title\">{{ labels.billingAddress }}</h3>\r\n            {% include \"modules/checkout/billing-address-selector\" %}\r\n        </div>\r\n        {% endif %}\r\n    </div>\r\n    {% if model.savedPaymentMethods %}\r\n        <div class=\"mz-l-formfieldgroup-row mz-paymentselector-option mz-paymentselector-savedcreditcard mz-checkoutform {% if model.paymentType == \"CreditCard\" and model.usingSavedCard %}mz-checkoutform-active{% endif %}\">\r\n            <div class=\"mz-l-formfieldgroup-row\">\r\n                <div class=\"mz-l-formfieldgroup-cell\">\r\n                    <input data-mz-value=\"paymentType\" data-mz-saved-credit-card data-mz-payment-type id=\"paymentType-savedcreditcard-{{ paymentId }}\" name=\"paymentType\" type=\"radio\" class=\"mz-paymenttype-input\" value=\"CreditCard\" {% if model.paymentType == \"CreditCard\" and model.usingSavedCard %}checked=\"checked\"{% endif %} />\r\n                </div>\r\n                <div class=\"mz-l-formfieldgroup-cell\">\r\n                    <label class=\"mz-paymentselector-label mz-paymentselector-label-savedcreditcard mz-checkoutform-radio\" for=\"paymentType-savedcreditcard-{{ paymentId }}\">{{ labels.savedCreditCard }}</label>\r\n                    <select {% if not model.usingSavedCard %}disabled=\"true\"{% endif %} name=\"savedPaymentMethods\" class=\"mz-payment-select-saved-payments\" data-mz-value=\"savedPaymentMethodId\">\r\n\t\t\t\t        <option selected=\"selected\" value=\"\">{{ labels.selectSavedCreditCard }}</option>\r\n                        {% for card in model.savedPaymentMethods %}\r\n                        <option value=\"{{ card.id }}\" {% if model.savedPaymentMethodId == card.id %} selected=\"selected\" {% endif %}>{{ card.cardType }} {{ card.cardNumberPartOrMask }} {{ labels.expires }} {{ card.expireMonth }}/{{ card.expireYear }}</option>\r\n                        {% endfor %}\r\n                    </select>\r\n                {% if model.paymentType == \"CreditCard\" and model.usingSavedCard %}\r\n                    {% if not themeSettings.isCvvSuppressed %}\r\n                    <div class=\"mz-paymentselector-reenter-cvv\">\r\n                        <label class=\"mz-paymentselector-label\">{{ labels.securityCode }} <span class=\"is-required\">*</span></label>\r\n                        <input {% if not model.usingSavedCard %}disabled=\"true\"{% endif %} data-mz-saved-cvv type=\"tel\" name=\"security-code\" id=\"mz-payment-security-code-{{ paymentId }}\" class=\"mz-l-formfieldgroup-halfsize\" data-mz-value=\"card.cvv\" value=\"{{ model.card.cvv }}\" autocomplete=\"off\"/>\r\n                        <span class=\"mz-validationmessage\" data-mz-validationmessage-for=\"card.cvv\"></span>\r\n                    </div>\r\n                    {% endif %}\r\n                {% endif %}\r\n                </div>\r\n                {% if model.paymentType == \"CreditCard\" and model.usingSavedCard and model.savedPaymentMethodId %}\r\n                <div class=\"mz-l-stack-section\">\r\n                    <h3 class=\"mz-checkoutform-title\">{{ labels.billingAddress }}</h3>\r\n                    {% include \"modules/checkout/billing-address-selector\" %}\r\n                </div>\r\n                {% endif %}\r\n            </div>\r\n        </div>\r\n    {% endif %}\r\n    {% if siteContext.checkoutSettings.payByMail %}\r\n    <div class=\"mz-l-formfieldgroup-row mz-paymentselector-option mz-paymentselector-check mz-checkoutform {% if model.paymentType == \"Check\" %}mz-checkoutform-active{% endif %}\">\r\n        <div class=\"mz-l-formfieldgroup-row\">\r\n            <div class=\"mz-l-formfieldgroup-cell\">\r\n                <input data-mz-value=\"paymentType\" data-mz-check data-mz-payment-type id=\"paymentType-check-{{ paymentId }}\" name=\"paymentType\" type=\"radio\" class=\"mz-paymenttype-input\" value=\"Check\" {% if model.paymentType == \"Check\" %}checked=\"checked\"{% endif %} />\r\n            </div>\r\n            <div class=\"mz-l-formfieldgroup-cell\">\r\n                <label class=\"mz-paymentselector-label mz-paymentselector-label-check mz-checkoutform-radio\" for=\"paymentType-check-{{ paymentId }}\">{{ labels.checkByMail }}</label>\r\n            </div>\r\n        </div>\r\n        {% if model.paymentType == \"Check\" %}\r\n        {% include \"modules/checkout/checking-account-form\" %}\r\n        <div class=\"mz-l-stack-section\">\r\n            <h3 class=\"mz-checkoutform-title\">{{ labels.billingAddress }}</h3>\r\n            {% include \"modules/checkout/billing-address-selector\" %}\r\n        </div>\r\n        {% endif %}\r\n    </div>\r\n    {% endif %}\r\n    \r\n    {% with siteContext.checkoutSettings.externalPaymentWorkflowSettings|findwhere(\"isEnabled\", true) as externalPaymentWorkflowsEnabled %} \r\n        {% if externalPaymentWorkflowsEnabled %}\r\n            <div class=\"mz-l-formfieldgroup-row\">\r\n                <div class=\"mz-paymentselector-label-separator\">&ndash; {{ labels.or }} &ndash;</div>\r\n            </div>\r\n            {% for externalPayment in siteContext.checkoutSettings.externalPaymentWorkflowSettings %}\r\n\t\t\t\t{% if externalPayment.isEnabled %}\r\n                {% with externalPayment.name|lower as name %}\r\n                    <div class=\"mz-l-formfieldgroup-row mz-paymentselector-externalworkflows\">\r\n                        <div class=\"mz-l-formfieldgroup-cell\">\r\n                        </div>\r\n                        <div class=\"mz-l-formfieldgroup-cell\">\r\n                            {% if name == \"visacheckout\"%}\r\n                                <div class=\"mz-digitalwallets\">\r\n                                    <img alt=\"Visa Checkout\" class=\"v-button\" role=\"button\"\r\n                                    src=\"{{pageContext.visaCheckoutButtonUrl}}?size=154&amp;color=neutral\"/>\r\n                                </div>\r\n                            {% endif %}\r\n                             {% if name == \"paywithamazon\" %}\r\n                                 <div class=\"mz-paymenttype\" id=\"amazonButtonPaymentSection\">\r\n\r\n                                 </div>    \r\n                             {% endif %}\r\n                             {% if name == \"paypalexpress2\" %}\r\n                                 <img id=\"btn_xpressPaypal\" class=\"p-button\" alt=\"Checkout with PayPal\" role=\"button\" src=\"https://www.paypalobjects.com/webstatic/en_US/i/buttons/checkout-logo-medium.png\" width=\"170px\" height=\"32px\" align=\"left\" style=\"margin-right:7px; float:right;\"/>\r\n                             {%endif%}\r\n                        </div>\r\n                    </div>\r\n                {% endwith %}\r\n\t\t\t\t{% endif %}\r\n            {% endfor %}\r\n        {% endif %}\r\n    {% endwith %}\r\n    <div class=\"mz-l-formfieldgroup-row mz-paymentselector-validation\">\r\n        <div class=\"mz-formfieldgroup-cell\">\r\n        </div>\r\n        <div class=\"mz-formfieldgroup-cell\">\r\n            <span class=\"mz-validationmessage\" data-mz-validationmessage-for=\"paymentType\"></span>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n{% endwith %}\r\n","modules/checkout/step-review":"<div class=\"mz-formstep-body mz-checkoutform-review\">\r\n            <p class=\"mz-formstep-desc\"  >{{ labels.reviewOrderText }}</p>\r\n\r\n            {% if themeSettings.requireCheckoutAgreeToTerms %}\r\n            <div class=\"mz-l-formfieldgroup mz-l-formfieldgroup-norows\">\r\n            <label class='inline'>\r\n                <input type=\"checkbox\" name=\"terms-and-conditions\" id=\"mz-terms-and-conditions\" data-mz-value=\"agreeToTerms\" {% if model.agreeToTerms %} checked=\"checked\"{% endif %}> {{ labels.agreeToTerms }}\r\n            </label>\r\n            <span class=\"mz-validationmessage\" data-mz-validationmessage-for=\"agreeToTerms\"></span>\r\n            </div>\r\n            {% endif %}\r\n             <div class=\"mz-l-formfieldgroup-row\">\r\n            {% comment %}\r\n            <label class=\"checkbox-outer-label\">\r\n            <input id=\"submitorder-cpp-checkbox\" type=\"checkbox\" {% if model.agreeToTerms %} checked=\"checked\"{% endif %}><span class=\"text\"> By clicking Place Order, I agree to the policies outlined in the<a href=\"/terms-of-use\" target=\"_blank\"> Terms of Use</a> and <a href=\"/privacy-policy\" target=\"_blank\">Privacy Policy.</a> <span>(Required)</span></span>\r\n            <span class=\"checkmark-style review-checkbox\"></span>\r\n            </label> \r\n            {% endcomment %}\r\n            <fieldset>\r\n                <legend class=\"sr-only\">submit order</legend>\r\n                    <input id=\"submitorder-cpp-checkbox\" class=\"checkbox-outer-label\" type=\"checkbox\" {% if model.agreeToTerms %} checked=\"checked\"{% endif %}>\r\n                    <label for=\"submitorder-cpp-checkbox\" class=\"text\">\r\n                    By clicking Place Order, I agree to the policies outlined in the\r\n                    <a href=\"/terms-of-use\" target=\"_blank\"> Terms of Use</a> and\r\n                    <a href=\"/privacy-policy\" target=\"_blank\">Privacy Policy.</a>\r\n                    <span>(Required)</span>\r\n                    </label>\r\n                    \r\n                </fieldset>\r\n            </div>\r\n    {% comment %}\r\n            {% if not user or user.isAnonymous %}\r\n          \r\n            <div class=\"mz-l-formfieldgroup mz-l-formfieldgroup-norows\">\r\n                <label class='inline checkbox-outer-label'>\r\n                    <input type=\"checkbox\" name=\"create-new-account\" data-mz-value=\"createAccount\" {% if model.createAccount %} checked=\"checked\"{% endif %} > {{ labels.createAccount }}\r\n                    <span class=\"checkmark-style\"></span>\r\n                </label>\r\n            </div>\r\n                {% if model.createAccount %}\r\n                <div class=\"mz-l-formfieldgroup mz-create-account-fields\">\r\n                    <div class=\"mz-l-formfieldgroup-row\">\r\n                        <div class=\"mz-l-formfieldgroup-cell\">\r\n                            <label for=\"new-account-email\"> {{ labels.email }}<span class=\"is-required\" aria-label=\"mandatory field\"> *</span> </label>\r\n                        </div>\r\n                        <div class=\"mz-l-formfieldgroup-cell\">\r\n                            <input type=\"text\" name=\"new-account-email\" aria-describedby=\"err_1\" id=\"new-account-email\" data-mz-value=\"emailAddress\" value=\"{{ model.emailAddress|default(model.billingInfo.billingContact.email) }}\"><!-- ADA OK -->\r\n                            <div class=\"mz-l-formfieldgroup-row\" style=\"display: block;\">                    \r\n                                <span class=\"mz-validationmessage\" id=\"err_1\" data-mz-validationmessage-for=\"emailAddress\"></span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mz-l-formfieldgroup-row\">\r\n                        <div class=\"mz-l-formfieldgroup-cell\">\r\n                            <label for=\"newaccountpassword\"> {{ labels.password }}<span class=\"is-required\" aria-label=\"mandatory field\"> *</span> </label>\r\n                        </div>\r\n                        <div class=\"mz-l-formfieldgroup-cell mz-cellnewaccount\">\r\n                        <div class=\"mbl-newpassword\">\r\n                                <p>Password must be a minimum of 6 characters with at least 1 number and 1 alphabetic character.</p>\r\n                            </div>\r\n                            <input type=\"password\" name=\"new-account-password\" id=\"newaccountpassword\" aria-describedby=\"err_2\" data-mz-value=\"password\" value=\"{{ model.password }}\">\r\n                            <div class=\"mz-l-formfieldgroup-row\" style=\"display: block;\">        \r\n                                <span class=\"mz-validationmessage\" id=\"err_2\" data-mz-validationmessage-for=\"password\"></span>\r\n                            </div>\r\n                        <div class=\"pwd-message\">\r\n                        <div class=\"arrow-right\"></div> \r\n                                <p>Password must be a minimum of 6 characters with at least 1 number and 1 alphabetic character.</p>\r\n                        </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mz-l-formfieldgroup-row\">\r\n                        <div class=\"mz-l-formfieldgroup-cell\">\r\n                            <label for=\"confirmpassword\"> {{ labels.confirmPassword }}<span class=\"is-required\" aria-label=\"mandatory field\"> *</span> </label>\r\n                        </div>\r\n                        <div class=\"mz-l-formfieldgroup-cell\">\r\n                             <input type=\"password\" name=\"new-account-confirm\" id=\"confirmpassword\" aria-describedby=\"err_3\" data-mz-value=\"confirmPassword\" value=\"{{ model.confirmPassword }}\">\r\n                             <div class=\"mz-l-formfieldgroup-row\" style=\"display: block;\">                    \r\n                                <span class=\"mz-validationmessage\" id=\"err_3\" data-mz-validationmessage-for=\"confirmPassword\"></span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {% endif %}\r\n            {% endif %}\r\n    {% endcomment %}\r\n            <div class=\"mz-formstep-next\">\r\n        <button type=\"button\" class=\"place-order-btn\" disabled=\"disabled\">{{ labels.placeOrder }}</button>\r\n        <button type=\"button\" class=\"brontocart-place-order mz-button mz-button-large\" data-mz-action=\"submit\">{{ labels.placeOrder }}</button>\r\n    </div>\r\n</div>\r\n","modules/checkout/step-shipping-address":"<div class=\"jb-inner-overlay\"></div>\r\n    <div class=\"mz-messagebar\" data-mz-message-bar>\r\n        <ul id=\"bypassNotification\" tabindex=\"-1\"  class=\"is-showing mz-errors\" style=\"background-color:#f9eee6; border: unset; display: none; color:#000; font-weight:bold;padding: 3px 3px 3px 3px;\">\r\n\t\t\t<li>\r\n        <p style=\"text-align: left; color:#000; font-weight:bold;font-size: 18px; margin-left: 15px;\">{{themeSettings.bypass_headline1}}</p>\r\n\t\t\t\t<p style=\"margin-left: 15px; text-align: left; color:#252525; font-size:14px;\">\r\n          1. {{themeSettings.bypass_warn1}}<br>\r\n          2. {{themeSettings.bypass_warn2}}\r\n        </p>\r\n\t\t\t</li>\r\n\t\t</ul>\r\n    </div>\r\n    \r\n   <div class=\"mz-formstep-header\">\r\n    <span class=\"step-no\">1.</span>\r\n    <h2 class=\"headingStyle\" >\r\n       <label class=\"no-pointer\" >{{ labels.shippingInformation }}</label> \r\n     </h2>\r\n        <span class=\"step-completed\"></span>\r\n        {% if model.requiresFulfillmentInfo || model.requiresDigitalFulfillmentContact %}\r\n           {% if  model.stepStatus === \"complete\"%}\r\n            <button id=\"shippingaddress-edit\" class=\"mz-button mz-button-small mz-formstep-edit\" data-mz-action=\"edit\" >\r\n            {{ labels.edit }}\r\n        </button>\r\n        {% endif %}\r\n        {% endif %}\r\n        {% if model.contacts.length>0 && model.contactId != \"new\" && model.stepStatus!==\"complete\" && user.isAuthenticated %} \r\n            <label class=\"mz-contactselector-contact mz-contactselector-new no-form\" style=\"display:inline-block;\">\r\n                <span class=\"mz-contactselector-inputwrapper\">\r\n                    <input type=\"radio\" data-mz-value=\"{{ contactcontext }}contactId\" name=\"contactId\" value=\"new\" data-mz-enternewcontact >\r\n                </span>\r\n                <div class=\"mz-contactselector-summarywrapper\" >\r\n                    <div class=\"mz-addresssummary\"> \r\n                        <button aria-label=\"Click to Enter New Address\" class=\"newcontact\" {% if model.requiresFulfillmentInfo %}{% else %}{% if model.requiresDigitalFulfillmentContact %}  \r\n              style=\"display:none\"\r\n            {% endif %}{% endif %}>{{ labels.enterNewAddress }}</button>\r\n                    </div>\r\n                </div>\r\n            </label>\r\n        {% endif %}\r\n    </div>\r\n    <div class=\"mz-formstep-body\">\r\n    \r\n      {% if not model.address.candidateValidatedAddresses %}\r\n      <div class=\"mz-formstep-summary mz-addresssummary {% if model.requiresDigitalFulfillmentContact %} giftcardadj {% endif %}\" >\r\n                {% if model.requiresFulfillmentInfo %}\r\n                {% include \"modules/common/address-summary\" %}\r\n                {% else %}\r\n                {{ labels.noFulfillmentInfoRequired }}\r\n                {% endif %}\r\n            </div>\r\n            {% if model.requiresFulfillmentInfo %}\r\n                  <div class=\"mz-formstep-fields mz-l-formfieldgroup\">\r\n          <p class=\"address-info {% if model.contactId != \"new\" && user.isAuthenticated %} enternew{% endif%}\" >\r\n                      Please enter your Shipping information. Each shipping address requires its own order.\r\n                      <br />\r\n            If you need to ship to multiple addresses (four or more), please <a title=\"contact us\" target=\"_blank\" href=\"/contact-us\">Contact Us.</a>\r\n                      <br>\r\n                      PLEASE NOTE that we cannot ship to P.O. boxes. Orders with P.O. boxes will be cancelled.\r\n                    </p>\r\n\t\t\t\t\t{% if model.contacts %}\r\n                    {% include \"modules/checkout/checkout-shipping-contact-selector\" with editingContact=model %}\r\n                    {% else %}\r\n                    {% include \"modules/common/address-form\" with countries=pageContext.shippingCountries %}\r\n                    {% endif %}\r\n                  </div>\r\n            {% endif %}\r\n            {% if model.requiresDigitalFulfillmentContact %}\r\n                  <div class=\"mz-formstep-fields mz-l-formfieldgroup\">\r\n                    {% include \"modules/checkout/checkout-digital-fulfillment\" with editingContact=model %}\r\n                  </div>\r\n        <div class=\"mz-formstep-summary mz-addresssummary nomargins\">\r\n                    <span>Gift Card Email: {{ model.email }}</span>\r\n                  </div>\r\n            {% endif %}\r\n            \r\n         <div style=\"margin:5px 0 25px 20px;\"  id=\"changeAwsAddress\">\r\n               <a data-mz-action=\"amazonShippingAndBilling\" href=\"javascript:;\">{{labels.awsChangeAddress}}</a>\r\n        </div>\r\n     \r\n          <div class=\"mz-formstep-next\">\r\n            <button class=\"mz-button\" style=\"display: none;\" data-mz-action=\"confirmValidationBypass\" id=\"bypassButton\">\r\n                Use this Address\r\n            </button>\r\n        <button id=\"continuetoshipping\" class=\"brontocart-shipping-info gtm-to-shipping-method mz-button checkout-btn {% if model.contactId == \"new\" %}hide-class{% endif %} {% if model.requiresDigitalFulfillmentContact %} mz-digital-gift-card-product {% endif %}\" data-mz-action=\"next\" invoke-choose>\r\n                {% if model.requiresFulfillmentInfo %}\r\n                    {{ labels.contToShipMethod }}\r\n          {% else %}  \r\n                    {% if model.requiresDigitalFulfillmentContact %}  \r\n                        Continue to Payment Information\r\n                    {% endif %}\r\n                {%endif%}\r\n            </button>\r\n          </div>\r\n      {% else %}\r\n      \r\n\r\n      <div class=\"mz-formstep-fields mz-l-formfieldgroup suggestion-address\">\r\n        {% for addr in model.address.candidateValidatedAddresses %}\r\n        <label class=\"mz-l-formfieldgroup-row\">\r\n            <div class=\"mz-l-formfieldgroup-cell\">\r\n            {% if forloop.index == 1 %}\r\n                <span>We have updated your address to:</span>\r\n            {% else %}\r\n                <span>{{ labels.suggestionNum|string_format(forloop.index) }}</span>\r\n            {% endif %}\r\n          </div>\r\n          <div class=\"mz-l-formfieldgroup-cell\"> \r\n            <input data-mz-action=\"choose\" id=\"candidateValidatedAddresses\"  name=\"candidateValidatedAddresses\" type=\"radio\" \r\n                value=\"{{forloop.index0}}\"  style=\"display:{{themeSettings.showShippingAddressChoosingRadioButton}};\"/>\r\n          </div>\r\n          <div class=\"mz-l-formfieldgroup-cell\">\r\n            {{addr.address1}}<br />\r\n            {% if addr.address2 %}{{addr.address2}}<br />{% endif %}\r\n            {{addr.cityOrTown}}, {{addr.stateOrProvince}} {{addr.postalOrZipCode}} {{addr.countryCode}}\r\n          </div>\r\n        </label>\r\n        {% endfor %}\r\n        {% if siteContext.generalSettings.allowInvalidAddresses %}\r\n        <label class=\"mz-l-formfieldgroup-row\">\r\n          <div class=\"mz-l-formfieldgroup-cell\">\r\n              <span>Original</span> \r\n          </div>\r\n          <div class=\"mz-l-formfieldgroup-cell\">\r\n            <input data-mz-action=\"choose\" name=\"candidateValidatedAddresses\" type=\"radio\" value=\"-1\" style=\"display:{{themeSettings.showShippingAddressChoosingRadioButton}};\"/>\r\n          </div>\r\n          <div class=\"mz-l-formfieldgroup-cell\">\r\n            {{model.address.address1}}<br />\r\n            {% if model.address.address2 %}{{model.address.address2}}<br />{% endif %}\r\n            {{model.address.cityOrTown}}, {{model.address.stateOrProvince}} {{model.address.postalOrZipCode}} {{model.address.countryCode}}\r\n          </div>\r\n        </label>\r\n        {% endif %}\r\n        \r\n      </div>\r\n      <div class=\"mz-formstep-next\">\r\n        <button class=\"mz-button\" data-mz-action=\"next\">\r\n            {{ labels.contToShipMethod }}\r\n        </button>\r\n      </div>\r\n      {% endif %}\r\n</div>\r\n","modules/checkout/step-payment-info":"<div class=\"mz-formstep-header\">\r\n     <span class=\"step-no\"><label>{% if model.requiresFulfillmentInfo %}3. {% else %}2. {% endif %}</label></span>\r\n    <h2 class=\"headingStyle\"> <label  class=\"no-pointer\" aria-label=\"Step 3 {{ labels.paymentInformation }}\">{{ labels.paymentInformation }}</label> </h2>\r\n    <span class=\"step-completed\"></span>\r\n    {% if model.isExternalCheckoutFlowComplete %}\r\n<button type=\"button\" id=\"paymentinfo-edit\" class=\"mz-button mz-button-small mz-formstep-edit paymentType-edit\" data-mz-action=\"cancelExternalCheckout\">{{ labels.edit }}</button>\r\n{% else %}\r\n<button type=\"button\" id=\"paymentinfo-edit\" class=\"mz-button mz-button-small mz-formstep-edit\" data-mz-action=\"edit\">{{ labels.edit }}</button>\r\n{% endif %}\r\n</div> \r\n\r\n<div class=\"mz-formstep-body\">\r\n    <div class=\"mz-formstep-summary mz-l-stack\" tabindex=\"0\">\r\n        {% if model.activeStoreCredits and model.activeStoreCredits.length > 0 %}\r\n            <div class=\"mz-l-stack-section mz-checkout-payment\">\r\n                <h4 class=\"mz-l-stack-sectiontitle\">{{ labels.digitalCredit }}</h4>\r\n                {% for payment in model.activeStoreCredits %}\r\n                    <div class=\"mz-l-stack-section store-credit-payment\">\r\n                        <span>\r\n                            <strong>{{ payment.amountRequested|currency }}</strong> &mdash; {{ payment.billingInfo.storeCreditCode }}\r\n                        </span>\r\n                    </div>\r\n                {% endfor %}\r\n            </div>\r\n        {% endif %}\r\n        {% for payment in model.activePayments %}\r\n            {% if payment.billingInfo.paymentType == \"Check\" %}\r\n                <div class=\"mz-l-stack-section mz-checkout-payment\">\r\n                    <h4 class=\"mz-l-stack-sectiontitle\">{{ payment.billingInfo.paymentType }}</h4>\r\n                    <span><strong>{{ payment.amountRequested|currency }}</strong> &mdash; {{ payment.billingInfo.check.checkNumber }}</span>\r\n                    <dl class=\"mz-propertylist\">\r\n                        <dt>{{ labels.billingAddress }}</dt>\r\n                        <dd>\r\n                            <div class=\"mz-addresssummary\">\r\n                                {% include \"modules/common/address-summary\" with model=payment.billingInfo.billingContact %}\r\n                            </div>\r\n                        </dd>\r\n                    </dl>\r\n                </div>\r\n            {% endif %}\r\n            {% if payment.billingInfo.paymentType == \"CreditCard\" %}\r\n                <div class=\"mz-l-stack-section mz-checkout-payment\">\r\n                    <h4 class=\"mz-l-stack-sectiontitle\">{{ payment.billingInfo.paymentType }}</h4>\r\n                    <span>\r\n                      <strong id=\"credit-card-amount-with-rewards\"></strong>\r\n                      <strong id=\"credit-card-amount-without-rewards\">{{ payment.amountRequested|currency }}</strong> \r\n                      &mdash; {{ model.card.cardNumberPartOrMask }}\r\n                    </span>\r\n                    <dl class=\"mz-propertylist\">\r\n                        <dt>{{ labels.billingAddress }}</dt>\r\n                        <dd>\r\n                            <div class=\"mz-addresssummary\">\r\n                                {% include \"modules/common/address-summary\" with model=payment.billingInfo.billingContact %}\r\n                            </div>\r\n                        </dd>\r\n                    </dl>\r\n                </div>\r\n            {% endif %}\r\n            {% if payment.paymentWorkflow|lower  == \"paywithamazon\" || payment.billingInfo.paymentType|lower == \"paypalexpress2\"  %}\r\n                {% if model.nonStoreCreditTotal == 0%}\r\n                    <div class=\"mz-checkout-nopaymentrequired\" tabindex=\"0\" >{{ labels.noPaymentRequired|string_format(model.remainingTotal|currency) }}</div>\r\n                {% endif %}\r\n                {% if model.nonStoreCreditTotal > 0%}\r\n                 {%if payment.paymentWorkflow|lower  == \"paywithamazon\" %}\r\n                 \t{% include \"modules/checkout/payment-paybyamazon\" with model=payment.billingInfo.billingContact%}\r\n\r\n                {%endif%}\r\n                 {%if payment.paymentWorkflow|lower  == \"paypalexpress2\" %}\r\n                   <div class=\"mz-l-stack-section\">\r\n                        <div class=\"mz-l-formfieldgroup-cell clearfix\">\r\n                            <img alt=\"PayPal\" src=\"https://www.paypalobjects.com/webstatic/en_US/i/buttons/PP_logo_h_100x26.png\" align=\"left\" width=\"100px\" height=\"26px\" style=\"margin-right:7px;\">\r\n                        </div>\r\n    \r\n                       {%if model.billingContact.firstName %}\r\n                        <div class=\"mz-addresssummary\">\r\n                            {% include \"modules/common/address-summary\" with model=model.billingContact %}\r\n                        </div>\r\n                       {%endif%}\r\n                 {%endif%}\r\n                    </div>\r\n                {% endif %}\r\n            {% endif %}\r\n        {% endfor %} \r\n\r\n        {% if model.billingContact.email %}\r\n            <div class=\"mz-l-stack-section\">\r\n                <h3 class=\"mz-l-stack-sectiontitle\">{{ labels.billingContact }}</h3>\r\n                <p>{{ labels.email }}: <strong>{{ model.billingContact.email }}</strong></p>\r\n            </div>\r\n        {% endif %}\r\n        <div class=\"clearfix\"></div>\r\n    </div>\r\n\r\n    <style>\r\n      /* input[data-mz-credit-code-source*='PWR-'] { display: none; } */\r\n      input[data-mz-credit-code-target*='PWR-'] { display: none; }\r\n      span[data-mz-sweet-reward-code] { display: none; }\r\n      span[data-mz-sweet-reward-code*='PWR-'] { display: block; }\r\n      span[data-mz-sweet-reward-display] { display: none; }\r\n      span[data-mz-sweet-reward-display*='PWR-'] { display: block; }\r\n    </style>\r\n\r\n    <div class=\"mz-formstep-fields mz-l-stack payment-cc-section\">\r\n        <div class=\"accordion-pay coupon-code-row mz-l-formfieldgroup-row\">\r\n            <button class=\"coupondata payment-accordion\" id=\"coupondata\" aria-expanded=\"false\" aria-controls=\"sect1\">   \r\n                    Enter Coupon Code\r\n                <span class=\"arrow\"></span>\r\n            </button>\r\n            <div class=\"mz-l-formfieldgroup-cell field-sec Accordion-panel\" id=\"sect1\" role=\"region\">\r\n                <label for=\"coupon-codepayment\" style=\"display:none;\"></label>\r\n                <input placeholder=\"Enter Coupon Code\" type=\"text\" id=\"coupon-codepayment\" name=\"coupon-code\" value=\"\" data-mz-value=\"couponCodePayment\" autocomplete=\"new-coupon\" aria-describedby=\"error-msg\" />\r\n                <button id=\"coupon-codepayment-btn\"class=\"mz-button\"  {% if not model.couponCode %} disabled=\"disabled\" {% endif %}data-mz-action=\"couponCodepayment\">{{ labels.apply }}</button>\r\n                 <div style=\"display:none;\"data-mz-action=\"removecodecoupon\" class=\"remove-coupon-checkout\" id=\"remove-coupon-payment\" tabindex=\"0\" role=\"button\" aria-label=\"Remove Coupon\" autocomplete=\"off\">Remove</div> \r\n                <span id=\"error-msg\" class=\"error-msg setpaymentcouponerr\" role=\"alert\" tabindex=\"0\"></span>\r\n                <button id=\"dismiss-setpaymentcouponerr\">DISMISS</button>\r\n                <div id=\"error-msg\" class=\"coupon-error\" tabindex=\"-1\" >Error: You cannot apply more than one coupon code. </div>        \r\n            </div>   \r\n               \r\n         </div> \r\n        {% include \"modules/checkout/checkout-digital-credit\" %}\r\n        {% if model.nonStoreCreditTotal > 0 %}\r\n        {% if model.savedPaymentMethods %}\r\n            <div class=\"mz-l-formfieldgroup-row saved-payment-methods\">\r\n                <div class=\"mz-l-formfieldgroup-cell\">\r\n                    <h3 >Saved Payment Methods</h3>\r\n                </div>\r\n                <div class=\"card-list\">\r\n                    {% for card in model.savedPaymentMethods %}\r\n                   \r\n                        <label  class=\"card-item  {% if model.usingSavedCard and model.savedPaymentMethodId == card.id %} active {% endif %}\">\r\n                            {% comment %}\r\n                            <span class=\"input-Cointainer\" tabindex=\"0\">\r\n                                <input name=\"savedPaymentMethods\" value=\"{{ card.id }}\" aria-label=\"{{ card.cardType }} {{ card.cardNumberPartOrMask }}\" class=\"mz-payment-select-saved-payments\" type=\"radio\" data-mz-value=\"savedPaymentMethodId\" {% if model.usingSavedCard and model.savedPaymentMethodId == card.id %} checked=\"checked\" {% endif %}>\r\n                                <span class=\"customradio\"></span>\r\n                            </span>\r\n                            {% endcomment %}\r\n                            <input name=\"savedPaymentMethods\" value=\"{{ card.id }}\" aria-label=\"{{ card.cardType }} {{ card.cardNumberPartOrMask }}\" class=\"mz-payment-select-saved-payments input-Cointainer\" type=\"radio\" data-mz-value=\"savedPaymentMethodId\" {% if model.usingSavedCard and model.savedPaymentMethodId == card.id %} checked=\"checked\" {% endif %}>\r\n                            <span class=\"card-details\">\r\n                                <div class=\"detail-sect\" tabindex=\"0\"> \r\n                                    <span class=\"card-type\">{{card.cardType}} Credit Card</span><span class=\"name-on-card\">{{ card.nameOnCard }}</span>\r\n                                    <span class=\"exp-and-card-num\"><span class=\"card-number\">{{card.cardNumberPart}}</span><span class=\"card-expiry\">Expires <span class=\"inner-ele\">{{card.expireMonth}}/{{card.expireYear}}</span></span></span>\r\n                                    {% if card.cardType ==\"VISA\" %}\r\n                                        <img  class=\"card-type-icon {{card.cardType|lower|replace(\" \", \"\")}}\" src=\"../../resources/images/visa.png\"  alt=\"Visa credit card\">\r\n                                    {% endif %}\r\n                                    {% if  card.cardType ==\"DISCOVER\" %}\r\n                                        <img  class=\"card-type-icon {{card.cardType|lower|replace(\" \", \"\")}}\" src=\"../../resources/images/discover.png\" alt=\"Discover credit card\">\r\n                                    {% endif %}\r\n                                    {% if  card.cardType ==\"AMEX\" %}\r\n                                        <img  class=\"card-type-icon {{card.cardType|lower|replace(\" \", \"\")}}\" src=\"../../resources/images/amex.png\" alt=\"Amex credit card\"> \r\n                                    {% endif %}\r\n                                    {% if  card.cardType ==\"MC\" %}\r\n                                        <img  class=\"card-type-icon {{card.cardType|lower|replace(\" \", \"\")}}\" src=\"../../resources/images/mastercard.png\"  alt=\"Master credit card\">\r\n                                    {% endif %} \r\n \r\n                                    {% if model.usingSavedCard and model.savedPaymentMethodId == card.id %}\r\n                                        {% include \"modules/checkout/billing-credit-card-form\" with model=model.card %}\r\n                                    {% endif %}\r\n                                </div>\r\n                            </span>\r\n                        </label> \r\n                    {% endfor %}\r\n                </div>\r\n            </div>\r\n        {% endif %}\r\n        \r\n        <div class=\"mz-l-stack-section\">\r\n        {% if model.activeStoreCredits and model.nonStoreCreditTotal > 0 %}\r\n            <h4 class=\"store-credit-message\">{{ labels.storecreditmessage|string_format(model.digitalCreditPaymentTotal|currency) }}</h4>  \r\n        {% endif %}\r\n           \r\n            {% if model.savedPaymentMethods %}\r\n             <div class=\"tital-sec-head\">\r\n                <h3 class=\"mz-l-stack-sectiontitle\">Alternate Payment Method</h3>\r\n              </div>\r\n            {% else %}\r\n                <h3 class=\"mz-l-stack-sectiontitle\">Payment Method</h3>\r\n            {% endif %}\r\n\r\n           <div class=\"subscription-payment-notification\">\r\n                <p class=\"payment-notification\">Orders with subscription items must be placed using a credit card. Paypal and Amazon Pay are not currently supported for subscription orders on our site.</p>\r\n           </div>\r\n\r\n            <div class=\"mz-l-formfieldgroup\">\r\n                <div class=\"mz-l-formfieldgroup-row paymenttypes-choosing\">\r\n                  <fieldset>\r\n                    <legend>\r\n                    <div class=\"mz-l-formfieldgroup-cell\">\r\n                            <label for=\"payment-type-select\" class=\"mz-l-stack-sectiontitle\" title=\"Payment Type\" >Payment Type<span class=\"is-required\"> *</span>:</label> \r\n                    </div>\r\n                    </legend>\r\n                    <div  class=\"payment-type-select\">   \r\n                        <ul  class=\"select-ul clearfix\" >\r\n                            <li>\r\n                                <button class=\"paymenttype creditcard-trigger {% if model.paymentType == 'CreditCard' && not model.usingSavedCard %}active{% endif %}\" data-value=\"CreditCard\" aria-current=\"{% if model.paymentType == 'CreditCard' && not model.usingSavedCard %}true{% else %}false{% endif %}\" aria-label=\"Credit Card\">\r\n                                    <span  class=\"mz-paymenttype-label mz-paymenttype-label-creditcard\">{{ labels.creditCard }}</span>\r\n                                    \r\n                                </button>\r\n                            </li>\r\n                            <li>\r\n                                <button {% if model.isSubscriptionItemAvailable == \"true\" %}disabled=\"disabled\" style=\"cursor: not-allowed;\"{% endif %} class=\"paymenttype paypal-trigger {% if model.paymentType == \"PayPalExpress2\" %}active{% endif %}\"  data-value=\"PayPalExpress2\" aria-current=\"{% if model.paymentType == \"PayPalExpress2\" %}true{% else %}false{% endif %}\" aria-label=\"PayPal\">\r\n                                    <span  class=\"mz-paymenttype-label mz-paymenttype-label-check\">PayPal</span>\r\n                        \r\n                                </button>\r\n                            </li>\r\n                            <li>\r\n                                <button {% if model.isSubscriptionItemAvailable == \"true\" %}disabled=\"disabled\" style=\"cursor: not-allowed;\"{% endif %} class=\"paymenttype amazon-trigger {% if model.paymentType == \"PayWithAmazon\" %}active{% endif %}\"  data-value=\"PayWithAmazon\" aria-current=\"{% if model.paymentType == \"PayWithAmazon\" %}true{% else %}false{% endif %}\" aria-label=\"AmazonPay\">\r\n                                    <span  class=\"mz-paymenttype-label mz-paymenttype-label-Amazon\">Amazon Pay</span>\r\n                                </button>\r\n                            </li>\r\n                                <div class=\"mz-paymenttype\" id=\"amazonButtonPaymentSection\" style=\"display:none;\">     \r\n                                </div>  \r\n                        </ul>\r\n                    </div>\r\n                  </fieldset>\r\n                </div>\r\n            </div>    \r\n                <div class=\"paypal-next\" {% if  model.paymentType == \"PayPalExpress2\" %} style=\"display:block;\" {% else %} style=\"display:none;\" {% endif %}>\r\n                    {% with siteContext.checkoutSettings.externalPaymentWorkflowSettings|findwhere(\"isEnabled\", true) as externalPaymentWorkflowsEnabled %} \r\n                        {% if externalPaymentWorkflowsEnabled %}\r\n                            {% for externalPayment in siteContext.checkoutSettings.externalPaymentWorkflowSettings %}\r\n                                {% if externalPayment.isEnabled  && externalPayment.name == \"PayPalExpress2\"%}\r\n                                    {% with externalPayment.name|lower as name %}\r\n                                        <div class=\"mz-l-formfieldgroup-row mz-paymentselector-externalworkflows paypal2 \">\r\n                                            <div class=\"mz-l-formfieldgroup-cell\">\r\n                                                {% comment %}\r\n                                            <div class=\"paypalmsg\" tabindex=\"0\" aria-label=\"{{ labels.paypamsg }}\">{{ labels.paypamsg }}</div> \r\n                                                {% endcomment %}    \r\n                                                {% if name == \"paypalexpress2\" %}\r\n                                                    {% if user.isAnonymous %}\r\n                                                        <div class=\"mz-l-stack-section\">\r\n                                                        {% comment %}JEL-1110 <h3 class=\"mz-l-stack-sectiontitle\">{{ labels.billingContact }}</h3> {% endcomment %}\r\n                                                            <div class=\"mz-l-formfieldgroup\">\r\n                                                                <div class=\"mz-l-formfieldgroup-row billing-email\">\r\n                                                                    <div class=\"mz-l-formfieldgroup-cell\"> \r\n                                                                        <label for=\"billing-email\">\r\n                                                                        {{ labels.billingContact }} {{ labels.email }}<span class=\"is-required\"> *</span>\r\n                                                                        </label>\r\n                                                                    </div>\r\n                                                                    <div class=\"mz-l-formfieldgroup-cell\">\r\n                                                                    <input type=\"email\" id=\"billing-email\" name=\"billing-email\" data-mz-value=\"billingContact.email\" value=\"{{ model.billingContact.email }}\" aria-required=\"true\" /><!-- ADA OK -->\r\n                                                                     \r\n                                                                        <span class=\"mz-validationmessage\" data-mz-validationmessage-for=\"billingContact.email\"></span>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                                <div class=\"mz-l-formfieldgroup-row special-offers\">\r\n                                                                    <div class=\"mz-l-formfieldgroup-cell\"></div>\r\n                                                                    <div class=\"mz-l-formfieldgroup-cell\">\r\n                                                                        {% if not model.acceptsMarketing %} <label class=\"mz-inline marketing checkbox-outer-label\">\r\n                                                                            <input type=\"checkbox\" name=\"special-offers\" id=\"news2\" {% if model.acceptsMarketing %}checked=\"checked\" {% endif %}data-mz-value=\"acceptsMarketing\" class=\"mz-checkout-optin\" /><span class=\"checkout-offers-check\">{{ labels.optIn|string_format(siteContext.generalSettings.websiteName) }}</span><span class=\"checkmark-style\"></span>\r\n                                                                        </label>\r\n                                                                        {% endif %}\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    {% endif %}\r\n                                                {% comment %}\r\n                                                    <input class=\"p-button\" id = \"btn_xpressPaypal1\" aria-label=\"Check out with PayPal\" type=\"button\" value=\"Next\" /> \r\n                                                {% endcomment %}\r\n                                                  <button style=\"display:none;\" class=\"btn_validatepaypal\" alt=\"check out with paypal\"><span class=\"check\">{{ labels.next }}</span></button>\r\n                                                  <div class=\"clear\"></div> \r\n             {% comment %}   \r\n              id=\"btn_validatepaypal\" class=\"p-button\" \r\n                <img id=\"btn_xpressPaypal\" class=\"p-button\" alt=\"Check out with PayPal\" role=\"button\" src=\"https://www.paypalobjects.com/webstatic/en_US/i/buttons/checkout-logo-medium.png\"/>                                                      \r\n             {% endcomment %}                             \r\n                                                    \r\n                                                    \r\n                                                {%endif%}\r\n                                            </div>\r\n                                        </div>\r\n                                    {% endwith %}\r\n                                {% endif %}\r\n                            {% endfor %}\r\n                        {% endif %}\r\n                    {% endwith %}\r\n                </div>\r\n            <div class=\"mz-l-formfieldgroup payment-form-section\"  {% if model.paymentType == 'CreditCard' && not model.usingSavedCard %}style=\"display:block;\"{% else %}style=\"display:none;\"{% endif %} > \r\n                {% if model.paymentType == \"CreditCard\" and model.paymentType != 'select payment type' and model.paymentType != \"PayPalExpress2\" %}\r\n                    {% include \"modules/checkout/billing-credit-card-form\" with model=model.card %}\r\n                {% endif %}\r\n                {% if model.paymentType == \"Check\" and model.paymentType != 'select payment type' %}\r\n                    {% include \"modules/checkout/checking-account-form\" %}\r\n                {% endif %}\r\n            </div>\r\n        </div>\r\n\r\n        {% if model.paymentType == \"CreditCard\" and model.paymentType != \"PayPalExpress2\" and model.paymentType != 'select payment type' %}\r\n        <div class=\"mz-l-stack-section\">\r\n            <h3 class=\"mz-l-stack-sectiontitle billing-address\">{{ labels.billingAddress }}</h3>\r\n            {% comment %} {% if model.requiresFulfillmentInfo %} {% endcomment %}\r\n                {% comment %}\r\n                    <p tabindex=\"0\">If your Billing Information is same as the Shipping Information, click the \"Copy from Shipping\" button</p>\r\n                    aria-label=\"{% if model.isSameBillingShippingAddress %}Same as Shipping Address{% else %}copy from shipping{% endif %}\" role=\"button\"\r\n                {% endcomment %}\r\n                {% if model.requiresFulfillmentInfo%}\r\n                <div class=\"copy-address\">\r\n                   <fieldset>\r\n                        <legend class=\"sr-only\">Copy shipping Address</legend>\r\n                        <input type=\"checkbox\" id=\"copyshippingadd\" data-mz-value=\"isSameBillingShippingAddress\" value=\"true\" {% if model.isSameBillingShippingAddress %}checked=\"checked\"{% endif %}>\r\n                        <label for=\"copyshippingadd\">{% if model.isSameBillingShippingAddress %}Same as Shipping Address{% else %}Copy from Shipping{% endif %}</label>\r\n                   </fieldset>\r\n                </div>\r\n            {% endif %}\r\n            {% comment %} {% endif %} {% endcomment %}\r\n            {% if model.isSameBillingShippingAddress %}\r\n                {% comment %}\r\n                <div class=\"mz-addresssummary mz-same-as-shipping-summary\" id=\"mz-same-as-shipping-summary\">\r\n                    {% include \"modules/common/address-summary\" with model=model.billingContact %}\r\n                </div>\r\n                {% endcomment %}\r\n            {% else %}\r\n                <div class=\"mz-l-formfieldgroup mz-l-formfieldgroup-address\">\r\n                    {% include \"modules/checkout/billing-address-form\" with model=model.billingContact countries=pageContext.billingCountries %}\r\n                </div>\r\n            {% endif %}\r\n        </div>\r\n        {% endif %}   \r\n        {% else %}\r\n            <h4 class=\"mz-checkout-nopaymentrequired\" tabindex=\"0\" >{{ labels.noPaymentRequired|string_format(model.remainingTotal|currency) }}</h4>\r\n        {% endif %}\r\n        {% if  model.paymentType != \"PayPalExpress2\" %} \r\n            {% if user.isAnonymous %}\r\n                <div class=\"mz-l-stack-section\">\r\n                    {% comment %} <h4 class=\"mz-l-stack-sectiontitle\">{{ labels.billingContact }}</h4> {% endcomment %}\r\n                    <div class=\"mz-l-formfieldgroup\">\r\n\r\n                        <div class=\"mz-l-formfieldgroup-row special-offers\">\r\n                            <div class=\"mz-l-formfieldgroup-cell\"></div>\r\n                            <div class=\"mz-l-formfieldgroup-cell\" style=\"display: flex;\">\r\n                                {% if not model.acceptsMarketing %} \r\n                                {% comment %}\r\n                                    <label class=\"mz-inline marketing checkbox-outer-label\"  tabindex=\"0\" >\r\n                                        <input type=\"checkbox\" name=\"special-offers\" id=\"news\" {% if model.acceptsMarketing %}checked=\"checked\" {% endif %}data-mz-value=\"acceptsMarketing\" class=\"mz-checkout-optin\" /><span class=\"checkout-offers-check\">{{ labels.optIn|string_format(siteContext.generalSettings.websiteName) }}</span>\r\n                                        <span class=\"checkmark-style\" tabindex=\"0\"></span>\r\n                                    </label>\r\n                                {% endcomment %}\r\n                                <fieldset style=\"display: none;\">\r\n                                <legend class=\"sr-only\">accepts Marketing offers</legend>\r\n                                <input type=\"checkbox\" name=\"special-offers\" class=\"mz-inline marketing checkbox-outer-label\" id=\"news\" {% if model.acceptsMarketing %}checked=\"checked\" {% endif %}data-mz-value=\"acceptsMarketing\" class=\"mz-checkout-optin\" />\r\n                                <label for=\"news\" class=\"checkout-offers-check\">{{ labels.optIn|string_format(siteContext.generalSettings.websiteName) }}</label>\r\n                                </fieldset>\r\n                                {% endif %}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            {% endif %}\r\n        {% endif %}  \r\n    </div>\r\n    {% if  model.paymentType != \"PayPalExpress2\" %} \r\n\r\n    <div class=\"mz-formstep-next\">\r\n        {% if model.activeStoreCredits and model.nonStoreCreditTotal == 0 %}\r\n            <button id=\"store-credit\" class=\"mz-button checkout-btn\" role=\"button\" aria-label=\"checkout with store credit\" data-mz-action=\"next\">{{ labels.next }}</button>\r\n        {% else %}\r\n            <button class=\"brontocart-billing pay-with-rewards-prepare gtm-to-review mz-button checkout-btn btn_validatepaypal\" role=\"button\" aria-label=\"{% if model.paymentType == \"CreditCard\" %} checkout with{{ labels.creditCard }}{% else %}select payment type{% endif %}\"><span class=\"check\" aria-label=\"{{ labels.next }}\">{{ labels.next }}</span></button>\r\n            <button class=\"mz-button brontocart-billing gtm-to-review\" id=\"completePaymment\" role=\"button\" aria-label=\"complete payment\" data-mz-action=\"next\" style=\"display: none;\">{{ labels.next }}</button> \r\n        {% endif %}\r\n    </div>\r\n    {% endif %}\r\n</div>\r\n","modules/checkout/step-shipping-method":"    <div class=\"mz-formstep-header\">\r\n         <span class=\"step-no\" ><label>2.</label></span>\r\n           <h2 class=\"headingStyle\">\r\n         <label class=\"no-pointer\">{{ labels.shippingMethod }}</label>\r\n         </h2>\r\n        <span class=\"step-completed\"></span>\r\n         {% if model.requiresFulfillmentInfo %}\r\n        <button id=\"shippingmethod-edit\" class=\"mz-button mz-button-small mz-formstep-edit\" data-mz-action=\"edit\">{{ labels.edit }}</button>\r\n        {% endif %}\r\n    </div>\r\n    <div class=\"mz-formstep-body\">\r\n        <div class=\"mz-formstep-summary mz-date-val\" >\r\n            {% if model.requiresFulfillmentInfo %} \r\n                {% for method in model.availableShippingMethods %} \r\n    \t\t        {% if model.shippingMethodCode == method.shippingMethodCode %} \r\n    \t\t            <div class=\"summary-data\">\r\n    \t\t                <span class=\"tital\">{{  method.shippingMethodName  }}</span>\r\n    \t\t                {% if method.isValueChanged  %}\r\n                                {% if method.updatedValue == \"FREE\" %} \r\n                                    {% if model.isHasnoFreeshipping %}\r\n                                        <span class=\"price-data\" id=\"shippingmethod_detail_{{ method.shippingMethodCode }}\">{{ method.price|currency }}</span>\r\n                                    {% else %}\r\n                                        <span class=\"price-data\" id=\"shippingmethod_detail_{{ method.shippingMethodCode }}\">{{ method.updatedValue }}</span>\r\n                                    {% endif %}\r\n                                {% else %}\r\n                                    <span class=\"price-data\" id=\"shippingmethod_detail_{{ method.shippingMethodCode }}\">{{ method.updatedValue|currency }}</span>\r\n                                {% endif %}\r\n                            {% else %}\r\n                                <span class=\"price-data\" id=\"shippingmethod_detail_{{ method.shippingMethodCode }}\">{{ method.price|currency }}</span>\r\n                            {% endif %}\r\n                            <p class=\"expected-data\">{{method.estimation}}</p>\r\n    \t\t            </div>\r\n    \t\t        {% endif %}\r\n                {% endfor %} \r\n            {% else %}\r\n            {{ labels.noFulfillmentInfoRequired }}\r\n            {% endif %}\r\n        </div>\r\n\r\n        <div class=\"mz-formstep-fields mz-l-formfieldgroup\">\r\n        <div id=\"new-heat-sensitive-statement\" role=\"region\" aria-label=\"heat sensitivity\"></div>\r\n            <div class=\"message-sec\">  \r\n                {% if model.isHasnoFreeshipping %}\r\n                    <p id=\"hide-from-heat-sensitive\"  >\r\n                        Your order has one or more items in which the price does not count towards the Free Shipping threshold.\r\n                     </p> \r\n                {% else %}\r\n                    <p id=\"hide-from-heat-sensitive\">\r\n                      Orders over ${{ model.freeShippingThreshold}} qualify for <a style=\"text-decoration:none;\" target=\"_blank\" href=\"/shipping-info\" title=\"Read more about FREE Ground Shipping\">FREE Ground Shipping</a> (<a href=\"/shipping-info#shipping-choices\" target=\"_blank\" title=\"Basic Economy Ground information opens a new tab\">Basic Economy Ground</a>)!</p>\r\n                {% endif %}\r\n        <div id=\"no-free-shipping-statement\"></div>\r\n        <p class=\"shippingAKHI\"  style=\"font-weight: bold; display: none;\">\r\n            {{ labels.shippingAKHI }}\r\n        </p>\r\n            </div>\r\n        {% if model.availableShippingMethods.length > 0 %}\r\n\t\t\t\t    <fieldset>\r\n              <legend>\r\n    \t\t\t    <h3 class=\"method-info\" >Choose Shipping Method</h3> \r\n              </legend>\r\n                {% for method in model.availableShippingMethods %} \r\n                              {% if model.shippingMethodCode == method.shippingMethodCode %} \r\n\t\t\t            <p class=\"estimated-date\"><span class=\"bold-text\">Shipped by: </span>{{method.estimationDate}}</p> \r\n\t\t\t        {% endif %}\r\n                {% endfor %}\r\n                {% for method in model.availableShippingMethods %} \r\n                    <div class=\"method-item\" data-free={{method.updatedValue}}>\r\n                        <label class=\"method-label {% if model.shippingMethodCode == method.shippingMethodCode %} active {% endif %}\">\r\n                            <div class=\"label-first-sec\" >\r\n                                <span class=\"input-Cointainer\" >\r\n                                    <input type=\"radio\" name=\"shippingMethod\" value=\"{{ method.shippingMethodCode }}\" data-mz-value=\"shippingMethodCode\" data-mz-shipping-method data-mz-delivery-date {% if model.shippingMethodCode == method.shippingMethodCode %} checked=\"checked\" {% endif %} {% if forloop.first %} tabindex=\"0\" {% else %} tabindex=\"-1\" {% endif %}>\r\n                                    <span class=\"customradio\"></span> \r\n                                </span> \r\n                                <span class=\"method-title\">{{ method.shippingMethodName }}</span>\r\n                                {% comment %}\r\n                                    <span id=\"shippingmethod_detail_{{ method.shippingMethodCode }}\">{{ method.price|currency }}</span> \r\n                                {% endcomment %}\r\n                                {% if method.isValueChanged  %}\r\n                                    {% if method.updatedValue == \"FREE\" %} \r\n                                        {% if model.isHasnoFreeshipping %}\r\n                                            <span class=\"price-data\" id=\"shippingmethod_detail_{{ method.shippingMethodCode }}\" >{{ method.price|currency }}</span>\r\n                                        {% else %}\r\n                                            <span class=\"price-data\" id=\"shippingmethod_detail_{{ method.shippingMethodCode }}\">{{ method.updatedValue }}</span>\r\n                                        {% endif %}\r\n                                    {% else %}\r\n                                        <span class=\"price-data\" id=\"shippingmethod_detail_{{ method.shippingMethodCode }}\" >{{ method.updatedValue }}</span>\r\n                              {% endif %}\r\n                              {% else %}\r\n                                    <span class=\"price-data\" id=\"shippingmethod_detail_{{ method.shippingMethodCode }}\">{{ method.price|currency }}</span>\r\n                                {% endif %}\r\n                            </div>\r\n                            <div class=\"label-second-sec\">\r\n                                <span class=\"free-text-msg\" {% if model.isHasnoFreeshipping %}  {% endif %}>\r\n                                    {% if model.isHasnoFreeshipping %}\r\n                                        {% if method.isValueChanged and method.updatedValue == \"FREE\"  %}Choose and click CONTINUE below for discounted rate.{% endif %}\r\n                                    {% else %}\r\n                                        {% if method.isValueChanged and method.updatedValue == \"FREE\"  %}FREE for Orders above {{ model.freeShippingThreshold}}.{% endif %}\r\n                              {% endif %}\r\n                                </span>\r\n                                <span class=\"estimated-arrival\" >{{method.estimation}}</span>\r\n                            </div>\r\n                        </label>\r\n                    </div>\r\n                {% endfor %}\r\n               </fieldset>\r\n                \r\n               \r\n            {% else %}\r\n                {% comment %}\r\n                model.availableShippingMethods.length could be undefined, so below we explicitly\r\n                check for 0 length to render the message below.\r\n                {% endcomment %}\r\n                {% if model.availableShippingMethods.length === 0 %}\r\n                <p style=\"font-size: 16px;\">\r\n                    We can't get a shipping cost for your address. Please check\r\n                    the address above. Unfortunately, we can't ship to PO Boxes\r\n                    or addresses outside the continental US at this time.\r\n                </p>\r\n                {% endif %}\r\n                <p id=\"noShippingMethods\">{{ labels.noShippingMethods | safe }}</p>\r\n            {% endif %}\r\n        </div>\r\n      \r\n        <div class=\"mz-formstep-next\">\r\n         <!-- <div class=\"mz_date_value mz_date_pos\"></div> -->\r\n\t\t\t<div class=\"shipping-text\">\r\n\t\t\t    {% comment %}\r\n\t\t\t\t<div class=\"mz_date_value2\" style=\"font-weight: bold; padding: 10px; text-align: center; display: none;\" tabindex=\"0\" ></div>\r\n\t\t\t\t{% endcomment %}\r\n\r\n                {% if model.availableShippingMethods.length > 0 %}\r\n\t\t\t\t<div class=\"mz-validationmessage\" aria-describedby=\"shippingMethod\" data-mz-validationmessage-for=\"shippingMethodCode\" tabindex=\"-1\"  aria-label=\"Please select a shipping method\"></div> \r\n\t\t\t\t<button type=\"button\" class=\"brontocart-ship-method gtm-to-billing mz-button mz-shipmethod checkout-btn\" id=\"shippingMethod\" data-mz-action=\"next\">Continue to Payment Information</button>\r\n                {% endif %}\r\n\t\t\t</div>\r\n        </div>\r\n    </div>\r\n\r\n\r\n\r\n<div style=\"display:none\" id=\"dumpshipping\" > {% dump model %} </div>\r\n","modules/common/address-summary":"      <span>{{ model.firstName }} {{ model.lastNameOrSurname }}</span>\r\n    <span>{{ model.address.address1 }}</span>\r\n    {% if model.address.address2 %}\r\n        <span>{{ model.address.address2 }}</span>\r\n    {% endif %}\r\n    {% if model.address.address3 %}\r\n        <span>{{ model.address.address3 }}</span>\r\n    {% endif %} \r\n    {% if model.companyOrOrganization %}\r\n        <span>{{ model.companyOrOrganization }}</span>\r\n    {% endif %}\r\n    \r\n    <span>{{ model.address.cityOrTown }}, {{ model.address.stateOrProvince }} {{ model.address.postalOrZipCode }}</span>\r\n    <span>{{ model.address.countryCode }}</span>\r\n    {% if model.phoneNumbers.home %}\r\n        <span>{{ model.phoneNumbers.home }}</span>\r\n    {% endif %}\r\n","modules/common/address-list":"   {{ model.firstName }} {{ model.lastNameOrSurname }}, {{ model.address.address1 }}\r\n    {% if model.address.address2 %}{{ model.address.address2 }}\r\n    {% endif %}\r\n    {% if model.address.address3 %}{{ model.address.address3 }}\r\n    {% endif %}\r\n    , {{ model.address.cityOrTown }}, {{ model.address.stateOrProvince }}","modules/common/contact-selector-radio":"<div class=\"mz-contactselector {% block module-classes %}{% endblock module-classes %}\">\r\n    {% block contact-selector %}\r\n    {% for contact in model.contacts %}\r\n            <label class=\"mz-contactselector-contact\" tabindex=\"0\">\r\n        <span class=\"mz-contactselector-inputwrapper\">\r\n            <input type=\"radio\" data-mz-value=\"{{ contactcontext }}contactId\" name=\"contactId\" value=\"{{ contact.id }}\" {% if model.contactId == contact.id %} checked=\"checked\" {% endif %}>\r\n        </span>\r\n        <span class=\"mz-contactselector-summarywrapper\">\r\n                    <div class=\"mz-addresssummary\" tabindex=\"0\">\r\n                {% include \"modules/common/address-summary\" with model=contact %}\r\n            </div>\r\n        </span>\r\n    </label>\r\n  {% endfor %}\r\n  {% if model.contactId == \"new\" %}\r\n            <div class=\"mz-contactselector-contact mz-contactselector-new\" tabindex=\"0\">\r\n        <span class=\"mz-contactselector-inputwrapper\">\r\n            <input type=\"radio\" data-mz-value=\"{{ contactcontext }}contactId\" name=\"contactId\" value=\"new\" data-mz-enternewcontact checked=\"checked\">\r\n        </span>\r\n                <span class=\"mz-contactselector-summarywrapper\" tabindex=\"0\">\r\n            {% block enter-new-form %}\r\n            {% include \"modules/common/address-form\" with model=editingContact %}\r\n            {% endblock enter-new-form %}\r\n        </span>\r\n    </div>\r\n    {% else %}\r\n            <label class=\"mz-contactselector-contact mz-contactselector-new\" tabindex=\"0\">\r\n        <span class=\"mz-contactselector-inputwrapper\">\r\n            <input type=\"radio\" data-mz-value=\"{{ contactcontext }}contactId\" name=\"contactId\" value=\"new\" data-mz-enternewcontact>\r\n        </span>\r\n        <span class=\"mz-contactselector-summarywrapper\">\r\n                    <div class=\"mz-addresssummary\" tabindex=\"0\">\r\n                <span>{{ labels.enterNewAddress }}</span>\r\n            </div>\r\n        </span>\r\n    </label>\r\n    {% endif %}\r\n    {% endblock contact-selector %}\r\n</div>\r\n","modules/common/contact-selector":"<div class=\"mz-contactselector\">\r\n    {% block contact-selector %}\r\n        {% if model.contactId == \"new\" or model.contactId == 0 %}\r\n            <div class=\"mz-contactselector-contact mz-contactselector-new {% if model.contactId == 0 %}hide-incheckout{% endif %}\">\r\n                <span class=\"mz-contactselector-summarywrapper\">\r\n                    {% block enter-new-form %}\r\n                        {% include \"modules/common/address-form\" with model=editingContact %}\r\n                    {% endblock enter-new-form %}\r\n                </span>\r\n            </div>\r\n            {% if model.contactId == \"new\" %}  \r\n                <div class=\"dummi-shipping\">\r\n                    <button class=\"dummi-procudeto-useaddress-method\" data-mz-action=\"confirmValidationBypass\" style=\"display:none;\">Use this Address</button>\r\n                    <button class=\"dummi-procudeto-shipping-method\">Continue to Shipping Method</button>\r\n                </div>\r\n            {% endif %}\r\n        {% endif %}\r\n        {% comment %}{% if model.contactId != \"new\" %}\r\n            <label class=\"mz-contactselector-contact mz-contactselector-new no-form\">\r\n                <span class=\"mz-contactselector-inputwrapper\" >\r\n                    <input type=\"radio\" data-mz-value=\"{{ contactcontext }}contactId\" name=\"contactId\" value=\"new\" data-mz-enternewcontact >\r\n                </span>\r\n                <span class=\"mz-contactselector-summarywrapper\"  style=\"width: auto;\">\r\n                    <div class=\"mz-addresssummary\">\r\n                        <span>{{ labels.enterNewAddress }}</span>\r\n                    </div>\r\n                </span>\r\n            </label>\r\n        {% endif %} {% endcomment %}\r\n        <div class=\"clearfix\"></div>\r\n    {% for contact in model.contacts %}\r\n    {% if contact.isDefaultShipping %} \r\n                <h3 class=\"default-address-text\">Default Shipping Address</h3>\r\n                <span class=\"data-contact\">\r\n                    <label class=\"mz-contactselector-contact {% if model.id == contact.id or model.contactId == contact.id\" %} default-addr{% endif %}\">\r\n            <span class=\"mz-contactselector-inputwrapper\" tabindex=\"0\">\r\n                <input type=\"radio\" data-mz-value=\"{{ contactcontext }}contactId\" name=\"contactId\" value=\"{{ contact.id }}\" {% if model.id == contact.id or model.contactId == contact.id\" %} checked=\"checked\" {% endif %}>\r\n                            <span class=\"custom-radio\"></span>\r\n            </span>\r\n            <span class=\"mz-contactselector-summarywrapper\">\r\n                <div class=\"mz-addresssummary\">\r\n                    {% include \"modules/common/address-summary\" with model=contact %}        \r\n                </div>\r\n            </span>  \r\n        </label>\r\n                </span>\r\n    {% endif %}\r\n    {% endfor %}\r\n    \r\n    {% for contact in model.contacts %}\r\n    {% if not contact.isDefaultShipping %} \r\n                <span class=\"data-contact\">\r\n        <label class=\"mz-contactselector-contact\">\r\n            <span class=\"mz-contactselector-inputwrapper\" tabindex=\"0\" >\r\n                <input type=\"radio\" data-mz-value=\"{{ contactcontext }}contactId\" name=\"contactId\" value=\"{{ contact.id }}\" {% if model.id == contact.id or model.contactId == contact.id\" %} checked=\"checked\" {% endif %}>\r\n                            <span class=\"custom-radio\"></span>\r\n            </span>\r\n            <span class=\"mz-contactselector-summarywrapper\"tabindex=\"0\">\r\n                <div class=\"mz-addresssummary\">\r\n                    {% include \"modules/common/address-summary\" with model=contact %}        \r\n                </div>\r\n            </span>  \r\n        </label>\r\n                </span>\r\n    {% endif %}\r\n    {% endfor %}\r\n    <div class=\"clearfix\"></div>\r\n    {% endblock contact-selector %}\r\n</div>\r\n","modules/common/address-form":"{% block address-form %}\r\n {% if themeSettings.showAddressTypeDropdown %}\r\n    <div class=\"mz-l-formfieldgroup-row mz-addressform-addresstype\">\r\n        <div class=\"mz-l-formfieldgroup-cell\">\r\n            <label for=\"{% if addresscontext == \"billingContact.\" %}baddresstype{% else %}addresstype{% endif %}\">{{ labels.addressType }}<span class=\"is-required\" aria-label=\"mandatory field\"> *</span></label>\r\n        </div>\r\n        <div class=\"mz-l-formfieldgroup-cell\">\r\n            <select class=\"myacc-add-form-sel\" name=\"address-type\" autocomplete=\"address-type\" id=\"{% if addresscontext == \"billingContact.\" %}baddresstype{% else %}addresstype{% endif %}\" aria-describedBy=\"{% if addresscontext == \"billingContact.\" %}berr_9{% else %}err_9{% endif %}\" aria-invalid=\"false\" data-mz-value=\"{{ addresscontext }}address.addressType\" aria-label=\"mandatory field - Address type\" aria-required=\"true\">\r\n                <option value=\"Nan\">Select a type</option>\r\n                 <option value=\"Residential\" {% if model.address.postalOrZipCode && model.address.addressType == \"Residential\" %}selected=\"selected\"{% endif %} >{{ labels.residential }}</option>\r\n                <option value=\"Commercial\"   {% if model.address.postalOrZipCode && model.address.addressType == \"Commercial\" %}selected=\"selected\"{% endif %} >{{ labels.commercial }}</option>\r\n                {% comment %}\r\n                <option value=\"POBox\"  {% if model.address.postalOrZipCode && model.address.addressType == \"POBox\" %}selected=\"selected\"{% endif %}>Post Office Box</option> \r\n                {% endcomment %}\r\n            </select>\r\n            <img width=\"13\" class=\"down-caret-quantity-myacc-add addtype-down-arrow\" src=\"/resources/images/icons/down_caret.png\" alt=\"\"/>\r\n            <img width=\"13\" class=\"up-caret-quantity-myacc-add addtype-up-arrow\" src=\"/resources/images/icons/up_caret.png\" alt=\"\"/>\r\n             <span class=\"mz-validationmessage\" id=\"{% if addresscontext == \"billingContact.\" %}berr_9{% else %}err_9{% endif %}\" data-mz-validationmessage-for=\"{{ addresscontext }}address.addressType\"></span>\r\n        </div>\r\n    </div>\r\n\r\n    {% endif %}\r\n    <div class=\"mz-l-formfieldgroup-row mz-addressform-companyname {% if user.isAnonymous %}guestbillingcompany{% endif %}\"> \r\n        <div class=\"mz-l-formfieldgroup-cell\">\r\n            <label for=\"{% if addresscontext == \"billingContact.\" %}bcompanyname{% else %}companyname{% endif %}\">{{ labels.companyName }}</label>\r\n            <input type=\"text\" name=\"companyname\" aria-label=\"companyName\" autocomplete=\"organization\" id=\"{% if addresscontext == \"billingContact.\" %}bcompanyname{% else %}companyname{% endif %}\" data-mz-value=\"{{ addresscontext }}companyOrOrganization\" value=\"{{ model.companyOrOrganization }}\"><!-- ADA OK -->\r\n            <span class=\"mz-validationmessage\" tabindex=\"-1\"  data-mz-validationmessage-for=\"{{ addresscontext }}companyName\"></span>\r\n        </div>\r\n    </div>\r\n\r\n    {% if user.isAnonymous %}                       \r\n    <div class=\"mz-l-formfieldgroup-row billing-email\">\r\n        <div class=\"mz-l-formfieldgroup-cell\"> \r\n            <label for=\"billing-email\">\r\n            {{ labels.billingContact }} {{ labels.email }}<span class=\"is-required\"> *</span>\r\n            </label>\r\n            <input type=\"email\" id=\"billing-email\" name=\"billing-email\" aria-label=\"email address\" autocomplete=\"billing-email\" data-mz-value=\"{{ addresscontext }}email\" value=\"{{ model.email }}\" aria-required=\"true\" /><!-- ADA OK -->\r\n            <span class=\"mz-validationmessage\" data-mz-validationmessage-for=\"billingContact.email\"></span>\r\n        </div>\r\n    </div>\r\n    {% endif %}\r\n    <div class=\"mz-l-formfieldgroup-row mz-addressform-firstname\">\r\n        <div class=\"mz-l-formfieldgroup-cell\">\r\n            <label for=\"{% if addresscontext == \"billingContact.\" %}bfirstname{% else %}firstname{% endif %}\">{{ labels.firstName }}<span class=\"is-required\" aria-label=\"mandatory field\"> *</span></label>\r\n            <input type=\"text\" name=\"firstname\" autocomplete=\"given-name\" aria-label=\"First Name\" id=\"{% if addresscontext == \"billingContact.\" %}bfirstname{% else %}firstname{% endif %}\" aria-describedBy=\"{% if addresscontext == \"billingContact.\" %}berr_1{% else %}err_firstname1{% endif %}\" aria-invalid=\"false\" data-mz-value=\"{{ addresscontext }}firstName\" value=\"{{ model.firstName }}\" aria-required=\"true\"><!-- ADA OK -->\r\n            <span class=\"mz-validationmessage\" id=\"{% if addresscontext == \"billingContact.\" %}berr_1{% else %}err_firstname1{% endif %}\" data-mz-validationmessage-for=\"{{ addresscontext }}firstName\"></span>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"mz-l-formfieldgroup-row mz-addressform-lastname\">\r\n        <div class=\"mz-l-formfieldgroup-cell\">\r\n            <label for=\"{% if addresscontext == \"billingContact.\" %}blastname{% else %}lastname{% endif %}\">{{ labels.lastName }}<span class=\"is-required\" aria-label=\"mandatory field\"> *</span></label>\r\n            <input type=\"text\" name=\"lastname\" autocomplete=\"family-name\" aria-label=\"last Name\" id=\"{% if addresscontext == \"billingContact.\" %}blastname{% else %}lastname{% endif %}\" aria-describedBy=\"{% if addresscontext == \"billingContact.\" %}berr_2{% else %}err_lastname2{% endif %}\" aria-invalid=\"false\" data-mz-value=\"{{ addresscontext }}lastNameOrSurname\" value=\"{{ model.lastNameOrSurname }}\" aria-required=\"true\"><!-- ADA OK -->\r\n            <span class=\"mz-validationmessage\" id=\"{% if addresscontext == \"billingContact.\" %}berr_2{% else %}err_lastname2{% endif %}\" tabindex=\"-1\"  data-mz-validationmessage-for=\"{{ addresscontext }}lastNameOrSurname\"></span>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"mz-l-formfieldgroup-row mz-addressform-address1\">\r\n        <div class=\"mz-l-formfieldgroup-cell\">\r\n            <label for=\"{% if addresscontext == \"billingContact.\" %}baddress-line-1{% else %}address-line-1{% endif %}\">{{ labels.address1 }}<span class=\"is-required\" aria-label=\"mandatory field\"> *</span></label>\r\n            <input type=\"text\" name=\"address-line-1\" autocomplete=\"address-line1\" aria-label=\"address-line1\" id=\"{% if addresscontext == \"billingContact.\" %}baddress-line-1{% else %}address-line-1{% endif %}\" aria-describedBy=\"{% if addresscontext == \"billingContact.\" %}berr_3{% else %}err_address3{% endif %}\" aria-invalid=\"false\" data-mz-value=\"{{ addresscontext }}address.address1\" value=\"{{ model.address.address1 }}\" aria-required=\"true\"><!-- ADA OK -->\r\n            <span class=\"mz-validationmessage\" tabindex=\"-1\" id =\"{% if addresscontext == \"billingContact.\" %}berr_3{% else %}err_address3{% endif %}\"  data-mz-validationmessage-for=\"{{ addresscontext }}address.address1\"></span>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"mz-l-formfieldgroup-row mz-addressform-address2\">\r\n         <div class=\"mz-l-formfieldgroup-cell\">\r\n            <label for=\"{% if addresscontext == \"billingContact.\" %}baddress-line-2{% else %}address-line-2 {% endif %}\">{{ labels.address2 }}</label>\r\n            <input aria-label=\"{{ labels.address2 }}\" type=\"text\" name=\"address-line2\" aria-label=\"address-line2\" autocomplete=\"address-line-2\" id=\"{% if addresscontext == \"billingContact.\" %}baddress-line-2{% else %}address-line-2{% endif %}\" data-mz-value=\"{{ addresscontext }}address.address2\" value=\"{{ model.address.address2 }}\"><!-- ADA OK -->\r\n            <span class=\"mz-validationmessage\"></span>\r\n        </div>\r\n    </div>\r\n\r\n    {% comment %}\r\n    <div class=\"mz-l-formfieldgroup-row mz-addressform-country\">\r\n        <div class=\"mz-l-formfieldgroup-cell\">\r\n            <label for=\"country\">{{ labels.country }}<span class=\"is-required\" aria-label=\"mandatory field\"> *</span></label>\r\n        </div>\r\n        <div class=\"mz-l-formfieldgroup-cell\">\r\n            <select data-mz-value=\"{{ addresscontext }}address.countryCode\" aria-describedBy=\"sel_err1\" aria-label=\"country\" >\r\n                <option></option>\r\n                {% if countries && countries.length > 0 %}\r\n                {% for country in countries %}\r\n                    <option {% if model.address.countryCode == country.value %}selected=\"selected\" {% endif %}value=\"{{ country.value }}\">{{ country.key }}</option>\r\n                {% endfor %}\r\n                {% else %}\r\n                {% for country in pageContext.billingCountries %}\r\n                    <option {% if model.address.countryCode == country.value %}selected=\"selected\" {% endif %}value=\"{{ country.value }}\">{{ country.key }}</option>\r\n                {% endfor %}\r\n                {% endif %}\r\n            </select>\r\n            <span class=\"mz-validationmessage\" tabindex=\"-1\"  id=\"sel_err1\" data-mz-validationmessage-for=\"{{ addresscontext }}address.countryCode\"></span>\r\n        </div>\r\n    </div>\r\n    {% endcomment %}\r\n    <div class=\"mz-l-formfieldgroup-row mz-addressform-city\">\r\n        <div class=\"mz-l-formfieldgroup-cell\">\r\n            <label for=\"{% if addresscontext == \"billingContact.\" %}bcity{% else %}city{% endif %}\">{{ labels.city }}<span class=\"is-required\" aria-label=\"mandatory field\"> *</span></label>\r\n            <input type=\"text\" name=\"city\" autocomplete=\"address-level2\" aria-label=\"city\" id= \"{% if addresscontext == \"billingContact.\" %}bcity{% else %}city{% endif %}\" aria-describedBy=\"{% if addresscontext == \"billingContact.\" %}berr_4{% else %}err_city4{% endif %}\" aria-invalid=\"false\" data-mz-value=\"{{ addresscontext }}address.cityOrTown\" value=\"{{ model.address.cityOrTown }}\" maxlength=\"30\" aria-required=\"true\"><!-- ADA OK -->\r\n            <span class=\"mz-validationmessage\" id=\"{% if addresscontext == \"billingContact.\" %}berr_4{% else %}err_city4{% endif %}\" data-mz-validationmessage-for=\"{{ addresscontext }}address.cityOrTown\"></span>\r\n        </div>\r\n{% comment %}\r\n                        <div class=\"mz-addressform-autocompletefields\">\r\n                       \r\n                <label for=\"autocomplete-state\">{{ labels.state }}</label><input type=\"text\" name=\"state\" data-mz-value=\"{{ addresscontext }}address.stateOrProvince\" value=\"{{ model.address.stateOrProvince }}\" />\r\n                <label for=\"autocomplete-zip\">{{ labels.zip }}</label><input id=\"autocomplete-zip\" type=\"text\" name=\"zip\" data-mz-value=\"{{ addresscontext }}address.postalOrZipCode\" value=\"{{ model.address.postalOrZipCode }}\" />\r\n               \r\n            </div>\r\n                {% endcomment %}\r\n            </div>\r\n    {% comment %}\r\n    <div class=\"mz-l-formfieldgroup-row mz-addressform-state\" {% if model.address.countryCode == \"US\" %} style=\"display: none\"{% endif %}>\r\n        <div class=\"mz-l-formfieldgroup-cell\">\r\n            <label for=\"stateOrProvince\">{{ labels.stateOrProvince }}<span class=\"is-required\"> *</span></label>\r\n        </div>\r\n        <div class=\"mz-l-formfieldgroup-cell\">\r\n            <input type=\"text\" name=\"stateOrProvince\" autocomplete=\"stateOrProvince\" aria-label=\"state Or Province\" id=\"stateOrProvince\" aria-describedBy=\"err_2\" data-mz-value=\"{{ addresscontext }}address.stateOrProvince\" value=\"{{ model.address.stateOrProvince }}\"><!-- ADA OK -->\r\n            <span class=\"mz-validationmessage\" id=\"\"err_2\" data-mz-validationmessage-for=\"{{ addresscontext }}address.stateOrProvince\"></span>\r\n        </div>\r\n    </div>\r\n    {% if model.address.countryCode != \"US\" %}style=\"display: none\"{% endif %}\r\n    {% endcomment %}\r\n    <div class=\"mz-l-formfieldgroup-row mz-addressform-state\" >\r\n        <div class=\"mz-l-formfieldgroup-cell\">\r\n            <label for=\"{% if addresscontext == \"billingContact.\" %}bstateprov{% else %}stateprov{% endif %}\">{{ labels.state }}<span class=\"is-required\" aria-label=\"mandatory field\"> *</span></label>\r\n            <select class=\"myacc-add-form-sel\" name=\"state-or-province\" autocomplete=\"address-level1\" aria-label=\"state Or Province\" id=\"{% if addresscontext == \"billingContact.\" %}bstateprov{% else %}stateprov{% endif %}\" aria-describedBy=\"{% if addresscontext == \"billingContact.\" %}berr_5{% else %}err_state5{% endif %}\" aria-invalid=\"false\" data-mz-value=\"{{ addresscontext }}address.stateOrProvince\" aria-label=\"mandatory field - State\" aria-required=\"true\">\r\n                <option></option>   \r\n                {% for state in themeSettings.usStates %}\r\n                    <option {% if model.address.stateOrProvince == state.abbreviation %}selected=\"selected\"{% endif %} value=\"{{ state.abbreviation }}\">{{ state.name }}</option>\r\n                {% endfor %}\r\n            </select>\r\n            <img width=\"13\" class=\"down-caret-quantity-myacc-add state-down-arrow\" src=\"/resources/images/icons/down_caret.png\" alt=\"\" />\r\n            <img width=\"13\" class=\"up-caret-quantity-myacc-add state-up-arrow\" src=\"/resources/images/icons/up_caret.png\" alt=\"\" />\r\n            <span class=\"mz-validationmessage\" id=\"{% if addresscontext == \"billingContact.\" %}berr_5{% else %}err_state5{% endif %}\" data-mz-validationmessage-for=\"{{ addresscontext }}address.stateOrProvince\"></span>\r\n        </div>\r\n    </div>\r\n    <div class=\"mz-l-formfieldgroup-row mz-addressform-zip\">\r\n        <div class=\"mz-l-formfieldgroup-cell\">\r\n            <label for=\"{% if addresscontext == \"billingContact.\" %}bpostal-code{% else %}postal-code{% endif %}\">{{ labels.postalCode }}<span class=\"is-required\" aria-label=\"mandatory field\"> *</span></label>\r\n            <input type=\"tel\" name=\"postal-code\" autocomplete=\"postal-code\" aria-label=\"postal code\" maxlength=\"10\"  id=\"{% if addresscontext == \"billingContact.\" %}bpostal-code{% else %}postal-code{% endif %}\" aria-describedBy=\"{% if addresscontext == \"billingContact.\" %}berr_6{% else %}err_6{% endif %}\" aria-invalid=\"false\" value=\"{{ model.address.postalOrZipCode }}\" data-mz-value=\"{{ addresscontext }}address.postalOrZipCode\" aria-required=\"true\"><!-- ADA OK --> \r\n            <span class=\"mz-validationmessage\" id=\"{% if addresscontext == \"billingContact.\" %}berr_6{% else %}err_6{% endif %}\" data-mz-validationmessage-for=\"{{ addresscontext }}address.postalOrZipCode\"></span>\r\n        </div>\r\n    </div>\r\n    <div {% if model.address.CountryCode != \"UK\" %}style=\"display: none\"{% endif %} class=\"mz-l-formfieldgroup-row mz-addressform-postaltown\">\r\n        <div class=\"mz-l-formfieldgroup-cell\">\r\n            <label for=\"{% if addresscontext == \"billingContact.\" %}bpostal-town{% else %}postal-town{% endif %}\">{{ labels.postalTown }}</label>\r\n            <input type=\"text\" name=\"postal-town\" autocomplete=\"postal-town\" aria-label=\"postal town\" postal-code id=\"{% if addresscontext == \"billingContact.\" %}bpostal-town{% else %}postal-town{% endif %}\" aria-describedBy=\"{% if addresscontext == \"billingContact.\" %}berr_7{% else %}err_7{% endif %}\" aria-invalid=\"false\" data-mz-value=\"{{ addresscontext }}address.postalOrZipCode\" value=\"{{ model.address.postalOrZipCode }}\" pattern=\"\\d*\" aria-required=\"true\"><!-- ADA OK -->\r\n            <span class=\"mz-validationmessage\" id=\"{% if addresscontext == \"billingContact.\" %}berr_7{% else %}err_7{% endif %}\" data-mz-validationmessage-for=\"{{ addresscontext }}address.postalOrZipCode\"></span>\r\n        </div>\r\n    </div>\r\n    <div class=\"mz-l-formfieldgroup-row mz-addressform-phone\">\r\n        <div class=\"mz-l-formfieldgroup-cell\">\r\n            <label for=\"{% if addresscontext == \"billingContact.\" %}bshippingphone{% else %}shippingphone{% endif %}\">{{ labels.phone }}<span class=\"is-required\" aria-label=\"mandatory field\"> *</span></label>\r\n             <input type=\"tel\" name=\"shippingphone\" autocomplete=\"tel\" aria-label=\"phone\" id=\"{% if addresscontext == \"billingContact.\" %}bshippingphone{% else %}shippingphone{% endif %}\" aria-describedBy=\"{% if addresscontext == \"billingContact.\" %}berr_8{% else %}err_8{% endif %}\" aria-invalid=\"false\" data-mz-value=\"{{ addresscontext }}phoneNumbers.home\" value=\"{{ model.phoneNumbers.home }}\"\r\n               maxlength=\"14\" title=\"Don't worry about a format, we will do that for you. Please provide 10-digit phone number.\" aria-required=\"true\"> \r\n            <span class=\"mz-validationmessage\" id=\"{% if addresscontext == \"billingContact.\" %}berr_8{% else %}err_8{% endif %}\" validation-for=\"phoneNumbers\" data-mz-validationmessage-for=\"{{ addresscontext }}phoneNumbers.home\"></span>\r\n        </div>\r\n    </div>\r\n               \r\n{% endblock address-form %}\r\n","modules/common/coupon-code-field":"{% if pageContext.pageType == \"cart\" %} \r\n{% if  model.isshippingCalculationEnabled %} \r\n    <div class=\"coupon-code-section\">     \r\n        <div class=\"mz-l-formfieldgroup-cell\">  \r\n            <div  {% if model.couponCodes.length > 0 %}class=\"show-coupon-symbol\"{% else %}class=\"coupon-text\" {% endif %} >Enter Coupon Code </div>\r\n        </div>\r\n        <div class=\"coupon-code-main {% if model.couponCodes.length> 0 %}show-coupon{% endif %} Ab-coupon-code-main\" >\r\n            <div class=\"mz-l-formfieldgroup-cell\" id=\"cart-coupon-entry\">\r\n                <input type=\"text\" id=\"coupon-code\" name=\"coupon-code\" {% if model.couponCodes.length> 0 %}value=\"{{model.couponCodes | first }}\"{% else %}value=\"{{ model.couponCode }}\"{% endif %} aria-label=\"Enter coupon field\" data-mz-value=\"couponCode\" placeholder=\"\"/><!-- ADA OK -->\r\n                {% if model.couponCodes.length> 0 %}\r\n                    <button type=\"button\"  class=\"mz-button remove-coupon\" >{{ labels.remove }}</button>       \r\n                {% else %}\r\n                    <button type=\"button\" id=\"cart-coupon-code\" class=\"mz-button\" data-mz-action=\"addCoupon\" {% if not model.couponCode %} disabled=\"disabled\" {% endif %}>{{ labels.apply|upper }}</button>\r\n                {% endif %}    \r\n            </div> \r\n            <div class=\"mz-l-formfieldgroup-cell\" id=\"shipping-coupons-note\" >\r\n                <p>Note: Shipping-related coupons must be entered during checkout. One coupon code per order. More information <a style=\"color:#2a3756; font-size: 14px;\" href=\"/ordering-information#Discounts\">here</a>.</p> \r\n            </div> \r\n            <div class=\"coupon-error\" tabindex=\"0\">Error: You cannot apply more than one coupon code. </div>  \r\n            <div class=\"coupon-error-onetime-use\" tabindex=\"0\">Error: You have already used this coupon code.</div>  \r\n        </div>\r\n    </div>\r\n{% else %}\r\n    <div class=\"coupon-code-section\">     \r\n        <div class=\"mz-l-formfieldgroup-cell\">  \r\n            <div  tabindex=\"0\" {% if model.couponCodes.length > 0 %}class=\"show-coupon-symbol\"{% else %}class=\"coupon-text\" {% endif %} role=\"button\">Enter Coupon Code<span><img src=\"../../../resources/images/couponarrow.png\"></span></div>\r\n        </div>\r\n        <div class=\"coupon-code-main {% if model.couponCodes.length> 0 %}show-coupon{% endif %}\">\r\n            <div class=\"mz-l-formfieldgroup-cell\" id=\"cart-coupon-entry\">\r\n                <input type=\"text\" id=\"coupon-code\" name=\"coupon-code\" {% if model.couponCodes.length> 0 %}value=\"{{model.couponCodes | first }}\"{% else %}value=\"{{ model.couponCode }}\"{% endif %} aria-label=\"Enter coupon field\" data-mz-value=\"couponCode\" placeholder=\"\"/><!-- ADA OK -->\r\n                {% if model.couponCodes.length> 0 %}\r\n                    <button type=\"button\"  class=\"mz-button remove-coupon\" >{{ labels.remove }}</button>       \r\n                {% else %}\r\n                    <button type=\"button\" id=\"cart-coupon-code\" class=\"mz-button\" data-mz-action=\"addCoupon\"  {% if not model.couponCode %} disabled=\"disabled\" {% endif %}>{{ labels.apply|upper }}</button>\r\n                {% endif %}    \r\n            </div>  \r\n             <div class=\"mz-l-formfieldgroup-cell\" id=\"shipping-coupons-note\" >\r\n                <p><b>Note:</b> Shipping-related coupons must be entered during checkout.  One coupon code per order. More information <a href=\"/ordering-information#Discounts\">here</a>.</p>\r\n            </div>\r\n            <div class=\"coupon-error\" tabindex=\"0\">Error: You cannot apply more than one coupon code. </div>  \r\n            <div class=\"coupon-error-onetime-use\" tabindex=\"0\">Error: You have already used this coupon code.</div>  \r\n        </div>\r\n    </div>\r\n{% endif %} \r\n{% else %}\r\n        <div class=\"mz-l-formfieldgroup-cell\" style=\"text-align: left;\"> \r\n           <label class=\"checkbox-outer-label\"><input id=\"cart-coupon-checkbox\" type=\"checkbox\" aria-label=\"Enter coupon\"> Enter Coupon <span class=\"checkmark-style\"></span></label>\r\n        </div>\r\n        <div class=\"mz-l-formfieldgroup-cell\" id=\"shipping-coupons-note\">\r\n                 <p>Note: <b>Shipping-related</b> coupons must be entered during checkout.  One coupon code per order. More information <a href=\"/ordering-information#Discounts\">here</a>.</p>\r\n          </div>\r\n       <div class=\"mz-l-formfieldgroup-cell\" id=\"cart-coupon-label\">\r\n            <label for=\"coupon-code\">{{ labels.couponCode }}: </label>\r\n       </div>\r\n       <div class=\"mz-l-formfieldgroup-cell\" id=\"cart-coupon-entry\">\r\n            <input type=\"text\" id=\"coupon-code\" name=\"coupon-code\" value=\"{{ model.couponCode }}\" aria-label=\"Enter coupon field\" data-mz-value=\"couponCode\" placeholder=\"Enter coupon code\"><!-- ADA OK -->\r\n            <button type=\"button\" id=\"cart-coupon-code\" class=\"mz-button\" data-mz-action=\"addCoupon\"  {% if not model.couponCode %} disabled=\"disabled\" {% endif %}>{{ labels.apply|upper }}</button>\r\n        </div> \r\n        <div class=\"coupon-error\" tabindex=\"0\">Error: You cannot apply more than one coupon code. </div>  \r\n        <div class=\"coupon-error-onetime-use\" tabindex=\"0\">Error: You have already used this coupon code.</div>  \r\n{% endif %}\r\n","modules/common/email-item-price":"{% extends \"modules/common/item-price\" %}\r\n\r\n{% block crossedout-inline-style %}style=\"text-decoration: line-through;display:inline-block;margin:5px 0\"{% endblock crossedout-inline-style %}\r\n","modules/common/credit-card-form":"{% block credit-card-form %}\n    <div class=\"mz-l-formfieldgroup-row\">\n        <fieldset>\n            <legend class=\"sr-only\">Card Type details</legend>\n            <div class=\"mz-l-formfieldgroup-cell\">\n                <label for=\"mz-payment-credit-card-type\">{{ labels.cardType }}<span class=\"is-required\" aria-label=\"mandatory field\"> *</span></label>\n            </div>\n            <div class=\"mz-l-formfieldgroup-cell\">\n                <select id=\"mz-payment-credit-card-type\" aria-describedBy=\"err_1\" data-mz-value=\"{{ cardcontext }}paymentOrCardType\" \n                class=\"{% if model.contactId and pageContext.pageType == 'checkout' and user.isAuthenticated or model.id and pageContext.pageType=='my_account' %}readonlytext{% endif %} my-acc-saved-add\"\n                {% if model.contactId and pageContext.pageType == 'checkout' and user.isAuthenticated or model.id and pageContext.pageType=='my_account' %} disabled {% endif %}> \n                    <option aria-label=\"select card type\" value=\"\"></option>\n                    {% if siteContext.checkoutSettings.supportedCards.amex %}\n                    <option value=\"AMEX\" {% if model.paymentOrCardType == \"AMEX\" %}selected=\"selected\"{% endif %}>American Express</option>\n                    {% endif %}\n                    {% if siteContext.checkoutSettings.supportedCards.visa %}\n                    <option value=\"VISA\" {% if model.paymentOrCardType == \"VISA\" %}selected=\"selected\"{% endif %}>Visa</option>\n                    {% endif %}\n                    {% if siteContext.checkoutSettings.supportedCards.mc %}\n                    <option value=\"MC\" {% if model.paymentOrCardType == \"MC\" %}selected=\"selected\"{% endif %}>MasterCard</option>\n                    {% endif %}\n                    {% if siteContext.checkoutSettings.supportedCards.discover %}\n                    <option value=\"DISCOVER\" {% if model.paymentOrCardType == \"DISCOVER\" %}selected=\"selected\"{% endif %}>Discover</option>\n                    {% endif %}\n                </select>\n                <img width=\"13\" class=\"down-caret-ma-cardType\" src=\"/resources/images/icons/down_caret.png\" alt=\"down_caret\"/>\n                <img width=\"13\" class=\"up-caret-ma-cardType\" src=\"/resources/images/icons/up_caret.png\" alt=\"up_caret\"/>\n                <span class=\"mz-validationmessage\" id=\"err_1\" data-mz-validationmessage-for=\"{{ cardcontext }}paymentOrCardType\"></span>\n            </div>\n        </fieldset>    \n    </div>\n    <div class=\"mz-l-formfieldgroup-row\">\n        <fieldset>\n            <legend class=\"sr-only\">Name on card details</legend>\n            <div class=\"mz-l-formfieldgroup-cell\">\n                <label for=\"mz-payment-credit-card-name\">{{ labels.nameOnCard }}<span class=\"is-required\" aria-label=\"mandatory field\"> *</span></label>\n            </div>\n            <div class=\"mz-l-formfieldgroup-cell checkout-card-name\">\n                <input type=\"text\" autocomplete=\"cc-name\" name=\"credit-card-name\" id=\"mz-payment-credit-card-name\" aria-describedBy=\"err_3\" data-mz-value=\"{{ cardcontext }}nameOnCard\" value=\"{{ model.nameOnCard }}\" {% if model.contactId and pageContext.pageType == 'checkout' and user.isAuthenticated %} readonly {% endif %} class=\"{% if model.contactId and pageContext.pageType == 'checkout' %}readonlytext{% endif %}\" aria-required=\"true\"><!-- ADA OK -->\n                <span style=\"top: 43px;\" class=\"mz-validationmessage\" id=\"err_3\" data-mz-validationmessage-for=\"{{ cardcontext }}nameOnCard\"></span>\n            </div>\n        </fieldset>\n    </div>\n    <div class=\"mz-l-formfieldgroup-row\">\n        <fieldset>\n            <legend class=\"sr-only\">Credit Card number details</legend>\n            <div class=\"mz-l-formfieldgroup-cell isDesktop\">\n                <label for=\"mz-payment-credit-card-number\" class=\"isDesktop\">{{ labels.cardNumber }}<span class=\"is-required\" aria-label=\"mandatory field\"> *</span></label>\n            \n                </div>\n\n                <div class=\"mz-l-formfieldgroup-cell isMobile\">\n            \n                <label for=\"mz-payment-credit-card-number-mobile\" class=\"isMobile\">{{ labels.cardNumber }}<span class=\"is-required\" aria-label=\"mandatory field\"> *</span></label>\n                </div>\n\n            <div class=\"checkout-cc-container mz-l-formfieldgroup-cell isDesktop\">\n                <input hh=\"{{model.id}}\" autocomplete=\"cc-number\" type=\"password\" placeholder=\"0000-0000-0000-0000\" name=\"credit-card-number\" id=\"mz-payment-credit-card-number\" class=\"isDesktop\" aria-describedBy=\"err_2\" data-mz-value=\"{{ cardcontext }}cardNumberPartOrMask\" value=\"{{ model.cardNumberPartOrMask }}\" maxlength=\"16\" {% if model.contactId and pageContext.pageType == 'checkout' and user.isAuthenticated or model.id and pageContext.pageType=='my_account' %} readonly {% endif %} class=\"{% if model.contactId and pageContext.pageType == 'checkout' or model.id and pageContext.pageType=='my_account' %}readonlytext{% endif %}\" aria-required=\"true\">  <!-- ADA OK -->\n\n                <button id=\"checkout-cc-show-hide\" class=\"isDesktop\">Show</button>\n                <span style=\"top: 43px;\" id=\"err_2\" class=\"mz-validationmessage\" data-mz-validationmessage-for=\"{{ cardcontext }}cardNumberPartOrMask\"></span>\n            </div>\n            {% comment %} for mobiel user {% endcomment %}\n            <div class=\"checkout-cc-container mz-l-formfieldgroup-cell isMobile\">\n                \n                <input hh=\"{{model.id}}\" autocomplete=\"cc-number\" type=\"text\" inputmode=\"numeric\" pattern=\"[0-9]*\" placeholder=\"0000-0000-0000-0000\" name=\"credit-card-number\" id=\"mz-payment-credit-card-number-mobile\" class=\"isMobile\" mz-hideCard=\"true\" aria-describedBy=\"err_2\" data-mz-realcardnumber=\"\" data-mz-value=\"{{ cardcontext }}cardNumberPartOrMask\" value=\"{{ model.cardNumberPartOrMask }}\" maxlength=\"16\" {% if model.contactId and pageContext.pageType == 'checkout' and user.isAuthenticated or model.id and pageContext.pageType=='my_account' %} readonly {% endif %} class=\"{% if model.contactId and pageContext.pageType == 'checkout' or model.id and pageContext.pageType=='my_account' %}readonlytext{% endif %}\" aria-required=\"true\">  <!-- ADA OK -->\n\n                <button id=\"checkout-cc-show-hide-mobile\" class=\"isMobile\" >Show</button>\n                <span style=\"top: 43px;\" id=\"err_2\" class=\"mz-validationmessage\" data-mz-validationmessage-for=\"{{ cardcontext }}cardNumberPartOrMask\"></span>\n            </div>\n        </fieldset>\n    </div>\n\n    <div class=\"mz-l-formfieldgroup-row\">\n        <fieldset>\n            <legend class=\"sr-only\">Card expiration details</legend>\n            <div class=\"mz-l-formfieldgroup-cell\">\n                <label for=\"mz-payment-expiration-month\">{{ labels.expires }}<span class=\"is-required\" aria-label=\"mandatory field\"> *</span></label>\n            </div>\n            <div class=\"mz-l-formfieldgroup-cell checkout-card-expmonth\">\n                <select aria-label=\"Expiring Month\" autocomplete=\"cc-exp-month\" aria-describedBy=\"err_4\" class=\"mz-l-formfieldgroup-halfsize {% if model.contactId and pageContext.pageType == 'checkout' and user.isAuthenticated %}readonlytext{% endif %} my-acc-saved-add month\" id=\"mz-payment-expiration-month\" name=\"expiration-month\" data-mz-value=\"{{ cardcontext }}expireMonth\" {% if model.contactId and pageContext.pageType == 'checkout' and user.isAuthenticated %} disabled {% endif %}  aria-required=\"true\">\n                    <option aria-label=\"select expiring month\" default value=\"select expiring month\" >Month</option>\n                    <option {% if model.expireMonth == \"01\" %}selected=\"selected\"{% endif %} value=\"01\">01 - {{ labels.january }}</option>\n                    <option {% if model.expireMonth == \"02\" %}selected=\"selected\"{% endif %} value=\"02\">02 - {{ labels.february }}</option>\n                    <option {% if model.expireMonth == \"03\" %}selected=\"selected\"{% endif %} value=\"03\">03 - {{ labels.march }}</option>\n                    <option {% if model.expireMonth == \"04\" %}selected=\"selected\"{% endif %} value=\"04\">04 - {{ labels.april }}</option>\n                    <option {% if model.expireMonth == \"05\" %}selected=\"selected\"{% endif %} value=\"05\">05 - {{ labels.may }}</option>\n                    <option {% if model.expireMonth == \"06\" %}selected=\"selected\"{% endif %} value=\"06\">06 - {{ labels.june }}</option>\n                    <option {% if model.expireMonth == \"07\" %}selected=\"selected\"{% endif %} value=\"07\">07 - {{ labels.july }}</option>\n                    <option {% if model.expireMonth == \"08\" %}selected=\"selected\"{% endif %} value=\"08\">08 - {{ labels.august }}</option>\n                    <option {% if model.expireMonth == \"09\" %}selected=\"selected\"{% endif %} value=\"09\">09 - {{ labels.september }}</option>\n                    <option {% if model.expireMonth == \"10\" %}selected=\"selected\"{% endif %} value=\"10\">10 - {{ labels.october }}</option>\n                    <option {% if model.expireMonth == \"11\" %}selected=\"selected\"{% endif %} value=\"11\">11 - {{ labels.november }}</option>\n                    <option {% if model.expireMonth == \"12\" %}selected=\"selected\"{% endif %} value=\"12\">12 - {{ labels.december }}</option>\n                </select>\n                <img width=\"13\" class=\"down-caret-ma-month\" src=\"/resources/images/icons/down_caret.png\" alt=\"\" />\n                <img width=\"13\" class=\"up-caret-ma-month\" src=\"/resources/images/icons/up_caret.png\" alt=\"\" />\n                <select autocomplete=\"cc-exp-year\" aria-label=\"Expiring Year\" aria-describedBy=\"err_4\" class=\"mz-l-formfieldgroup-halfsize {% if model.contactId and pageContext.pageType == 'checkout' and user.isAuthenticated %}readonlytext{% endif %} my-acc-saved-add year\" name=\"mz-payment-expiration-year\" data-mz-value=\"{{ cardcontext }}expireYear\" {% if model.contactId and pageContext.pageType == 'checkout' and user.isAuthenticated' %} disabled {% endif %} aria-required=\"true\">\n                    <option aria-label=\"select expiring year\" default value=\"select expiring year\"> Year</option>  \n                    {% with now|split(\"-\")[0] as year %}\n                        {% for a in [0,1,2,3,4,5,6,7,8,9,10,11,12] %}\n                            <option {% if model.expireYear == year|add(a) %}selected=\"selected\"{% endif %} value=\"{{ year|add(a) }}\">{{ year|add(a) }}</option>\n                        {% endfor %}\n                    {% endwith %} \n                </select>\n                <img width=\"13\" class=\"down-caret-ma-year\" src=\"/resources/images/icons/down_caret.png\" alt=\"\" />\n                <img width=\"13\" class=\"up-caret-ma-year\" src=\"/resources/images/icons/up_caret.png\"  alt=\"\"  />\n                <span class=\"mz-validationmessage\" id=\"err_4\" data-mz-validationmessage-for=\"{{ cardcontext }}expireYear\"></span>\n            </div>\n        </fieldset>\n    </div>\n    <div class=\"mz-l-formfieldgroup-row my-account-cvv\">\n        <fieldset>\n            <legend class=\"sr-only\">Card cvv details</legend>\n            <div class=\"mz-l-formfieldgroup-cell payment-label\">\n                <label for=\"mz-payment-security-code\">{{ labels.securityCode }}<span class=\"is-required\" aria-label=\"mandatory field\"> *</span></label>\n            </div>\n            <div class=\"mz-l-formfieldgroup-cell\">\n                <input type=\"tel\" autocomplete=\"cc-csc\" placeholder=\"Enter CVV\" name=\"security-code\" id=\"mz-payment-security-code\"  aria-describedBy=\"err_5\" class=\"cvvcodeinput\" max=\"9999\" maxlength=\"4\" data-mz-value=\"{{ cardcontext }}cvv\"  pattern=\"\\d*\" title=\"Payment method security code\" value=\"{{ model.cvv }}\" aria-required=\"true\"><!-- ADA OK -->\n                <span class=\"cvv-info\">\n                    <a id=\"toolTipStock\" class= \"shop-tip\" href=\"javascript:void(0)\" data-cart-details=\"\" role=\"button\" aria-describedby=\"cvv-tip\"  aria-controls=\"cvv-tip\" aria-expanded=\"false\" aria-label=\"Opens credit card information diagram\"><span class=\"hide-for-other\">What is CVV</span>?</a>\n                    <div class=\"cvv-info-details\" id=\"cvv-tip\" role=\"tooltip\">\n                        <img src=\"/resources/images/cvv-info-2.png\" alt=\"Display of the security code on the back of VISA, Discover, and Mastercard credit cards\"/>\n                        <h3 class=\"card-type\">Discover, Mastercard, Visa</h3>\n                        <p class=\"card-no\">3 Digit Card Verification Number</p>\n                        <img src=\"/resources/images/cvv-info-1.png\" alt=\"Display of the security code on the front of American Express credit cards\"/>\n                        <h3 class=\"card-type\">American Express</h3>\n                        <p class=\"card-no\">4 Digit Card Verification Number</p>\n                    </div>\n                </span>\n                <span style=\"top: 43px;\" class=\"mz-validationmessage\" id=\"err_5\" data-mz-validationmessage-for=\"{{ cardcontext }}cvv\"></span>\n            </div>\n        </fieldset>\n    </div>\n    \n{% endblock credit-card-form %}\n\n\n\n\n\n\n\n\n\n\n","modules/common/email-address-summary":"    <span style=\"display:block;line-height:21px;\">{{ model.firstName }} {{ model.lastNameOrSurname }}</span><!--[if gte mso 9]><br /><![endif]-->\r\n    <span style=\"display:block;line-height:21px;\"> {{ model.address.address1 }}</span><!--[if gte mso 9]><br /><![endif]-->\r\n     {% if model.address.address2 %}\r\n      <span style=\"display:block;line-height:21px;\">   {{ model.address.address2 }} </span><!--[if gte mso 9]><br /><![endif]-->\r\n    {% endif %}\r\n    {% if model.address.address3 %}\r\n       <span style=\"display:block;line-height:21px;\"> {{ model.address.address3 }} </span><!--[if gte mso 9]><br /><![endif]-->\r\n    {% endif %}\r\n   <span style=\"display:block;line-height:21px;\"> {{ model.address.cityOrTown }}, {{ model.address.stateOrProvince }} {{ model.address.postalOrZipCode }}</span><!--[if gte mso 9]><br /><![endif]-->\r\n   <span style=\"display:block;line-height:21px;\"> {{ model.address.countryCode }} </span><!--[if gte mso 9]><br /><![endif]-->\r\n    {% if model.phoneNumbers.home %}\r\n        <span style=\"display:block;line-height:21px;\">{{ model.phoneNumbers.home }}</span>\r\n    {% endif %}\r\n","modules/common/email-item-total":"{% extends \"modules/common/item-total\" %}\r\n\r\n{% block crossedout-inline-style %}style=\"text-decoration: line-through;display:inline-block;margin:5px 0;\"{% endblock crossedout-inline-style %}\r\n","modules/common/email-order-summary":"    <table class=\"mz-ordersummary\" align=\"left\" cellpadding=\"1\" width=\"100%\" style=\"border-collapse:collapse;\">\r\n        <thead>\r\n            <tr>\r\n                <td style=\"text-align:left;border:1px solid #cfcfcf;padding: 10px 10px;text-transform: uppercase;\" bgcolor=\"#0079b0\" class=\"mz-ordersummary-header-product\"><font color=\"#ffffff\">Product</font></td>\r\n                <td style=\"text-align:left;border:1px solid #cfcfcf;padding: 10px 10px;text-transform: uppercase;\" bgcolor=\"#0079b0\" class=\"mz-ordersummary-header-qty\"><font color=\"#ffffff\">{{ labels.qty }}</font></td>\r\n                <td  style=\"text-align:left;border:1px solid #cfcfcf;padding: 10px 10px;text-transform: uppercase;\" bgcolor=\"#0079b0\" class=\"mz-ordersummary-header-each\"><font color=\"#ffffff\">{{ labels.each }}</font></td>\r\n                <td style=\"text-align:left;border:1px solid #cfcfcf;padding: 10px 10px;text-transform: uppercase;\" bgcolor=\"#0079b0\" class=\"mz-ordersummary-header-total\"><font color=\"#ffffff\">Total</font></td>\r\n            </tr>\r\n        </thead>\r\n        {% for item in model.items %}\r\n            <tbody class=\"mz-ordersummary-lineitems\">\r\n              <tr style=\"border:1px solid #ccc;\" class=\"mz-ordersummary-line mz-ordersummary-line-item {% if item.discountTotal > 0 %}is-discounted{% endif %}\">\r\n                    <td class=\"mz-ordersummary-item-product\" style=\"padding: 10px;border:1px solid #ccc; text-align:left;\">\r\n                      <a href=\"{{siteContext.domains.current.domainName}}/p/{{ item.product.productCode }}\" target=\"_blank\">{{ item.product.name|safe }}</a>\r\n                      {% for option in item.product.options %}\r\n                        {% if option.attributeFQN == \"tenant~color\" %}\r\n                           <div class=\"mz-colorcartattr\"> \r\n                                <div style=\" display: inline-block; float: left; \">Color - </div>\r\n                                <div>\r\n                                    <label>{{ option.value }}</label> \r\n                                </div>  \r\n                            </div>\r\n                        {% endif %}\r\n                        {% endfor %}\r\n                      {% if item.product.productUsage == 'Bundle' %}\r\n                      <dl class=\"mz-propertylist\">\r\n                        {% for bundledProduct in item.product.bundledProducts %}\r\n                        <dt>{{ bundledProduct.productCode }}</dt>&nbsp;\r\n                        <dd>{{ bundledProduct.name }} ({{ bundledProduct.quantity }})</dd>\r\n                        {% endfor %}\r\n                      </dl>\r\n                      {% endif %}\r\n                    </td>\r\n                    <td style=\"text-align:left;padding: 10px;text-align:left;border:1px solid #ccc; \">{{ item.quantity }}</td>\r\n                    <td align=\"left\" style=\"text-align:left;padding: 10px; border: 1px solid #ccc; \"> {% include \"modules/common/email-item-price\" %}</td>\r\n                    <td align=\"left\" style=\"text-align:left;padding: 10px; border: 1px solid #ccc; \"> {% include \"modules/common/email-item-total\" %}</td>\r\n                </tr>\r\n            </tbody>\r\n        {% endfor %} \r\n      \r\n        <tbody>\r\n            {% for discount in model.orderDiscounts %}\r\n            {% if not discount.excluded %}\r\n            <tr class=\"mz-ordersummary-discount\">\r\n              <td align=\"right\" colspan=\"4\">\r\n                <span class=\"mz-ordersummary-discountname\">{{ discount.discount.name }}:</span>\r\n                <span class=\"mz-ordersummary-discountamt\">-{{ discount.impact|currency }}</span>\r\n              </td>\r\n            </tr>\r\n            {% endif %}\r\n            {% endfor %}\r\n            {% if discount.discountedSubTotal %}\r\n            <tr class=\"mz-ordersummary-subtotal\">\r\n              <td align=\"right\" colspan=\"4\">\r\n                <span class=\"mz-ordersummary-totalname\">{{ labels.subtotal }}:</span>\r\n                <span class=\"mz-ordersummary-totalvalue\">{{ discount.discountedSubTotal|currency }}</span>\r\n              </td>\r\n            </tr>\r\n            {% endif %}\r\n            {% if model.taxTotal %}\r\n            <tr class=\"mz-ordersummary-tax\">\r\n                <td align=\"right\" colspan=\"4\">\r\n                    <span class=\"mz-ordersummary-totalname\">{{ labels.tax }}:</span>\r\n                    <span class=\"mz-ordersummary-totalvalue\">{{ model.taxTotal|currency }}</span>\r\n                </td>\r\n            </tr>\r\n            {% endif %}\r\n            <tr class=\"mz-ordersummary-shippingtotal\">\r\n              <td align=\"right\" colspan=\"4\">\r\n                <span class=\"mz-ordersummary-totalname\">{{ labels.shippingHandling }}:</span>\r\n                <span class=\"mz-ordersummary-totalvalue\">{{ model.shippingSubTotal|currency }}</span>\r\n              </td>\r\n            </tr> \r\n            {% for shippingDiscount in model.shippingDiscounts %}\r\n            <tr class=\"mz-ordersummary-shippingdiscount\">\r\n              <td align=\"right\" colspan=\"4\">\r\n                <span class=\"mz-ordersummary-totalname\">{{ shippingDiscount.discount.discount.name }}:</span>\r\n                <span class=\"mz-ordersummary-totalvalue\">-{{ shippingDiscount.discount.impact|currency }}</span>\r\n              </td>\r\n            </tr> \r\n            {% endfor %}\r\n            {% if model.handlingAmount %}\r\n            <tr class=\"mz-ordersummary-additionalhandling\">\r\n                <td align=\"right\" colspan=\"4\">\r\n                  <span class=\"mz-ordersummary-totalname\">{{ labels.additionalHandling }}{% if model.handlingAmount > model.handlingTotal  %}<span class=\"is-crossedout\" {% block crossedout-inline-style %}{% endblock crossedout-inline-style %}> ({{ model.handlingAmount|currency }})</span>{% endif %}</span>\r\n                  <span class=\"mz-ordersummary-totalvalue\">{{ model.handlingTotal|currency }}</span>\r\n                </td>\r\n            </tr>\r\n            {% endif %}\r\n            <tr class=\"mz-ordersummary-grandtotal\">\r\n                <td align=\"right\" colspan=\"4\">\r\n                    <span class=\"mz-ordersummary-totalname\">{{ labels.total }}:</span>\r\n                    <span class=\"mz-ordersummary-totalvalue\">{{ model.total|currency }}</span>\r\n                </td>\r\n            </tr>\r\n        </tbody>\r\n    </table> \r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","modules/common/email-shipment-item-total":"{% extends \"modules/common/shipment-item-total\" %}\r\n\r\n{% block crossedout-inline-style %}style=\"text-decoration: line-through;\"{% endblock crossedout-inline-style %}\r\n","modules/common/item-listing":"<div class=\"mz-itemlisting {% block module-classes %}{% endblock module-classes %}\">\r\n  {% block item-listing-prefix %}\r\n  {% endblock item-listing-prefix %}\r\n  {% block item-listing-image %}\r\n  {% if model.product.imageUrl %}\r\n  <div class=\"mz-itemlisting-thumb\">\r\n    <img class=\"mz-itemlisting-thumb-img\" src=\"{% if model.product.imageUrl %}{{ model.product.imageUrl }}?maxWidth=80 {% else %}{{ siteContext.cdnPrefix }}/cms/{{siteContext.siteId}}/files/{{themeSettings.no_product_image}}?max=80 {% endif %}\" />\r\n  </div>\r\n  {% endif %}\r\n  {% endblock item-listing-image %}\r\n  {% block item-listing-details %}\r\n  <div class=\"mz-itemlisting-details\">\r\n    {% block item-name %}\r\n    <a class=\"mz-itemlisting-title\" href=\"{{ model.product.url }}\">\r\n      {{ model.product.name|safe }}</a>\r\n    {% endblock item-name %}\r\n    {% block item-details %}\r\n    <div class=\"mz-itemlisting-description\">\r\n      {% for option in model.product.options %}{{ option.name }}: {{ option.value }}, {% endfor %}{{ model.product.variationProductCode|default(model.product.productCode) }}{% if model.product.measurements.packageWeight.value %}, {{ model.product.measurements.packageWeight.value }}{{model.measurements.packageWeight.unit }}{% endif %}\r\n    </div>\r\n    \r\n    {% endblock item-details %}\r\n  </div>\r\n  <p class=\"inline\">{{model.quantity}}</p>\r\n <p class=\"inline\">{{model.total|currency}}</p>\r\n  {% endblock item-listing-details %}\r\n  <div class=\"clearfix\"></div>\r\n  <div class=\"mz-itemlisting-actions\">\r\n  {% block item-listing-actions %}\r\n    \r\n  {% endblock item-listing-actions %}\r\n  </div>\r\n  {% block item-listing-extras %}\r\n  {% endblock item-listing-extras %}\r\n</div>","modules/common/item-price":"{% with item.productDiscounts|first as productDiscount %}\r\n  {% if item.unitPrice.saleAmount %}\r\n    {% if not productDiscount or productdiscount.appliesToSalePrice %} \r\n\r\n      {% if item.unitPrice.listAmount !=  item.unitPrice.extendedAmount %}   \r\n        <span class=\"sr-only\">Current price: </span><span class=\"mz-item-price is-saleprice\">{{ item.unitPrice.extendedAmount|currency }}</span>                   \r\n        <span class=\"sr-only\">Original price: </span><span class=\"mz-item-price is-crossedout\" {% block crossedout-inline-style %}{% endblock crossedout-inline-style %}>{{ item.unitPrice.listAmount|currency }}</span>\r\n        {% else %}\r\n        <span class=\"mz-item-price is-saleprice\">{{ item.unitPrice.extendedAmount|currency }}</span>                   \r\n      {% endif %} \r\n \r\n    {% else %}\r\n      <span  class=\"mz-item-price\">{{ item.unitPrice.extendedAmount|currency }}</span>\r\n    {% endif %}\r\n  {% else %}\r\n    <span   class=\"mz-item-price\">{{ item.unitPrice.extendedAmount|currency }}</span>\r\n  {% endif %} \r\n{% endwith %}  \r\n","modules/common/item-return-form":"<div class=\"mz-returnform\">\r\n  <div class=\"mz-l-formfieldgroup\">\r\n    <div class=\"mz-l-formfieldgroup-row mz-returnform-returntype\">\r\n      \r\n      <div class=\"mz-l-formfieldgroup-cell\">\r\n        <label>\r\n          <input type=\"radio\" name=\"returnType\" value=\"Refund\" data-mz-value=\"rma.returnType\" checked=\"checked\"> {{ labels.refund }} </label>\r\n        <label>\r\n          <input type=\"radio\" name=\"returnType\" value=\"Replace\" data-mz-value=\"rma.returnType\" > {{ labels.replace }} </label>\r\n      </div>\r\n    </div>\r\n    <div class=\"mz-l-formfieldgroup-row\">\r\n      <div class=\"mz-l-formfieldgroup-cell\">\r\n        <label><span class=\"is-required\"> *</span>{{ labels.reasonForReturn }}:</label>\r\n      </div>\r\n      <div class=\"mz-l-formfieldgroup-cell\">\r\n        <select data-mz-value=\"rma.reason\" class=\"mz-returnform-reason\">\r\n          <option value=\"\">{{ labels.pleaseSelect }}</option>\r\n          <option value=\"Damaged\">{{ labels.damaged }}</option>\r\n          <option value=\"Defective\">{{ labels.defective }}</option>\r\n          <option value=\"DifferentExpectations\">{{ labels.differentExpectations }}</option>\r\n          <option value=\"Late\">{{ labels.tooLate }}</option>\r\n          <option value=\"MissingParts\">{{ labels.missingParts }}</option>\r\n          <option value=\"NoLongerWanted\">{{ labels.noLongerWanted }}</option>\r\n          <option value=\"Other\">{{ labels.other }}</option>\r\n        </select>\r\n        <span class=\"mz-validationmessage\" data-mz-validationmessage-for=\"rma.reason\"></span>\r\n      </div>\r\n    </div>\r\n    <div class=\"mz-l-formfieldgroup-row\">\r\n      <div class=\"mz-l-formfieldgroup-cell\">\r\n        <label><span class=\"is-required\"> *</span>{{ labels.quantityToReturn }}:</label>\r\n      </div>\r\n      <div class=\"mz-l-formfieldgroup-cell mz-returnform-quantity\">\r\n        <a data-mz-action=\"decreaseReturnQuantity\">-</a>\r\n            <input type=\"number\" data-mz-value=\"rma.quantity\" min=\"1\" max=\"{{ model.quantity }}\" class=\"mz-returnform-quantityfield\" />\r\n        <a data-mz-action=\"increaseReturnQuantity\">+</a>\r\n      </div> \r\n    </div>\r\n    <div class=\"mz-l-formfieldgroup-row mz-returnform-optionalcomments\">\r\n      <div class=\"mz-l-formfieldgroup-cell\">\r\n        <label>{{ labels.optionalComments }}</label>\r\n      </div>\r\n      <div class=\"mz-l-formfieldgroup-cell\">\r\n        <textarea class=\"mz-returnform-optionalcommentsfield\" data-mz-value=\"rma.comments\"></textarea>\r\n      </div>\r\n    </div>\r\n     <div class=\"mz-l-formfieldgroup-row mz-returnform-policy\">\r\n        <div class=\"mz-l-formfieldgroup-cell\">\r\n            {% block item-listing-extras %}\r\n            {% if returning == model.id %}\r\n            <p class=\"mz-itemlisting-prompt is-warning\">{{ labels.returnInfo|safe }}</p>\r\n            {% endif %}\r\n            {% endblock item-listing-extras %}\r\n        </div>\r\n    </div>\r\n    <div class=\"mz-l-formfieldgroup-row mz-returnform-actions\">\r\n      \r\n      <div class=\"mz-l-formfieldgroup-cell\">\r\n        <button class=\"mz-button mz-button-submit\" data-mz-action=\"finishReturnItem\">{{ labels.submit }}</button>\r\n        <button class=\"mz-button mz-button-cancel\" data-mz-action=\"cancelReturnItem\">{{ labels.cancel }}</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n","modules/common/login-popover":"<div class=\"mz-popover mz-popover-login mz-l-slidebox\"  role=\"application\"> \r\n  <div class=\"mz-l-slidebox-outer\">\r\n    <div class=\"mz-l-slidebox-inner\">\r\n      <section data-mz-role=\"login-form\" class=\"mz-login-form mz-l-slidebox-panel\">\r\n        <input name=\"email\" data-mz-login-email=\"\" placeholder=\"{{ labels.emailAddress }}\" title=\"Login form email address\" type=\"text\" /><!-- ADA OK -->\r\n        <input name=\"password\" data-mz-login-password=\"\" placeholder=\"{{ labels.password }}\" type=\"password\" />\r\n        <div class=\"mz-popover-action\">\r\n          <button style=\"background-color:#1878a5\" class=\"mz-button\" data-mz-action=\"submitlogin\">{{ labels.logIn }}</button> \r\n          (<a data-mz-action=\"forgotpasswordform\" class=\"testreset1\" href=\"javascript:;\">{{ labels.forgotPasswordLink }}</a>) \r\n          </div>\r\n        <p class=\"msg-reset-pwd\" data-message-resetpassword=\"\">\r\n          Welcome to the official Jelly Belly &reg; candy online store.\r\n          <!--   We value your privacy and work hard to keep your account information safe.\r\n                Recently we made some changes to our account system and updated our website. -->\r\n          If you placed an order with us in the past, you can automatically enable your account by\r\n          requesting a password using the <a data-mz-action=\"forgotpasswordform\" class=\"testreset\" href=\"javascript:;\">password reset</a>.\r\n        </p>\r\n      </section>\r\n      <section data-mz-role=\"forgotpassword-form\" class=\"mz-forgot-password mz-l-slidebox-panel\">\r\n        <label>Reset Password</label>\r\n        <input type=\"email\" data-mz-forgotpassword-email=\"\" name=\"reset-password\" placeholder=\"{{ labels.emailAddress }}\" />\r\n        <div class=\"mz-popover-action\">\r\n          <a href=\"javascript:;\" data-mz-action=\"loginform\">{{ labels.cancel }}</a>\r\n          <button class=\"mz-button\" data-mz-action=\"submitforgotpassword\">{{ labels.sendEmail }}</button>\r\n        </div>\r\n      </section>\r\n    </div>\r\n  </div>\r\n  <section data-mz-role=\"popover-message\" class=\"mz-popover-message\"></section>\r\n</div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","modules/common/item-total":"{% if item.discountTotal > 0 %}\r\n<span class=\"sr-only\">Current price: </span><span class=\"mz-item-rowtotal {% if item.unitPrice.saleAmount %}is-saleprice{% endif %}\">{{ item.discountedTotal|currency }}</span>\r\n<span class=\"sr-only\">Original price: </span><span class=\"mz-item-rowtotal is-crossedout\" {% block crossedout-inline-style %}{% endblock crossedout-inline-style %}>\r\n\t{{ item.subtotal|currency }}</span>\r\n\t    {% comment %}\r\n            {% for productDiscount in item.productDiscounts %}\r\n                <div class=\"mz-item-discount\">\r\n                <span class=\"mz-item-discountname\">{{ productDiscount.discount.name }}</span>\r\n                {% if productDiscount.discount.freeShipping %}\r\n                <span class=\"mz-item-discountamt\">{{ labels.freeShipping }}</span>\r\n                {% else %}\r\n                <span class=\"mz-item-discountamt\"> -{{ productDiscount.impact|currency }}</span>\r\n                {% endif %}\r\n                </div>\r\n            {% endfor %}\r\n        {% endcomment %}\r\n{% else %}\r\n\t<span class=\"mz-item-rowtotal {% if item.unitPrice.saleAmount %}is-saleprice{% endif %}\">{{ item.subtotal|currency }}</span>\r\n{% endif %}\r\n","modules/common/message-bar":"<div class=\"mz-messagebar\" data-mz-message-bar>\r\n    {% if model.length > 0 %}\r\n    <ul class=\"is-showing mz-errors\" id=\"mz-errors-list\" tabindex=\"0\">\r\n        {% for msg in model %}\r\n        <!--{{msg.message|slugify}}-->\r\n        {% with msg.message|slugify as testMessage %}\r\n\r\n        {% if testMessage == \"\" %}\r\n        <!-- model is most likely [{\"message\":{}}] This sometimes causes an exception proven on sandbox -->\r\n        {% comment %}\r\n        You can validate this with the dump tag. Do not commit the dump tag in svn.\r\n        {% endcomment %}\r\n        {% else %}\r\n            {%if msg.message == \"You should receive an email with instructions to reset your password shortly.\"%}\r\n            <li role=\"alert\" style=\"color:rgb(185, 74, 72);\">\r\n                {{ msg.message|safe }}<button type=\"button\" class=\"close\" aria-label=\"Close Alert\"> </button></li>\r\n            {%else%}\r\n                {% if msg.message == \"Missing or invalid parameter: password Password must be different from the previous 4 utilized passwords.\"%}\r\n                    <li role=\"alert\">{{ themeSettings.differentFromPreviousPasswords }}<button type=\"button\" class=\"close\" aria-label=\"Close Alert\"> </button></li>\r\n                {%else%}\r\n                    {% if msg.message == \"Missing or invalid parameter: password Invalid password format.\"%}\r\n                        <li> role=\"alert\"{{ themeSettings.resetPasswordEntered}}<button type=\"button\" class=\"close\" aria-label=\"Close Alert\"> </button></li>\r\n                    {%else%}\r\n                        {% if msg.message == \"Card type missing.\" %}\r\n                            <li role=\"alert\">{{ themeSettings.cardType }}<button type=\"button\" class=\"close\" aria-label=\"Close Alert\"> </button></li> \r\n                        {% else %}\r\n                            {% if msg.message == \"Card number missing.\" %}\r\n                                    <li role=\"alert\">{{ themeSettings.cardNumber }}<button type=\"button\" class=\"close\" aria-label=\"Close Alert\"> </button></li>\r\n                                      {% else %}\r\n                            {% if msg.message == \"Adding customer failed for the following reason: Missing or invalid parameter: EmailAddress EmailAddress already associated with a login\" %}\r\n                                    <li role=\"alert\">{{ themeSettings.alreadyassociated }}<button type=\"button\" class=\"close\" aria-label=\"Close Alert\"> </button></li>\r\n                                      {% else %}\r\n                            {% if msg.message == \"Invalid email address.\" %}\r\n                                    <li role=\"alert\">{{ themeSettings.validEmialSignUp }}<button type=\"button\" class=\"close\" aria-label=\"Close Alert\"> </button></li>\r\n                                      {% else %}\r\n                            {% if msg.message == \"Provide both password.\" %}\r\n                                    <li role=\"alert\">{{ themeSettings.validPassword }}<button type=\"button\" class=\"close\" aria-label=\"Close Alert\"> </button></li>\r\n                                      {% else %}\r\n                            {% if msg.message == \"Password dosn't match.\" %}\r\n                                    <li role=\"alert\">{{ themeSettings.passwordNotMatch }}<button type=\"button\" class=\"close\" aria-label=\"Close Alert\"> </button></li>\r\n                            {% else %}\r\n                            {% if msg.message == \"Card number is in an unrecognized format.\" %}\r\n                                    <li role=\"alert\">{{ themeSettings.cardFormat }}<button type=\"button\" class=\"close\" aria-label=\"Close Alert\"> </button></li>\r\n                            {% else %}\r\n                                <li role=\"alert\" aria-describedby=\"error-inventory\" style=\"text-align: left !important;\"><p id=\"error-inventory\">{{ msg.message|safe }}<button type=\"button\" class=\"close\" aria-label=\"Close Alert\"> </button></p></li>\r\n                                    {% endif %}    \r\n                                    {% endif %}    \r\n                                        {% endif %}    \r\n                                          {% endif %}    \r\n                                    {% endif %}\r\n                            {% endif %}    \r\n                        {%endif%} \r\n                    {%endif%}\r\n                {%endif%}\r\n            {%endif%}\r\n        {% endif %}\r\n\r\n        {% endwith %}\r\n        {% endfor %}\r\n    </ul>\r\n    {% endif %}\r\n</div>\r\n","modules/common/notify-me":"<style>\r\n\t.screen-reader-only-text {\r\n\t\tposition: absolute;\r\n\t\tclip: rect(1px, 1px, 1px, 1px);\r\n\t\tclip-path: inset(50%);\r\n\t\tpadding: 0;\r\n\t\twidth: 1px;\r\n\t\theight: 1px;\r\n\t\toverflow: hidden;\r\n\t\tmargin: -1px;\r\n\t}\r\n</style>\r\n\r\n<div class=\"notify-me-modal\">\r\n\t<div class=\"notify-me-body\" tabindex=\"-1\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Notify me Modal\">\r\n\t\t<span class=\"close\" role=\"button\" tabindex=\"0\" ><img src=\"../../resources/images/closemarkglobal.svg\" alt=\"close\" /></span>\r\n\t\t<h1 class=\"screen-reader-only-text\">\r\n\t\t\tNotify Me\r\n\t\t</h1>\r\n\t\t\t<div class=\"notify-me-section\">\r\n\t\t\t\t<span>Enter your email address to be notified  when this item is back in stock.</span>\r\n\t\t\t\t<div class=\"email-section\">\r\n\t\t\t\t\t<input type=\"text\" class=\"notify-me-email\" value=\"\" tabindex=\"0\" aria-label=\"Enter email address\" aria-describedby=\"notify-error\" placeholder=\"Enter your email address\"/>\r\n\t\t\t\t\t<button class=\"notify-me-button\">Notify Me</button>\r\n\t\t\t\t</div>\r\n\t\t\t\t<span id=\"notify-error\" class=\"error\" tabindex=\"0\"></span>\r\n\t\t\t</div>\r\n\t\t<div class=\"success-msg\">Thank you! We'll let you know when we have more.</div>\r\n\t</div>\r\n</div>","modules/common/order-list":"  <ul class=\"mz-orderlist\">\r\n    {% for order in model.items %}\r\n    <li>{% include \"modules/common/order-listing\" with model=order %}</li>\r\n    {% endfor %}\r\n  </ul>","modules/common/page-controls-mobile":"<div class=\"jb-mobile-paging\" data-mz-mobile-page-controls>\n    <div class=\"jb-mobile-pagesize\">\n        <select title=\"Number of items per page\" data-mz-value=\"pageSize\" class=\"mz-pagingcontrols-pagesize-dropdown\" autocomplete=\"off\">\n            {% block page-sizes %}\n                {% for pageSize in themeSettings.pageSizeOptions %}\n                    <option   data-mz-url=\"{% make_url \"paging\" model with pageSize=pageSize page=1 %}\" \n                    {% if model.pageSize == pageSize %}selected=\"selected\"{% endif %}\n                    value=\"{{ pageSize }}\">{% if pageSize == 300 %}Max {% else %}{{ pageSize }}{% endif %}</option>\n                {% endfor %}\n            {% endblock page-sizes %}\n        </select>\n    </div>\n    <div class=\"jb-mobile-paging-count\">\n        {% if model.hasPreviousPage %}\n            <a class=\"mz-pagenumbers-prev\" href=\"{% make_url \"paging\" model with page=\"previous\" %}\" rel=\"previous\" data-mz-action=\"previous\"><span class=\"triangle\"/></a>\n        {% else %}\n            <a class=\"mz-pagenumbers-prev is-disabled\"  data-mz-action=\"previous\"><span class=\"triangle\"/></a>\n        {% endif %}\n        {% if model.hasPreviousPage %}\n            <a class=\"mz-pagenumbers-number mob-previous\" href=\"{% make_url \"paging\" model with page=\"previous\" %}\" rel=\"previous\" data-mz-action=\"page\" data-mz-page-num=\"{{model.previousPageNumber}}\">{{model.previousPageNumber}}</a>\n        {% endif %}\n        <a class=\"mz-pagenumbers-number is-current mob-current\" href=\"#\" data-mz-action=\"page\" data-mz-page-num=\"{{model.currentPage}}\">{{model.currentPage}}</a>\n        {% if not model.hasPreviousPage %}\n            {% if model.hasNextPage %}\n                {% if model.currentPage == 1 %}\n                    <a class=\"mz-pagenumbers-number\" href=\"{% make_url \"paging\" model with page=\"next\" %}\" rel=\"next\" data-mz-action=\"page\" data-mz-page-num=\"2\">2</a>\n                {% else %}\n                    <a class=\"mz-pagenumbers-number\" href=\"{% make_url \"paging\" model with page=\"next\" %}\" rel=\"next\"  data-mz-action=\"page\" data-mz-page-num=\"{{model.nextPageNumber}}\">{{model.nextPageNumber}}</a>\n                {% endif %}\n            {% endif %}\n        {% endif %}  \n        {% if model.hasNextPage %}\n            <a class=\"mz-pagenumbers-next \" href=\"{% make_url \"paging\" model with page=\"next\" %}\" rel=\"next\" data-mz-action=\"next\"><span class=\"triangle\"/></a>\n        {% else %}\n            <a class=\"mz-pagenumbers-next is-disabled\" href=\"#\" data-mz-action=\"next\"><span class=\"triangle\"/></a>\n        {% endif %}   \n    </div>\n</div>\n\n\n\n\n\n\r\n\n","modules/common/page-numbers":"{% if not model.hasPreviousPage %}\r\n    <span class=\"mz-pagenumbers-prev is-disabled\">{{ labels.previousPage }}</span>\r\n{% else %}\r\n    <a class=\"mz-pagenumbers-prev\" href=\"{% make_url \"paging\" model with page=\"previous\" %}\" rel=\"previous\" data-mz-action=\"previous\">{{ labels.previousPage }}</a>\r\n    <span class=\"\"> | </span>\r\n{% endif %}\r\n{% if model.currentPage == 1 %}\r\n    <span class=\"mz-pagenumbers-number is-current\" data-mz-page-num=\"1\">1</span>\r\n{% else %}\r\n    <a class=\"mz-pagenumbers-number\" href=\"{% make_url \"paging\" model with page=1 %}\" data-mz-action=\"page\" data-mz-page-num=\"1\">1</a>\r\n{% endif %}\r\n{% if model.currentPage > 4 %}\r\n    <span class=\"mz-pagenumbers-break\">...</span>\r\n{% endif %}\r\n{% for pageNumber in model.middlePageNumbers %}\r\n    {% if model.currentPage == pageNumber %}\r\n        <span class=\"mz-pagenumbers-number is-current\" data-mz-page-num=\"{{ pageNumber }}\">{{ pageNumber }}</span>\r\n    {% else %}\r\n        <a class=\"mz-pagenumbers-number\" href=\"{% make_url \"paging\" model with page=pageNumber %}\" data-mz-action=\"page\" data-mz-page-num=\"{{ pageNumber }}\">{{ pageNumber }}</a>\r\n    {% endif %}\r\n    {% if forloop.last and pageNumber|add(1) < model.pageCount and model.pageCount > 1 %}\r\n        <span class=\"mz-pagenumbers-break mz-pagenumbers-breaklast\">...</span>\r\n    {% endif %}\r\n{% endfor %}\r\n{% if model.pageCount > 1 %}\r\n    {% if model.currentPage == model.pageCount %}\r\n        <span class=\"mz-pagenumbers-number is-current\" data-mz-page-num=\"{{ model.pageCount }}\">{{ model.pageCount }}</span> \r\n    {% else %}\r\n        <a class=\"mz-pagenumbers-number\" href=\"{% make_url \"paging\" model with page=model.pageCount %}\" data-mz-action=\"page\" data-mz-page-num=\"{{ model.pageCount }}\">{{ model.pageCount }}</a>\r\n    {% endif %}\r\n{% endif %}\r\n    {% if not model.hasNextPage %}\r\n        <span class=\"mz-pagenumbers-next is-disabled\">{{ labels.nextPage }}</span>\r\n    {% else %}\r\n        <span class=\"\"> | </span>\r\n        <a class=\"mz-pagenumbers-next\" href=\"{% make_url \"paging\" model with page=\"next\" %}\" rel=\"next\" data-mz-action=\"next\">{{ labels.nextPage }}</a>\r\n    {% endif %}\r\n\r\n","modules/common/order-summary":"<table class=\"mz-ordersummary\">\r\n    <thead class=\"summary-table-head\">\r\n            <tr>\r\n        <th scope=\"col\" class=\"productDetails\">PRODUCT DETAILS</th>\r\n        <th scope=\"col\" class=\"productqty\">QTY</th>\r\n        <th scope=\"col\" class=\"producttotal\">ITEM TOTAL</th>\r\n            </tr>\r\n        </thead>\r\n    <tbody class=\"item-list summary-data-total\">\r\n        {% for item in model.items %}\r\n    <tr class=\"summary-item {% if item.product.isHasnoFreeshipping %}noborder{% endif  %} {% if item.productDiscounts and item.productDiscounts.length>0 %}noborder{% endif %}\" >\r\n                <th scope=\"row\" class=\"item-name\">\r\n                      {{ item.product.name|safe }}\r\n                      {% if item.product.productUsage == 'Bundle' %}\r\n                        <span class=\"mz-propertylist\">\r\n                        {% for bundledProduct in item.product.bundledProducts %}\r\n                                <span>{{ bundledProduct.productCode }}</span>&nbsp;\r\n                                <span>{{ bundledProduct.name }} ({{ bundledProduct.quantity }})</span>\r\n                        {% endfor %}\r\n                        </span>\r\n                      {% endif %}\r\n                      \r\n                    </th>\r\n                <td class=\"item-qty\" aria-label=\"Quantity {{ item.quantity }}\">\r\n                    {{ item.quantity }}\r\n                    </td>\r\n                <td class=\"item-total\">\r\n                    {% include \"modules/common/item-total\" %}\r\n                    </td>\r\n                </tr>\r\n\r\n                {% for productDiscount in item.productDiscounts %}\r\n                    <tr class=\"summary-item discount-cointainer\">\r\n                        <th class=\"discount-data\" colspan=\"1\" scope=\"row\">\r\n                            <span class=\"discount-tital\">\r\n                                <span class=\"discount-name\">{{ productDiscount.discount.name }}</span>\r\n                                    {% if productDiscount.discount.freeShipping %}\r\n                                    <span class=\"discount-freeshipping\">{{ labels.freeShipping }}</span>\r\n                                    {% else %}\r\n                                    <span class=\"discount-productImpact\"> -{{ productDiscount.impact|currency }}</span>\r\n                                    {% endif %}\r\n                            </span>\r\n                                {% if productDiscount.couponCode %}<span class=\"remove-coupon\" data-mz-action=\"removeordercoupon\" coupon=\"{{ productDiscount.couponCode }}\">Remove</span>{% endif %}\r\n                        </th>\r\n                    </tr>\r\n                {% endfor %}\r\n                {% if item.product.isHasnoFreeshipping %}\r\n                    <tr class=\"summary-item nofreeshipping-msg\">\r\n                       <td colspan=\"3\"> This product does not count toward the Free Shipping threshold</td>\r\n            </tr>\r\n                {% endif %}\r\n\r\n        {% endfor %}\r\n      \r\n        <tr class=\"summary-subtotal\">\r\n            <th class=\"subtotal-label label\" colspan=\"2\" scope=\"row\">{{ labels.subtotal }}</th>\r\n            <td class=\"subtotal-value value\">{{ model.discountedSubtotal|currency }}</td>\r\n            </tr>\r\n            {% if model.taxTotal %}\r\n            <tr class=\"summary-tax\" {% if model.taxTotal==0 %} style=\"display:none;\" {% endif%}>\r\n                <th colspan=\"2\" class=\"mz-ordersummary-totalname label\" scope=\"row\">{{ labels.tax }}</th>\r\n                <td class=\"mz-ordersummary-totalvalue value\">\r\n                        {% if model.taxTotal == 0 %}\r\n                            TBD\r\n                        {% else %}\r\n                            {{ model.taxTotal|currency }}\r\n                    {% endif %}\r\n                </td>\r\n            </tr>\r\n            {% endif %}\r\n        <tr class=\"summary-shipping\">\r\n            <th colspan=\"2\" class=\"mz-ordersummary-totalname label\" scope=\"row\">{{ labels.shippingHandling }}</th>\r\n            <td class=\"mz-ordersummary-totalvalue value\" >\r\n                   {% if model.shippingTotal == model.shippingSubTotal and model.shippingSubTotal == 0 %}\r\n                         TBD\r\n                    {% else %}                       \r\n                           {{ model.shippingSubTotal|currency }}\r\n                    {% endif %}\r\n              </td>\r\n            </tr>\r\n            {% if model.handlingAmount %}\r\n            <tr class=\"mz-ordersummary-additionalhandling\">\r\n                <th  colspan=\"2\" class=\"mz-ordersummary-totalname label\" scope=\"row\">{{ labels.additionalHandling }}</th>\r\n                <td class=\"mz-ordersummary-totalvalue value\">{{ model.handlingAmount|currency }}</td>\r\n            </tr>\r\n            {% endif %}\r\n\r\n\r\n            {% for discount in model.orderDiscounts %}\r\n                {% if not discount.excluded %}\r\n                    <tr >\r\n                    <th colspan=\"2\" class=\"mz-ordersummary-totalname label\" scope=\"row\">\r\n                        <span class=\"mz-ordersummary-discountname label\">{{ discount.discount.name }}</span>  \r\n                      </th>\r\n                      <td  class=\"mz-ordersummary-totalvalue value green-color\">\r\n                      <span class=\"mz-ordersummary-discountamt value discount\">-{{ discount.impact|currency }}</span>\r\n                        {% if discount.couponCode %}<span role=\"button\" aria-label=\"remove coupon\" data-mz-action=\"removeordercoupon\" class=\"remove-coupon\" coupon=\"{{ discount.couponCode }}\">Remove</span>{% endif %}\r\n                        </td>\r\n                    </tr>\r\n                {% endif %}\r\n            {% endfor %}\r\n            \r\n                {% for discount in model.shippingDiscounts %}\r\n                    {% if not discount.excluded %}\r\n                        <tr >\r\n                        <td colspan=\"2\" class=\"mz-ordersummary-totalname label\">\r\n                            <span class=\"mz-ordersummary-discountname label\">{{ discount.discount.discount.name }}</span>\r\n                            \r\n                        </td>\r\n                        <td class=\"mz-ordersummary-discountamt value green-color\">\r\n                        <span class=\"mz-ordersummary-discountamt value discount\">-{{ discount.discount.impact|currency }}</span>\r\n                            {% if discount.discount.couponCode %}<span role=\"button\" aria-label=\"remove coupon\" class=\"remove-coupon\" coupon=\"{{ discount.discount.couponCode }}\">Remove</span>{% endif %}\r\n                            </td>\r\n                        </tr>\r\n                    {% endif %}\r\n                {% endfor %}\r\n            \r\n            {% if model.pwrAmount > 0 %}\r\n            <tr class=\"mz-ordersummary-rewards\">\r\n                <th colspan=\"2\" class=\"mz-ordersummary-totalname label\" scope=\"row\">Rewards redeemed:</th>\r\n                <td class=\"mz-ordersummary-totalvalue value discount\" >-{{ model.pwrAmount|currency }}</td>\r\n            </tr>\r\n            {% endif %}\r\n            {% if model.adjustment %}\r\n            <tr class=\"mz-ordersummary-rewards\">\r\n                <th colspan=\"2\" class=\"mz-ordersummary-rewardsname label\" scope=\"row\">Rewards (confirmation)</th>\r\n                <td class=\"mz-ordersummary-rewardsvalue value discount\" style=\"padding-right: 34px;\">{{ model.adjustment.amount|currency }}</td>\r\n            </tr>\r\n        {% endif %}\r\n        {% comment %}\r\n        {% if model.discountTotal %}\r\n            <tr class=\"cart-discount\" {% if model.discountTotal==0%} style=\"display:none\" {% endif %}>\r\n                <td colspan=\"2\" class=\"mz-ordersummary-discountname label\">Discount</td>\r\n                <td class=\"mz-ordersummary-discountvalue value discount\">-{{ model.discountTotal|currency }}</td>\r\n            </tr>\r\n            {% endif %}\r\n        {% endcomment %}\r\n\r\n\r\n            <tr class=\"mz-ordersummary-grandtotal\">\r\n            <th colspan=\"2\" class=\"mz-ordersummary-totalname label\" scope=\"row\">{{ labels.total }}</th>\r\n                    {% if pageContext.pageType == 'checkout' %}\r\n                      {% with model.pwrAmount as p %}\r\n                    <td class=\"mz-ordersummary-totalvalue value\">{{ model.total|subtract(p)|currency }}</td>\r\n                      {% endwith %}\r\n                    {% else %}\r\n                      {% with model.adjustment.model as p %}\r\n                    <td class=\"mz-ordersummary-totalvalue value\">{{ model.total|subtract(p)|currency }}</td>\r\n                      {% endwith %}\r\n                    {% endif %}\r\n            </tr>\r\n        {% if model.billingInfo and model.billingInfo.digitalCreditPaymentTotal %}\r\n          <tr class=\"mz-ordersummary-digitalcreditpayment\">\r\n\r\n              <th colspan=\"2\" class=\"mz-ordersummary-totalname mz-ordersummary-totalname label\" scope=\"row\">{{ labels.digitalCreditTotal }}</th>\r\n              <td class=\"mz-ordersummary-totalvalue mz-ordersummary-totalvalue value\">{{ labels.digitalCreditSubtractFromOrderPrefix }}{{ model.billingInfo.digitalCreditPaymentTotal|currency }}{{ labels.digitalCreditSubtractFromOrderSuffix }}</td>\r\n\r\n          </tr>\r\n          <tr class=\"mz-ordersummary-grandtotal\">\r\n\r\n                    <th colspan=\"2\" class=\"mz-ordersummary-totalname mz-ordersummary-totalname label\" scope=\"row\">{{ labels.remainingBalance }}:</th>\r\n                    <td class=\"mz-ordersummary-totalvalue mz-ordersummary-totalvalue value\">{{ model.billingInfo.nonStoreCreditTotal|currency }}</td>\r\n\r\n          </tr>\r\n       {% endif %}\r\n        </tbody>\r\n</table>\r\n","modules/common/page-sort-mobile":"<div  class=\"jb-mobile-sort\" tabindex=\"-1\">\n\n    {% block sort-types %}\n        <ul>\n            {% for sort in model.sorts %}\n                {% with sort.value as sortValue %}\n                    <li data-mz-value=\"sortMob\" tabindex=\"4\" class=\"{% if model.currentSort == sort.value  %}selected{% endif %}\" \n                    data-mz-url=\"{% make_url \"sorting\" model with sortBy=sortValue %}\" value=\"{{ sortValue }}\"{% if model.currentSort == sortValue %} selected=\"selected\"{% endif %}>\n                        {% if sort.text == \"Default\" %}Most Popular{% endif %}\n                        {% if sort.text == \"Price: Low to High\" %} Price Low to High {% endif %}\n                        {% if sort.text == \"Price: High to Low\" %} Price High to Low {% endif %}\n                        {% if sort.text == \"Alphabetical: A-Z\" %} Name A-Z  {% endif %}\n                        {% if sort.text == \"Alphabetical: Z-A\" %} Name Z-A {% endif %}\n                        {% if sort.text == \"Date Added: Most Recent First\" %} Newest  {% endif %}\n                        {% if sort.text == \"Date Added: Most Recent Last\" %} Oldest {% endif %}\n                    </li>\n                {% endwith %}\n            {% endfor %}\n        </ul>   \n    {% endblock sort-types %}\n</div>\n\n\n\n\n\n","modules/common/order-listing":"<div class=\"mz-orderlisting\" data-mz-id=\"{{ model.id }}\" >\r\n\r\n    <div class=\"mz-orderlisting-detail\">\r\n\r\n\r\n        {% block order-details %}\r\n        <ul class=\"order-list-heading active\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\" orderidhead=\"{{model.orderNumber}}\">\r\n            <li>\r\n                <label>{{ labels.orderNumber }}:</label>\r\n                <span>{{ model.orderNumber }}</span>\r\n\r\n                {% if  ( model.status == \"Processing\") or (model.status == \"Pending Shipment\" ) or (model.status == \"Validated\") %}\r\n                    <span class=\"orderstatuslabel\">Processing</span>\r\n                {% endif %}\r\n\r\n                {% if ( model.status == \"Shipped\") or (model.status == \"Completed\" ) %}\r\n                    <span class=\"orderstatuslabel\">Shipped</span>\r\n                {% endif %}\r\n\r\n                {% if ( model.status == \"Cancelled\") or (model.status == \"Abandoned\" ) %}\r\n                        <span class=\"orderstatuslabel\">Cancelled</span>\r\n                {% endif %}\r\n\r\n                {% if  (model.status == \"Pending\") or (model.status == \"PendingReview\" ) or (model.status == \"Errored\") or (model.status == \"Accepted\") or (model.status == \"Submitted\") %}\r\n                        <span class=\"orderstatuslabel\">Received</span>\r\n                {% endif %}\r\n\r\n\r\n            </li>\r\n            {% comment %}\r\n            <li>\r\n                <label>Order Status:</label>\r\n                <span>{{model.status}}</span> \r\n            </li>\r\n            {% endcomment %} \r\n            <li>\r\n                <label>Order Total:</label>\r\n                <span>{{ model.total|currency }}</span>\r\n            </li>\r\n            <li class=\"plus-minus\">\r\n                <label><a orderIDhead=\"{{model.orderNumber}}\">+</a></label>\r\n                <span></span>\r\n            </li>\r\n        </ul>\r\n\r\n        \r\n        <div class=\"order-list-main\" orderID=\"{{model.orderNumber}}\" style=\"display:none;\">\r\n            <div class=\"order-list-address-details\">\r\n        \r\n        {% for package in model.packages %}\r\n            {% if forloop.counter0 == 0 %}\r\n                {% if package.trackingNumber %}\r\n                    <p class=\"trackingNumberSection\" style=\"line-height:21px;color:black;font-weight: 300; font-style: normal;color:black;\" >\r\n                        Your order tracking number is: \r\n                        <b>\r\n                        <!-- <a style=\"color:#1381b5;\" href=\"https://wwwapps.ups.com/WebTracking/track?track=yes&trackNums={{package.trackingNumber}}&loc=en_us\">{{package.trackingNumber}}</a> -->\r\n\t\t\t\t\t\t<a style=\"color:#1381b5;\" href=\"https://jellybelly.narvar.com/jellybelly/tracking/UPS?tracking_numbers={{package.trackingNumber}}&ozip=53158&dzip={{ model.fulfillmentInfo.fulfillmentContact.address.postalOrZipCode }}{% if package.shippingMethodCode == 'ups_UPS_GROUND' %}&service=UG{% endif %}{% if package.shippingMethodCode == 'ups_UPS_SUREPOST_LESS_THAN_1LB' %}&service=SP{% endif %}{% if package.shippingMethodCode == 'ups_UPS_SUREPOST_1LB_OR_GREATER' %}&service=SP{% endif %}{% if package.shippingMethodCode == 'upssurepost_UPS_SUREPOST_1LB_OR_GREATER' %}&service=SP{% endif %}{% if package.shippingMethodCode == 'upssurepost_UPS_SUREPOST_LESS_THAN_1LB' %}&service=SP{% endif %}{% if package.shippingMethodCode == 'ups_UPS_THREE_DAY_SELECT' %}&service=E3{% endif %}{% if package.shippingMethodCode == 'ups_UPS_SECOND_DAY_AIR' %}&service=E2{% endif %}{% if package.shippingMethodCode == 'ups_UPS_NEXT_DAY_AIR_SAVER' %}&service=E1{% endif %}\">{{package.trackingNumber}}</a>\r\n                        </b> \r\n                    </p>\r\n                    {% endif %}\r\n                {% endif %}\r\n            {% endfor %} \r\n        {% comment %}\r\n        {% if model.status == \"Accepted\" %}\r\n                    <p style=\"line-height:21px;color:black;font-weight: 300; font-style: normal;color:black;\" >\r\n                        {{themeSettings.acceptedMessage }}\r\n                    </p>\r\n        {%else%}\r\n            {% if model.status == \"Processing\"%}\r\n                        <p style=\"line-height:21px;color:black;font-weight: 300; font-style: normal;color:black;\" >\r\n                            {{themeSettings.processingMessage }}\r\n                        </p>\r\n        {%else%}\r\n                {% if model.status == \"Completed\" %}\r\n                    <p style=\"line-height:21px;color:black;font-weight: 300; font-style: normal;color:black;\" >\r\n                            {{themeSettings.shippedMessage }} \r\n                        </p>\r\n                {% endif %}\r\n            {%endif%} \r\n        {% endif %}\r\n        \r\n        {% endcomment %}\r\n        {% if model.payments %}\r\n            <div class=\"order-billing-address\">\r\n                {% for payment in model.payments %}\r\n                    {% if payment.status != \"Voided\" and payment.status != \"Declined\" %}\r\n                    <div class=\"clearfix\"></div>\r\n                    <div class=\"billinginfo-container\">\r\n                    <h3 class=\"mz-l-stack-sectiontitle\">{{ labels.billingInformation }}</h3>\r\n                        {% include \"modules/checkout/checkout-payment\" with model=payment %}\r\n                    </div>\r\n                    {% endif %}\r\n                {% endfor %}\r\n            </div>\r\n        {% endif %}    \r\n        \r\n        {% if model.fulfillmentInfo.fulfillmentContact%}\r\n            <div class=\"order-shipping-address\">\r\n                <h3 class=\"mz-l-stack-sectiontitle\">{{ labels.shippingInformation }}</h3>\r\n                <div class=\" orderSummeryTitle\" style=\"display: none;\">Shipping Address</div>\r\n                <div class=\" ordersummerydesc\">{% include \"modules/common/address-summary\" with model=model.fulfillmentInfo.fulfillmentContact %}</div>\r\n                <div class=\"orderSummeryTitle shippingMethodDescSec\">Shipping Method</div>\r\n                <div class=\"ordersummerydesc\">\r\n                 {% if model.fulfillmentInfo.shippingMethodCode==\"ups_UPS_GROUND\" or model.fulfillmentInfo.shippingMethodCode==\"ups_UPS_SUREPOST_LESS_THAN_1LB\" or model.fulfillmentInfo.shippingMethodCode ==\"ups_UPS_SUREPOST_1LB_OR_GREATER\"  or model.fulfillmentInfo.shippingMethodCode ==\"upssurepost_UPS_SUREPOST_1LB_OR_GREATER\"  or model.fulfillmentInfo.shippingMethodCode ==\"upssurepost_UPS_SUREPOST_LESS_THAN_1LB\" %}\r\n                            {{labels.economyGround}}\r\n                            {% else %}\r\n                             {{ model.fulfillmentInfo.shippingMethodName }}\r\n                            {% endif %}\r\n               </div>\r\n            </div>\r\n        {% endif %}\r\n           \r\n            <div class=\"order-placed-date\">\r\n                 <h3 orderID=\"{{model.orderNumber}}\" class=\" mz-l-stack-sectiontitle orderDateHeading\" \r\n                    style=\"display:{% if model.id == itemReturnOrderID %}block{%else%}none{%endif%};\" > Order Placed</h3> \r\n                    <div class=\"orderSummeryTitle\" style=\"display: none;\">Order Date</div>\r\n                    <div class=\"ordersummerydesc\">{{ model.auditInfo.createDate|date(\"F j, Y\") }} </div> \r\n            </div>\r\n             <div class=\"clearfix\"></div>\r\n        \r\n        \r\n        <div orderID=\"{{model.orderNumber}}\" class=\"clearfix\"></div>\r\n            <a href=\"javascript:;\" data-mz-action=\"addAllToCart\" role=\"button\" aria-label=\"add all items to cart\" title=\"ADD ALL TO CART\" class=\"add-all-to-cart\" ordertoadd=\"{{model.orderNumber}}\">Add All to Cart </a>\r\n           </div >\r\n           <script type=\"application/ld+json\" class=\"nearorder\" id=\"data-mz-preload-{{model.orderNumber}}\">\r\n            [{% for crumb in model.items%}\r\n                {% if not forloop.last %}{\r\n                    \"productcode\": \"{{crumb.product.productCode}}\",\r\n                    \"productid\": \"{{crumb.product.productCode}}\",\r\n                    \"name\": \"{{crumb.product.name}}\",\r\n                    \"productType\": \"{{crumb.product.productType}}\",\r\n                    \"quantity\": {{crumb.quantity}},\r\n                    \"locationCode\": \"{{crumb.fulfillmentLocationCode}}\"\r\n                },{% else %}{\r\n                    \"productcode\": \"{{crumb.product.productCode}}\",\r\n                    \"productid\": \"{{crumb.product.productCode}}\",\r\n                    \"name\": \"{{crumb.product.name}}\",\r\n                    \"productType\": \"{{crumb.product.productType}}\",\r\n                    \"quantity\": {{crumb.quantity}},\r\n                    \"locationCode\": \"{{crumb.fulfillmentLocationCode}}\"\r\n                }{% endif %}\r\n            {% endfor %}\r\n                ]\r\n            </script>\r\n           <h2 class=\"mz-l-stack-sectiontitle itemsTableTitle\">{{ labels.orderSummary }} </h2>\r\n            <div class=\"isDesktop\">\r\n                <table class=\"mz-ordersummary\">\r\n                    <thead class=\"summary-table-head\">\r\n                        <th scope=\"col\" class=\"head-text productDetails\">PRODUCT DETAILS</th>\r\n                        <th scope=\"col\"  class=\"head-text productprice\">PRICE</th>\r\n                        <th scope=\"col\"  class=\"head-text productqty\">QUANTITY</th>\r\n                        <th scope=\"col\"  class=\"head-text producttotal\">ITEM TOTAL</th>\r\n                    </thead>\r\n                        <tbody class=\"item-list\" >\r\n                            {% for item in model.items %}\r\n                                <tr class=\"summary-item\"  >\r\n                                    <td  class=\"item-name\">\r\n                                        <span class=\"item-img\">\r\n                                            <img src=\"{% if item.product.imageUrl %}{{item.product.imageUrl}}{% else %}{{ siteContext.cdnPrefix }}/cms/{{siteContext.siteId}}/files/{{themeSettings.no_product_image}}?max=200\"{% endif %}\" alt=\"\" />\r\n                                        </span>\r\n                                        <span class=\"discount-and-name\">\r\n                                            <span class=\"name\">\r\n                                                {{ item.product.name|safe }}\r\n                                                {% if item.product.productUsage == 'Bundle' %}\r\n                                                    <span class=\"mz-propertylist\">\r\n                                                        {% for bundledProduct in item.product.bundledProducts %}\r\n                                                            <span>{{ bundledProduct.productCode }}</span>&nbsp;\r\n                                                            <span>{{ bundledProduct.name }} ({{ bundledProduct.quantity }})</span>\r\n                                                        {% endfor %}\r\n                                                    </span>\r\n                                                {% endif %}\r\n                                            </span>\r\n                                            <span class=\"discount\">\r\n                                                {% for productDiscount in item.productDiscounts %}\r\n                                                    <span  class=\"discount-cointainer\">\r\n                                                        <span class=\"discount-data\">    \r\n                                                            <div class=\"discount-tital\">\r\n                                                                <span class=\"discount-name\">{{ productDiscount.discount.name }}</span>\r\n                                                                {% if productDiscount.discount.freeShipping %}\r\n                                                                    <span class=\"discount-freeshipping\">{{ labels.freeShipping }}</span>\r\n                                                                {% else %}\r\n                                                                    <span class=\"discount-productImpact\"> -{{ productDiscount.impact|currency }}</span>\r\n                                                                {% endif %}\r\n                                                            </div>\r\n                                                            {% comment %}\r\n                                                            {% if productDiscount.couponCode %}<span class=\"remove-coupon\" coupon=\"{{ productDiscount.couponCode }}\">Remove</span>{% endif %} \r\n                                                            {% endcomment %}\r\n                                                        </span>\r\n                                                    </span>\r\n                                                {% endfor %}\r\n                                            </span>\r\n                                        </span>\r\n                                    </td>\r\n                                    \r\n                                    <td class=\"item-price\">\r\n                                        {% if item.product.price.salePrice and item.product.price.salePrice < item.product.price.price %}\r\n                                            <span class=\"sr-only\">Current price: </span><span class=\"saleprice\">{{item.product.price.salePrice|currency}}</span>\r\n                                            <span class=\"sr-only\">Original price: </span><span class=\"price strike\">{{item.product.price.price|currency}}</span>\r\n                                        {% else %}\r\n                                            <span class=\"price\">{{item.product.price.price|currency}}</span>\r\n                                        {% endif %}\r\n                                    </td>\r\n                                    <td class=\"item-qty\">\r\n                                        {{ item.quantity }}\r\n                                    </td>\r\n                                    <td class=\"item-total\">\r\n                                        {% include \"modules/common/item-total\" %}\r\n                                    </td>\r\n                                </tr>\r\n                            {% endfor %}\r\n                         </tbody> </table>\r\n                         <table class=\"mz-ordersummary\" style=\"width:100%\">\r\n                         <tbody>\r\n                        <tr  class=\"summary-subtotal\">\r\n                            <td colspan=\"3\" class=\"subtotal-label label\">{{ labels.subtotal }}</td>\r\n                            <td colspan=\"1\" class=\"subtotal-value value\">{{ model.discountedSubtotal|currency }}</td>\r\n                        </tr>\r\n                        {% if model.taxTotal %}\r\n                            <tr  class=\"summary-tax\"> \r\n                                <td  colspan=\"3\" class=\"mz-ordersummary-totalname label\" colspan=\"2\">{{ labels.tax }}</td>\r\n                                <td colspan=\"1\" class=\"mz-ordersummary-totalvalue value\">\r\n                                    {% if model.taxTotal == 0 %}\r\n                                        {% if PageContext.pageType == \"confirmation\" %} $0.00 {% else %} TBD {% endif %}\r\n                                    {% else %}\r\n                                        {{ model.taxTotal|currency }}\r\n                                    {% endif %}\r\n                                </td>\r\n                            </tr>\r\n                        {% endif %}\r\n                        <tr  class=\"summary-shipping\">\r\n                            <td colspan=\"3\" class=\"mz-ordersummary-totalname label\">{{ labels.shippingHandling }}</span>\r\n                            <td colspan=\"1\" class=\"mz-ordersummary-totalvalue value {% if model.shippingTotal == 0 && !model.fulfillmentInfo.shippingMethodCode %}{% if PageContext.pageType == 'confirmation' %}free{% endif %}{% endif %}\">\r\n                                {% if model.shippingTotal == 0 && !model.fulfillmentInfo.shippingMethodCode %}  \r\n                                    {% if PageContext.pageType == \"confirmation\" %} FREE {% else %} TBD {% endif %} \r\n                                {% else %}\r\n                                    {{ model.shippingTotal|currency }}\r\n                                {% endif %}\r\n                            </td>\r\n                        </tr>\r\n                        {% if model.handlingAmount %}\r\n                            <tr class=\"mz-ordersummary-additionalhandling\"  >\r\n                                <td colspan=\"3\" class=\"mz-ordersummary-totalname label\">{{ labels.additionalHandling }}</td>\r\n                                <td colspan=\"1\" class=\"mz-ordersummary-totalvalue value\">{{ model.handlingAmount|currency }}</td>\r\n                            </tr>\r\n                        {% endif %} \r\n                        {% for discount in model.orderDiscounts %}\r\n                            {% if not discount.excluded %}\r\n                                <tr   class=\"mz-ordersummary-discount\">\r\n                                    {% comment %}<td class=\"remove-discount\">{% endcomment %}\r\n                                        <td colspan=\"2\" class=\"mz-ordersummary-discountname label\">{{ discount.discount.name }}</td>\r\n                                        <td class=\"mz-ordersummary-discountamt value discount free\">-{{ discount.impact|currency }}</td>\r\n                                    {% comment %}</td>{% endcomment %}\r\n                                </tr>\r\n                            {% endif %}\r\n                        {% endfor %}\r\n                        {% comment %}\r\n                        {% for discount in model.shippingDiscounts %}\r\n                            {% if not discount.excluded %}\r\n                                <tr   class=\"mz-ordersummary-discount\">\r\n                                \r\n                                    <td colspan=\"2\" class=\"remove-discount\">\r\n                                        <span class=\"mz-ordersummary-discountname label\">{{ discount.discount.discount.name }}</span>\r\n                                       \r\n                                    </td>\r\n                                    \r\n                                    \r\n                                        <td  class=\"mz-ordersummary-discountamt value discount free\">-{{ discount.discount.impact|currency }}</td>\r\n    \r\n                                </tr>\r\n                            {% endif %}   \r\n                            {% endfor %} \r\n                            {% endcomment %}\r\n                        {% if model.pwrAmount > 0 %}\r\n                            <tr  class=\"mz-ordersummary-rewards\">\r\n                                <td colspan=\"3\" class=\"mz-ordersummary-totalname label\" >Rewards redeemed</td>\r\n                                <td colspan=\"1\" class=\"mz-ordersummary-totalvalue value discount\" >-{{ model.pwrAmount|currency }}</td>\r\n                            </tr>\r\n                        {% endif %}\r\n                        {% if model.adjustment %}\r\n                            <tr   class=\"mz-ordersummary-rewards\">\r\n                                <td colspan=\"3\" class=\"mz-ordersummary-totalname label\">Rewards (confirmation)</td>\r\n                                <td colspan=\"1\" class=\"mz-ordersummary-totalvalue value discount\" >{{ model.adjustment.amount|currency }}</td>\r\n                            </tr>\r\n                        {% endif %}\r\n                        {% comment %}\r\n                        {% if model.discountedTotal %}\r\n                        {% if model.discountTotal!= 0.00 %} \r\n                            <tr   class=\"cart-discount\">\r\n                                <td colspan=\"3\" class=\"mz-ordersummary-totalname label\">Discount</td>\r\n                                <td colspan=\"1\" class=\"mz-ordersummary-totalvalue value discount\">-{{ model.discountTotal|currency }}</td>\r\n                            </tr>\r\n                        {% endif %}\r\n                        {% endif %}\r\n                        {% endcomment %}\r\n                         <tr class=\"line-throug\">\r\n                         <td colspan=\"4\">&nbsp</td></tr>\r\n                        <tr   class=\"mz-ordersummary-grandtotal\">\r\n                            <td colspan=\"3\" class=\"mz-ordersummary-totalname label\">{{ labels.total }}</td>\r\n                            {% if pageContext.pageType == 'checkout' %}\r\n                                {% with model.pwrAmount as p %} \r\n                                    <td colspan=\"1\" class=\"mz-ordersummary-totalvalue value\">{{ model.total|subtract(p)|currency }}</td>\r\n                                {% endwith %}\r\n                            {% else %}\r\n                                {% with model.adjustment.model as p %}\r\n                                    <td colspan=\"1\" class=\"mz-ordersummary-totalvalue value\">{{ model.total|subtract(p)|currency }}</td>\r\n                                {% endwith %}\r\n                            {% endif %} \r\n                        </tr>\r\n                    </tbody>\r\n                </table>\r\n            </div>\r\n\r\n\r\n                <div class=\"isMobile\">\r\n                    <table class=\"mz-ordersummary\">\r\n                        <thead class=\"summary-table-head\">\r\n                            <th scope=\"col\" class=\"head-text productDetails\">PRODUCT DETAILS</th>\r\n                            <th scope=\"col\"  class=\"head-text productprice\">PRICE</th>\r\n                            <th scope=\"col\"  class=\"head-text productqty\">QUANTITY</th>\r\n                            <th scope=\"col\"  class=\"head-text producttotal\">ITEM TOTAL</th>\r\n                        </thead>\t\r\n                       <tbody class=\"item-list\">\r\n                                {% for item in model.items %}\r\n                                    <tr scope=\"row\" class=\"summary-item\"  >\r\n                                        <th class=\"item-img first-sec\" scope=\"row\">\r\n                                            <img src=\"{{item.product.imageUrl}}\" alt=\"\" />\r\n                                        </th> \r\n                                        <td class=\"second-sec\">\r\n                                        <table>\r\n                                        <tbody> \r\n                                            <tr  class=\"item-name\">\r\n                                                <td colspan=\"3\"class=\"discount-and-name\">\r\n                                                    <span class=\"name\">\r\n                                                        {{ item.product.name|safe }}\r\n                                                        {% if item.product.productUsage == 'Bundle' %}\r\n                                                            <span class=\"mz-propertylist\">\r\n                                                                {% for bundledProduct in item.product.bundledProducts %}\r\n                                                                    <span>{{ bundledProduct.productCode }}</span>&nbsp;\r\n                                                                    <span>{{ bundledProduct.name }} ({{ bundledProduct.quantity }})</span>\r\n                                                                {% endfor %}\r\n                                                            </span>\r\n                                                        {% endif %}\r\n                                                    </span>\r\n                                                    <span class=\"discount\">\r\n                                                        {% for productDiscount in item.productDiscounts %}\r\n                                                            <span  class=\"discount-cointainer\">\r\n                                                                <span class=\"discount-data\">    \r\n                                                                    <div class=\"discount-tital\">\r\n                                                                        <span class=\"discount-name\">{{ productDiscount.discount.name }}</span>\r\n                                                                        {% if productDiscount.discount.freeShipping %}\r\n                                                                            <span class=\"discount-freeshipping\">{{ labels.freeShipping }}</span>\r\n                                                                        {% else %}\r\n                                                                            <span class=\"discount-productImpact\"> -{{ productDiscount.impact|currency }}</span>\r\n                                                                        {% endif %}\r\n                                                                    </div>\r\n                                                                    {% comment %}\r\n                                                                    {% if productDiscount.couponCode %}<span class=\"remove-coupon\" coupon=\"{{ productDiscount.couponCode }}\">Remove</span>{% endif %} \r\n                                                                    {% endcomment %}\r\n                                                                </span>\r\n                                                            </span>\r\n                                                        {% endfor %}\r\n                                                    </span>\r\n                                                </td>\r\n                                            </tr>\r\n                                            <tr>\r\n                                            <td class=\"item-price\">\r\n                                                <span class=\"label\">Price</span>\r\n                                                <span class=\"value\">\r\n                                                    {% if item.product.price.salePrice and item.product.price.salePrice < item.product.price.price %}\r\n                                                        <span class=\"sr-only\">Current price: </span><span class=\"saleprice\">{{item.product.price.salePrice|currency}}</span>\r\n                                                        <span class=\"sr-only\">Original price: </span><span class=\"price strike\">{{item.product.price.price|currency}}</span>\r\n                                                    {% else %}\r\n                                                        <span class=\"price\">{{item.product.price.price|currency}}</span>\r\n                                                    {% endif %}\r\n                                                </span>\r\n                                            </td>\r\n                                            <td class=\"item-qty\">\r\n                                                <span class=\"label\">QTY</span>\r\n                                                <span class=\"value\">\r\n                                                    {{ item.quantity }}\r\n                                                </span>\r\n                                            </td>\r\n                                            <td class=\"item-total\">\r\n                                                {% include \"modules/common/item-total\" %}\r\n                                            </td>\r\n                                            </tr>\r\n                                            </tbody>\r\n                                            </table>\r\n                                        </td>\r\n                                    </tr>\r\n                                {% endfor %}\r\n                        </tbody>\r\n                        <tbody class=\"summary-data-total\">\r\n                            <tr   class=\"summary-subtotal\">\r\n                           \r\n                                <td class=\"subtotal-label label\">{{ labels.subtotal }}</td>\r\n                                <td class=\"subtotal-value value\">{{ model.subtotal|currency }}</td>\r\n                            </tr>\r\n                            {% if model.taxTotal %}\r\n                                <tr  class=\"summary-tax\"> \r\n                              \r\n                                    <td class=\"mz-ordersummary-totalname label\">{{ labels.tax }}</td>\r\n                                    <td class=\"mz-ordersummary-totalvalue value\">\r\n                                        {% if model.taxTotal == 0 %}\r\n                                            {% if PageContext.pageType == \"confirmation\" %} $0.00 {% else %} TBD {% endif %}\r\n                                        {% else %}\r\n                                            {{ model.taxTotal|currency }}\r\n                                        {% endif %}\r\n                                    </td>\r\n                                </tr>\r\n                            {% endif %}\r\n                            <tr   class=\"summary-shipping\">\r\n                            \r\n                                <td  class=\"mz-ordersummary-totalname label\">{{ labels.shippingHandling }}</span>\r\n                                <td class=\"mz-ordersummary-totalvalue value {% if model.shippingTotal == 0 && !model.fulfillmentInfo.shippingMethodCode %}{% if PageContext.pageType == 'confirmation' %}free{% endif %}{% endif %}\">\r\n                                    {% if model.shippingTotal == 0 && !model.fulfillmentInfo.shippingMethodCode %}  \r\n                                        {% if PageContext.pageType == \"confirmation\" %} FREE {% else %} TBD {% endif %} \r\n                                    {% else %}\r\n                                        {{ model.shippingTotal|currency }}\r\n                                    {% endif %}\r\n                                </td>\r\n                            </tr>\r\n                            {% if model.handlingAmount %}\r\n                                <tr class=\"mz-ordersummary-additionalhandling\"  >\r\n                                \r\n                                    <td class=\"mz-ordersummary-totalname label\">{{ labels.additionalHandling }}</td>\r\n                                    <td class=\"mz-ordersummary-totalvalue value\">{{ model.handlingAmount|currency }}</td>\r\n                                </tr>\r\n                            {% endif %} \r\n                            {% for discount in model.orderDiscounts %}\r\n                                {% if not discount.excluded %}\r\n                                    <tr   class=\"mz-ordersummary-discount\">\r\n                                        {% comment %}<td class=\"remove-discount\">{% endcomment %}\r\n                                           \r\n                                            <td class=\"mz-ordersummary-discountname label\">{{ discount.discount.name }}</td>\r\n                                            <td class=\"mz-ordersummary-discountamt value discount\">-{{ discount.impact|currency }}</td>\r\n                                        {% comment %}</td>{% endcomment %}\r\n                                    </tr>\r\n                                {% endif %}\r\n                            {% endfor %}\r\n                            {% for discount in model.shippingDiscounts %}\r\n                                {% if not discount.excluded %}\r\n                                    <tr   class=\"mz-ordersummary-discount\">\r\n                                    {% comment %}\r\n                                        <td  class=\"remove-discount\">\r\n                                            <span class=\"mz-ordersummary-discountname label\">{{ discount.discount.discount.name }}</span>\r\n                                            <span class=\"mz-ordersummary-discountamt value discount\">-{{ discount.discount.impact|currency }}</span>\r\n                                            {% if discount.discount.couponCode %}<span  role=\"button\" aria-label=\"remove coupon\" class=\"remove-coupon\" coupon=\"{{ discount.discount.couponCode }}\">Remove</span>{% endif %} \r\n                                        </td>\r\n                                        {% endcomment %}\r\n                                        <td class=\"mz-ordersummary-discountname label\">{{ discount.discount.discount.name }}</td>\r\n                                        <td class=\"mz-ordersummary-discountamt value discount\">-{{ discount.discount.impact|currency }}</td>\r\n                                           \r\n                                    </tr>\r\n                                {% endif %}   \r\n                            {% endfor %}\r\n                            {% if model.pwrAmount > 0 %}\r\n                                <tr  class=\"mz-ordersummary-rewards\">\r\n                                \r\n                                    <td  class=\"mz-ordersummary-totalname label\" >Rewards redeemed</td>\r\n                                    <td class=\"mz-ordersummary-totalvalue value discount\" >-{{ model.pwrAmount|currency }}</td>\r\n                                </tr>\r\n                            {% endif %}\r\n                            {% if model.adjustment %}\r\n                                <tr   class=\"mz-ordersummary-rewards\">\r\n                                \r\n                                    <td  class=\"mz-ordersummary-totalname label\">Rewards (confirmation)</td>\r\n                                    <td class=\"mz-ordersummary-totalvalue value discount\" >{{ model.adjustment.amount|currency }}</td>\r\n                                </tr>\r\n                            {% endif %}\r\n                            {% if model.discountedTotal %}\r\n                            {% if model.discountTotal!= 0.00 %} \r\n                                <tr   class=\"cart-discount\">\r\n                                \r\n                                    <td  class=\"mz-ordersummary-totalname label\">Discount</td>\r\n                                    <td class=\"mz-ordersummary-totalvalue value discount\">-{{ model.discountTotal|currency }}</td>\r\n                                </tr>\r\n                            {% endif %}\r\n                            {% endif %}\r\n                             <tr class=\"line-throug\">\r\n                             \r\n                             <td>&nbsp</td></tr>\r\n                            <tr   class=\"mz-ordersummary-grandtotal\">\r\n                               \r\n                                <td  class=\"mz-ordersummary-totalname label\">{{ labels.total }}</td>\r\n                                {% if pageContext.pageType == 'checkout' %}\r\n                                    {% with model.pwrAmount as p %} \r\n                                        <td class=\"mz-ordersummary-totalvalue value\">{{ model.total|subtract(p)|currency }}</td>\r\n                                    {% endwith %}\r\n                                {% else %}\r\n                                    {% with model.adjustment.model as p %}\r\n                                        <td class=\"mz-ordersummary-totalvalue value\">{{ model.total|subtract(p)|currency }}</td>\r\n                                    {% endwith %}\r\n                                {% endif %} \r\n                            </tr>\r\n                        </tbody>\r\n                    </table>\r\n                    </div>\r\n    </div>        \r\n        {% endblock order-details %}\r\n            \r\n     \r\n   \r\n</div>","modules/common/page-sort":"<label for=\"sort-by\">{{ labels.sortby }}</label>\r\n<select id=\"sort-by\" class=\"page-sort-sel\" title=\"Sort type\" data-mz-value=\"sortBy\" class=\"mz-pagingcontrols-pagesort-dropdown\" autocomplete=\"off\">\r\n    {% block sort-types %}\r\n        {% for sort in model.sorts %} \r\n            {% with sort.value as sortValue %}\r\n                <option data-mz-url=\"{% make_url \"sorting\" model with sortBy=sortValue %}\" value=\"{{ sortValue }}\"{% if model.currentSort == sortValue %}\r\n                selected=\"selected\"{% endif %}>\r\n\t                {% if sort.text == \"Default\" %}Most Popular{% endif %}\r\n\t                {% if sort.text == \"Price: Low to High\" %} Price Low to High {% endif %}\r\n\t                {% if sort.text == \"Price: High to Low\" %} Price High to Low {% endif %}\r\n\t                {% if sort.text == \"Alphabetical: A-Z\" %} Name A-Z  {% endif %}\r\n\t                {% if sort.text == \"Alphabetical: Z-A\" %} Name Z-A {% endif %}\r\n\t                {% if sort.text == \"Date Added: Most Recent First\" %} Newest  {% endif %}\r\n\t                {% if sort.text == \"Date Added: Most Recent Last\" %} Oldest {% endif %}\r\n                </option>\r\n            {% endwith %}\r\n        {% endfor %}\r\n    {% endblock sort-types %}\r\n</select>\r\n<img width=\"13\" alt=\"\" class=\"down-caret-quantity-sort\" src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABlmWCKAAADKUlEQVR4Ae1aPWgUQRROYkQEQUhhYWGTxsZGG7tgESvBwlKwSSlYWSppYivYaBlsLFKkS5fKSi2sbGxS2AQsAkJARFG/j2Rgb+7Nu32zezu7m/dg2Jv3+31fLnebnSwsuLkCroAr4Aq4Aq6AK+AKuAKugCvgCrgCkgL34bwrBQbgI27iz7ZHqPyNdYx1O7tLmULiJW7iJw+zPUHFX6x/p+sI1xtYQzDiJN6AnTzIp7ZtIjMUV6+H8K/W7lImkfiIs4o7vN6cBWkRCa8SxaHJAeJXZzUqFCcu4gtYpSv5keeULcPzFksqin1fkLcy1aGsg3iIK8Yq7cmTfCdsBzspOeX7iPxLEx3KbYiDeFJYJT/5TtgD7P5gSckp3z7yL0x06X7D+cSRwij5yZN8p2wDHqlA8+2i5txUp24cnMv5Gj4pRp5Je4qIVKT5tlEjfrAkpzQPcB7narikGPnNtBfIkIo138uZXdtN4DwNjxTbskB4nTHguWVAg1zOkQhqPvIx2RKy32FpTaXYY9MUezL7S3M1H3mQj9nOo2IPS2sex3jb+dA8qV4B+7J/PFPbEz95ZNtFVL7H0obEMf4Bci97olzIfuwbz9L2xE38je0yOnzG0obFsZ/IX2s8+aQB+7BfPEPbEy9xt2ZX0OkrljY0jv1A/s2GCG6hnn3i3tqeOIm3dbuGjt+wtOFx7Dvyr2ciYR3r457anviIc27WFaiuxTYJxrf1PN+WpX7dTCKsIXseH0ylP3BNIrT91dSXr1yTCG3dnPTtpsskQtPb0yVM6+Ntt0mEZ8jWvp6k2JvTCbxKcc3Heb2znD9RP4GFRlSKcU4vLfchhUQy5dsG864fvpjEzn1MlSJc9e8CSanHbyYRch5UVolKr/ngs/QDWJMIOY+qJeL0fcBiv8GZ5bAiRb6PhzCmH0Sd46oU+QNM6usxnEmEVWQfYqWISn7ms240Fh9ZS6SD7wish3IUb/oBhX9aCESl6zE6Du2fMUwirCP7F5ZEnn7GR2/SQWzywHKsamyAWPVdwP2Zs3AQW+vAcqzq3BkrMeflCrgCroAr4Aq4Aq6AK9BnBf4DnOXz0rDvyp0AAAAASUVORK5CYII=\" />\r\n<img width=\"13\" alt=\"\" class=\"up-caret-quantity-sort\" src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABlmWCKAAACyklEQVR4Ae2aL0hkURTG/cuysLBgMBgsFovFLbbBoEnYYBQsxoVNRoUtVsWicdhiMNhspk1rMW2xGCyCQVgQFllRvx/4YJx5b949T+e9+8bzweHNu/fcc77vY3wz3jsDAw53wB1wB9wBd8AdcAfcAXegKgfmq2ocQ991kXhUcH13WJNixCfB/bvBspTeKxLxXLlnvO+xKIV3ilbxyWvGme9bzEnZrSIRnHZlnry+w4wU3SjSRLePkUd+32BKSq4U7UK73ZPPutpjQgouFN3EZs2xjvW1xZiY/1FkCQwZZz11aodPYnyqCBGZl0Md6tUGH8T0RJEnzDJPPepGj2ExPFJYxIXmUpf60WJQzJqKUEFF8qhPnyixI1ZWUUWeE9sxqt8sIH7vWQhXq3H0iwbfxMQq4EBrhp4VcOXeWoO+lWNFDB4UFvLHyh9tY84945Y69KV/ZVhS5/8KC+lfyv+YwZhx5i316A+P0tFQx38KC9kz5X/OYco8eZa68IBPafiiTn8VFpLnyh8PZEge+Zb68JkNrP+qtGmtvlZYyF0qf9LYlXzWWfrAC349Q9mkyjI7yLCq3pa8rXv55xYkvuoHU0Mse/HADRIfy0fTW3/kBomP7cvJW33pChI/pKwYv56+9mt3kHiS9hWWjyByN1hYAuhj5YaeYGwp09qg7H9R6WfliK5crCvDWripNWVvUhTdfEFfJtY0YxV/pDVVbVMV3X5DZwfSDizzzIhho7LIBuy91HccxB5qME9w6/xv5ceyVQ0P69Yael9gRHc/Fa0is17HeFhhOYRBJ3o7wINlV5ElnPELRazHVSHHcOhDZ1f80GyaCXU4sJwSd3im8UdXML4r80GRFLrR67ocWbcfxaMDPWasagV7breKuv1oIfkxBvzRURhftXKh8OpqF8Ib/g53wB1wB9wBd8AdcAfcAXfAHXAH3AF3oMWBJ5+P89WsB+CaAAAAAElFTkSuQmCC\" />\r\n","modules/common/paging-controls":"<div class=\"jb-result-details\" data-total-results=\"{{ model.totalCount }}\">\r\n  <span class=\"heading-jb-result\" > \r\n    {% if pageContext.search.query %}\r\n      {% if model.totalCount %}\r\n        {{ labels.pageStateSearchPlural|string_format(1,model.lastIndex,model.totalCount,pageContext.search.query) }}\r\n        {% comment %}\r\n        {{ labels.pageStateSearchPlural|string_format(model.firstIndex,model.lastIndex,model.totalCount,pageContext.search.query) }}\r\n        {% endcomment %}\r\n      {% else %}\r\n        {{ labels.pageStateSearchSingular|string_format(pageContext.search.query) }}\r\n      {% endif %}\r\n    {% else %}\r\n      {% if model.totalCount == 0 %}\r\n        Showing 0 products\r\n      {% endif %}\r\n\r\n      {% if model.totalCount == 1 %}\r\n        {{ labels.pageStateSingular|string_format(pageContext.title) }}\r\n      {% endif %}\r\n\r\n      {% if model.totalCount > 1 %}\r\n        {{ labels.pageStatePlural|string_format(1,model.lastIndex,model.totalCount) }}\r\n        {% comment %}\r\n        {{ labels.pageStatePlural|string_format(model.firstIndex,model.lastIndex,model.totalCount) }}\r\n        {% endcomment %}\r\n      {% endif %}\r\n    {% endif %}\r\n  </span> \r\n        \r\n  <span class=\"sr-only\">Activating this element will cause content on the page to be updated.</span>\r\n\r\n  <fieldset class=\"instock \" style=\"inline-block\">\r\n    <legend class=\"sr-only\"> Quick Filters </legend>\r\n    <input id=\"instock-filter\"  type=\"checkbox\" aria-label=\"filter by instock products\" >\r\n    <label for=\"instock-filter\">Show only In-Stock items</label>\r\n    <input id=\"sale-filter\"  type=\"checkbox\" aria-label=\"filter by sale items\" >\r\n    <label for=\"sale-filter\">Show only Sale items</label>\r\n  </fieldset>\r\n</div>\r\n    \r\n{% comment %}\r\n<div class=\"mz-pagingcontrols-filters\">\r\n    <div class=\"mz-pagingcontrols-group\">\r\n        <p>{{ labels.show }}</p>\r\n        <select title=\"Number of results on page\" data-mz-value=\"pageSize\" class=\"mz-pagingcontrols-pagesize-dropdown\" autocomplete=\"off\">\r\n          {% block page-sizes %}\r\n            {% for pageSize in themeSettings.pageSizeOptions %}\r\n              <option   data-mz-url=\"{% make_url \"paging\" model with pageSize=pageSize page=1 %}\" \r\n              {% if model.pageSize == pageSize %}selected=\"selected\"{% endif %}\r\n              value=\"{{ pageSize }}\">{% if pageSize == 300 %}Max {% else %}{{ pageSize }}{% endif %}</option>\r\n            {% endfor %}\r\n          {% endblock page-sizes %}\r\n        </select>\r\n        <p>{{ labels.view }}</p>\r\n        <select title=\"Page to view\" data-mz-value=\"pageView\" class=\"mz-pagingcontrols-pagesize-dropdown\">\r\n        \r\n            {% for view in themeSettings.ProductView %}\r\n                {% if model.currentProductView %}\r\n                <option {% if model.currentProductView == view %}selected=\"selected\"{% endif %} value=\"{{ view }}\">{{ view }}</option>\r\n                {% else %}\r\n                <option {% if themeSettings.defaultProductView == view %}selected=\"selected\"{% endif %} value=\"{{ view }}\">{{ view }}</option>\r\n                {% endif %}\r\n            {% endfor %}\r\n        </select>\r\n    </div>\r\n</div>\r\n{% endcomment %}","modules/common/payment-method":"<div class=\"mz-paymentmethod {% block module-classes %}{% endblock module-classes %}\">\r\n    <div class=\"mz-paymentmethod-actions\">\r\n      {% block payment-method-actions %}\r\n      {% endblock payment-method-actions %}\r\n    </div>\r\n   <div class=\"mz-paymentmethod-methoddetails\">\r\n     {% block payment-method-details %}\r\n     <strong class=\"mz-paymentmethod-methodtype\">{{ model.cardType }}</strong>\r\n     <div class=\"mz-paymentmethod-cardnumber\">{{ model.cardNumberPart }}</div>\r\n     <div class=\"mz-paymentmethod-cardexp\">{{ labels.expires }} {{ model.expireMonth }}/{{model.expireYear }}</div>\r\n     {% if model.isDefaultPayMethod %}<em class=\"is-primary\">({{ labels.primary }})</em>{% endif %}\r\n     {% endblock payment-method-details %}\r\n   </div>\r\n </div>","modules/common/pickup-contacts":"<table>\r\n\t\t<tbody>\r\n            <tr style=\"border: 0\">\r\n                <td width=\"30%\" style=\"padding: 0 !important; text-align:left;\"> \r\n                    <div><b>{{ labels.pickupContact }}:</b></div>\r\n                    {% if model.fulfillmentInfo and model.fulfillmentInfo.fulfillmentContact %} \r\n                        <div>\r\n                            {% if model.fulfillmentInfo.fulfillmentContact.firstName %}\r\n                                {{ model.fulfillmentInfo.fulfillmentContact.firstName }}\r\n                            {% endif %}\r\n\r\n                            {% if model.fulfillmentInfo.fulfillmentContact.lastNameOrSurname %}\r\n                                {{ model.fulfillmentInfo.fulfillmentContact.lastNameOrSurname }}\r\n                            {% endif %}\r\n                        </div>\r\n\r\n                        {% if model.fulfillmentInfo.fulfillmentContact.email %}\r\n                            <div>{{ model.fulfillmentInfo.fulfillmentContact.email }}</div>\r\n                        {% endif %}\r\n                        \r\n                        <div>\r\n                            {% if model.fulfillmentInfo.fulfillmentContact.phoneNumbers and model.fulfillmentInfo.fulfillmentContact.phoneNumbers.mobile %}\r\n                                {{ model.fulfillmentInfo.fulfillmentContact.phoneNumbers.mobile }}\r\n                            {% else %}\r\n                                {% if model.fulfillmentInfo.fulfillmentContact.phoneNumbers and model.fulfillmentInfo.fulfillmentContact.phoneNumbers.home %}\r\n                                    {{ model.fulfillmentInfo.fulfillmentContact.phoneNumbers.home }}\r\n                                {% endif %}\r\n                            {% endif %}\r\n                        </div>\r\n                    {% else %}    \r\n                        {% if model.billingInfo and model.billingInfo.billingContact %}\r\n                            <div>\r\n                                {% if model.billingInfo.billingContact.firstName %}\r\n                                    {{ model.billingInfo.billingContact.firstName }} \r\n                                {% endif %}\r\nf\r\n                                {% if model.billingInfo.billingContact.lastNameOrSurname %}\r\n                                    {{ model.billingInfo.billingContact.lastNameOrSurname }}\r\n                                {% endif %}\r\n                            </div>\r\n\r\n                            {% if model.billingInfo.billingContact.email %}\r\n                                <div>{{ model.billingInfo.billingContact.email }}</div>\r\n                            {% endif %}\r\n                    \r\n                        \r\n                            {% if model.billingInfo.billingContact.phoneNumbers and model.billingInfo.billingContact.phoneNumbers.mobile %}\r\n                                <div>{{ model.billingInfo.billingContact.phoneNumbers.mobile }}</div>\r\n                            {% else %}\r\n                                {% if model.billingInfo.billingContact.phoneNumbers and model.billingInfo.billingContact.phoneNumbers.home %}\r\n                                <div>{{ model.billingInfo.billingContact.phoneNumbers.home }}</div>\r\n                                {% endif %}\r\n                            {% endif %}\r\n                        {% else %}\r\n                            <div>{{ model.email }}</div>\r\n                        {% endif %}\r\n                    {% endif %}\r\n                </td>\r\n                <td width=\"30%\" style=\"padding: 0 !important; text-align:left;\">\r\n                    {% if model.alternateContact %}\r\n                        {% if model.alternateContact.firstName or model.alternateContact.lastNameOrSurname or model.alternateContact.emailAddress or model.alternateContact.phoneNumber %}\r\n                            <div><b>{{ labels.alternatePickupContact }}:</b></div>\r\n                        {% endif %}\r\n                        \r\n                        <div>\r\n                            {% if model.alternateContact.firstName %}\r\n                                {{ model.alternateContact.firstName }}\r\n                            {% endif %}\r\n\r\n                            {% if model.alternateContact.lastNameOrSurname %}\r\n                                {{ model.alternateContact.lastNameOrSurname }}\r\n                            {% endif %}\r\n                        </div>\r\n                        {% if model.alternateContact.emailAddress %}\r\n                            <div>{{ model.alternateContact.emailAddress }}</div>\r\n                        {% endif %}\r\n                        \r\n                        {% if model.alternateContact.phoneNumber %}\r\n                            <div>{{ model.alternateContact.phoneNumber }}</div>\r\n                        {% endif %}\r\n                    {% endif %}\r\n                </td>\r\n            </tr>\r\n\t\t</tbody>\r\n</table>\r\n","modules/common/picture":"<picture>\r\n  {% comment %}\r\n  Images below are from builder.io and params follow their Image Api at https://www.builder.io/c/docs/image-api\r\n  {% endcomment %}\r\n  <source\r\n    srcset=\"{{ card.image }}{% if card.imageContainsQuestion %}&{% else %}?{% endif %}width=1920 1920w\"\r\n    media=\"(min-width: 1344px)\"\r\n    type=\"image/webp\"\r\n  >\r\n  <source\r\n    srcset=\"{{ card.image }}{% if card.imageContainsQuestion %}&{% else %}?{% endif %}width=1280 1280w\"\r\n    media=\"(min-width: 768px)\"\r\n    type=\"image/webp\"\r\n  >\r\n  <source\r\n    srcset=\"{{ card.imageMobile }}{% if card.imageMobileContainsQuestion %}&{% else %}?{% endif %}width=720 720w\"\r\n    media=\"(min-width: 400px)\"\r\n    type=\"image/webp\"\r\n  >\r\n  <source\r\n    srcset=\"{{ card.imageMobile }}{% if card.imageMobileContainsQuestion %}&{% else %}?{% endif %}width=400 360w\"\r\n    media=\"(max-width: 400px)\"\r\n    type=\"image/webp\"\r\n  >\r\n  <!-- if no picture element support)-->\r\n  <img\r\n    src=\"{{ card.image }}{% if card.imageContainsQuestion %}&{% else %}?{% endif %}width=720\"\r\n    alt=\"\"\r\n    class=\"fallback\"\r\n  >\r\n</picture>\r\n","modules/common/price":" <span class=\"mz-price\">\r\n\t{% if model.onSale %}\r\n\t\t<span style=\"color: #000;\">Sale: </span>{{model.salePrice|currency}}\r\n\t{% else %}\r\n\t    \t<span class=\"product-price\" style=\"display:none\" ></span>{{model.price|currency}}\r\n\t{% endif %}  \r\n\t  \r\n\t {% if model.priceType == \"MAP\" %}\r\n\t\t<div>add to cart to see final price</div>\r\n     {% endif %}   \r\n </span>        \r\n","modules/common/shipment-item-total":"{% if item.itemDiscount || item.itemDiscount === 0 %}\r\n\t{% if (item.actualPrice|subtract(item.itemDiscount)) < item.actualPrice %}\r\n\t\t<span class=\"mz-item-rowtotal is-crossedout\" {% block crossedout-inline-style %}{% endblock crossedout-inline-style %}>\t{{ item.lineItemCost|currency }}</span>\r\n\t\t<span class=\"mz-item-rowtotal {% if item.unitPrice > item.actualPrice %}is-saleprice{% endif %}\">{{ item.lineItemCost|subtract(item.itemDiscount)|currency }}</span>\r\n\t{% else %}\r\n\t\t{% if item.unitPrice > item.actualPrice %}\r\n\t\t\t<span class=\"mz-item-rowtotal is-saleprice \">{{ item.lineItemCost|currency }}</span>\r\n\t\t{% else %}\r\n\t\t\t{{ item.lineItemCost|subtract(item.itemDiscount)|currency }}\r\n\t\t{% endif %}\r\n\t{% endif %}\r\n{% else %}\r\n\t<span class=\"mz-item-rowtotal {% if item.unitPrice > item.actualPrice  %}is-saleprice{% endif %}\">{{ item.lineItemCost|currency }}</span>\r\n{% endif %}\r\n","modules/common/signup-popover":"<div class=\"mz-popover mz-popover-signup\"  role=\"application\">\r\n    <input type=\"text\" class=\"mz-popover-signup-firstname\" placeholder=\"{{ labels.firstName }}\" data-mz-signup-firstname />\r\n    <input type=\"text\" class=\"mz-popover-signup-lastname\" placeholder=\"{{ labels.lastName }}\" data-mz-signup-lastname />\r\n    <input type=\"email\" class=\"mz-popover-signup-email\" placeholder=\"{{ labels.emailAddress }}\" data-mz-signup-emailaddress />\r\n    <input type=\"password\" class=\"mz-popover-signup-password\" placeholder=\"{{ labels.password }}\" data-mz-signup-password />\r\n    <div class=\"pwd-message\">\r\n        <div class=\"arrow-right\"></div> \r\n        <p>\r\n            Password must be a minimum of 6 characters with at least 1 number and 1 alphabetic character.\r\n        </p>\r\n    </div> \r\n  <input type=\"password\" class=\"mz-popover-signup-confirmpassword\" placeholder=\"{{ labels.confirmPassword }}\" data-mz-signup-confirmpassword />\r\n  <button class=\"mz-button mz-popover-signup-register\" data-mz-action=\"signup\">{{ labels.register }}</button> \r\n  <section data-mz-role=\"popover-message\" class=\"mz-popover-message\"></section>\r\n</div>\r\n\r\n\r\n\r\n","modules/homepage-brands-listing":"\n{% for modelItem in model %}\n                <li class=\"brand-item\">\n                <a href=\"/{{modelItem.slug}}/c/{{modelItem.categoryId}}\">\n                    <div class=\"brand-details\" style=\"background-image:url('{{modelItem.banner}}')\">\n                    <p> \n                      {{modelItem.description}}\n                    </p>\n                    <figure>\n                            <div class=\"brand_logo\" style=\"background-image:url('{{modelItem.logo}}')\" > </div>\n                        <figcaption>{{modelItem.name|safe}}</figcaption>\n                    </figure>\n                    </div>\n                </a>\n                </li>\n{% endfor %}\n\n\n\n\n\n\n","modules/home":"{% if pagecontext.isEditMode %}\r\n<style>\r\n\tpre.example {\r\n\t\tbackground-color:#543462;\r\n\t\tborder-radius:10px;\r\n\t\tmargin:50px;\r\n\t\tpadding:50px;\r\n\t\tfont-family:monospace;\r\n\t\tfont-size: 12px;\r\n\t}\r\n\tpre,\r\n\tpre h2 {\r\n\t\tcolor:white;\r\n\t}\r\n\tpre h2 {\r\n\t\tmargin:0;\r\n\t}\r\n</style>\r\n<pre class=\"example\">\r\n<h2>PICTURE ELEMENT CODE EXAMPLE - GENERAL BANNER</h2>\r\n&lt;picture&gt;\r\n&lt;!-- WebP --&gt;\r\n\t&lt;source srcset=&quot;https://cdn-tp1.mozu.com/9046-m1/cms/files/be1b5dd3-b4dd-4e66-be32-04d1a7978eb3 1920w&quot; media=&quot;(min-width: 1344px)&quot; type=&quot;image/webp&quot;&gt; \r\n\t&lt;source srcset=&quot;https://cdn-tp1.mozu.com/9046-m1/cms/files/be1b5dd3-b4dd-4e66-be32-04d1a7978eb3?maxWidth=1280 1280w&quot; media=&quot;(min-width: 768px)&quot; type=&quot;image/webp&quot;&gt; \r\n\t&lt;source srcset=&quot;https://cdn-tp1.mozu.com/9046-m1/cms/files/89af4a57-1b53-4457-91e1-ceae8a9f9cad 720w&quot; media=&quot;(min-width: 400px)&quot; type=&quot;image/webp&quot;&gt;\r\n\t&lt;source srcset=&quot;https://cdn-tp1.mozu.com/9046-m1/cms/files/89af4a57-1b53-4457-91e1-ceae8a9f9cad?maxWidth=360 360w&quot; media=&quot;(min-width: 400px)&quot; type=&quot;image/webp&quot;&gt;\r\n&lt;!-- JPG if no WebP --&gt;\r\n\t&lt;source srcset=&quot;https://cdn-tp1.mozu.com/9046-m1/cms/files/b406205a-c5d1-45f1-b0eb-46f517027984 1920w&quot; media=&quot;(min-width: 1344px)&quot; type=&quot;image/jpeg&quot;&gt; \r\n\t&lt;source srcset=&quot;https://cdn-tp1.mozu.com/9046-m1/cms/files/b406205a-c5d1-45f1-b0eb-46f517027984?maxWidth=1280 1280w&quot; media=&quot;(min-width: 768px)&quot; type=&quot;image/jpeg&quot;&gt; \r\n\t&lt;source srcset=&quot;https://cdn-tp1.mozu.com/9046-m1/cms/files/378f4d0a-98d8-42d4-a652-cb3357537c6e 720w&quot; media=&quot;(max-width: 400px)&quot; type=&quot;image/jpeg&quot;&gt;\r\n\t&lt;source srcset=&quot;https://cdn-tp1.mozu.com/9046-m1/cms/files/378f4d0a-98d8-42d4-a652-cb3357537c6e?maxWidth=360 360w&quot; media=&quot;(max-width: 400px)&quot; type=&quot;image/jpeg&quot;&gt;\r\n&lt;!-- if no &lt;picture&gt; Fallback --&gt;\r\n\t&lt;img src=&quot;https://cdn-tp1.mozu.com/9046-m1/cms/files/b406205a-c5d1-45f1-b0eb-46f517027984?maxWidth=1280&quot; alt=&quot;&quot; class=&quot;fallback&quot; &gt;\r\n&lt;/picture&gt;\r\n</pre>\r\n\t\r\n{% endif %}\r\n\r\n\r\n\r\n{% block stylesheets %}\r\n    {{ \"stylesheets/modules/cards/product-cards-and-right-picture.less\"|stylesheet_tag:\"default\" }}\r\n    {{ \"stylesheets/pages/home-redesign/top-sellers.less\"|stylesheet_tag:\"default\" }}\r\n{% endblock stylesheets %}\r\n\r\n<div class=\"a-and-b-spot-dropzones\">\r\n\r\n<style type=\"text/css\">\r\n.homepage-banner-desktop{\r\n background-color: #f2f1f1;\r\n}\r\n.a-spot-container,.b-spot-container{\r\n    width: 100%;\r\n    position: relative;\r\n}\r\n.b-spot-container{\r\n     background-color: #f2f1f1;\r\n}    \r\n.a-spot-container img{\r\n    width: 100%;\r\n    aspect-ratio: 1920/625;\r\n}\r\n@media only screen and (min-width: 1px) and (max-width: 767px) {\r\n  .a-spot-container img{\r\n    aspect-ratio: 375/595;\r\n  }\r\n}\r\n\r\n.b-spot-container img{\r\n    width: 100%;\r\n    aspect-ratio: 1920/625;\r\n    /*padding: 4.9vw 4.35vw 3.35vw 4.47vw;*/\r\n}\r\n\r\n@media only screen and (min-width: 1px) and (max-width: 767px) {\r\n  .b-spot-container img {\r\n    aspect-ratio: 375/595;\r\n  }\r\n}\r\n\r\n.a-spot-container h1,.b-spot-container h2 {\r\n    color: white;\r\n    position: absolute;\r\n    top: 0;\r\n    line-height: 0.87;\r\n    right: 4.8vw;\r\n    text-align: right;\r\n    font-weight: 900;\r\n}\r\n\r\n.a-spot-container h1{\r\n    font-size: 6.5vw;\r\n    text-align: left;\r\n    width: 40vw;\r\n    color: #fff;\r\n    text-transform: uppercase;\r\n    top: 2vw;\r\n    left: 16vw;\r\n}\r\n.b-spot-container h2{\r\n    font-size: 5vw;\r\n    color: #000000;\r\n    padding: 3.5vw 51vw 0px 3.479vw;\r\n    text-align: left;\r\n    margin: 0;\r\n}\r\n.a-spot-container p,.b-spot-container p{\r\n    position: absolute;\r\n    bottom: 13.1vw;\r\n    font-weight: normal;\r\n    text-align: left;\r\n    margin: 0;\r\n    font-size: 1.13vw;\r\n    right: 5vw;\r\n}\r\n.a-spot-container p{\r\n    color: #fff;\r\n    font-weight: 400;\r\n    font-size: 1.5vw;\r\n    text-align: left;\r\n    width: 32vw;\r\n    top: 59%;\r\n    left: 16vw;\r\n}\r\n.b-spot-container p{\r\n    color: #010000;\r\n    bottom: 9.6vw; \r\n    text-align: left;\r\n    left: 50px;\r\n    margin: 0 51vw 0 0;\r\n}    \r\n.a-spot-container a,.b-spot-container a {\r\n    padding: 14px 10px;\r\n    background-color: white;\r\n    position: absolute;\r\n    text-align: right;\r\n    bottom: 8.5vw;\r\n    text-transform: uppercase;\r\n    font-weight: 500;\r\n    text-decoration: none;\r\n    right: 4.8vw;\r\n}\r\n\r\n.a-spot-container a{\r\n    background-color: #fff;\r\n    color: #025900;\r\n    font-size: 16px !important;\r\n    line-height: 16px;\r\n    padding: 12px !important;\r\n    height: 38px;\r\n    box-sizing:border-box;\r\n    text-align: center;\r\n    text-transform: unset;\r\n    left: 16vw;\r\n    top: 75%;\r\n    width: 200px;\r\n}\r\n\r\n@media only screen and (min-width: 768px) {\r\n  .a-spot-container a{\r\n    /*min-width: 317px;*/\r\n    white-space: nowrap;\r\n  }\r\n}\r\n\r\n.a-spot-container a:hover{\r\n    background:#bb1e24; /*#2a3756;*/\r\n    color:white;\r\n} \r\n.b-spot-container a {\r\n    color: #ffffff;\r\n    border: 1px solid #ac1f23;\r\n    bottom: -3vw;\r\n    background-color: #ac1f23;\r\n    margin: 7vw 0.5vw;\r\n    left: 40px;\r\n    text-align: center;\r\n    /*width: 26vw;*/\r\n    width: 26vw;\r\n    height:48px !important;\r\n    box-sizing:border-box;\r\n    padding: 12.2px 10px;\r\n}    \r\n.b-spot-container a:hover{\r\n       border:1px solid #2a3756;  \r\n       background:#2a3756;\r\n       color:#fff; \r\n}\r\n\r\n/* for product-finder/gift-finder... */\r\n#mz-drop-zone-product-finder-banner .mz-cms-content {\r\n  padding: unset;\r\n}\r\n\r\n#mz-drop-zone-product-finder-banner .mz-cms-content div {\r\n  height: unset;\r\n  padding: 36px 12px;\r\n  background: rgba(172, 31, 35, 1);\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n#mz-drop-zone-product-finder-banner .mz-cms-content div a {\r\n  position: relative;\r\n  top: unset;\r\n  bottom: unset;\r\n  left: unset;\r\n  right: unset;\r\n  color: rgba(42, 55, 86, 1) !important;\r\n  background-color: rgba(255, 255, 255, 1);\r\n  border-color: rgba(42, 55, 86, 1);\r\n  font-size: 16px;\r\n  width: 40%;\r\n  padding: 12px !important;\r\n  height: 48px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#mz-drop-zone-product-finder-banner .mz-cms-content div a:hover {\r\n  background: rgba(42, 55, 86, 1);\r\n  color: rgba(255, 255, 255, 1) !important;\r\n}\r\n/* end for product-finder/gift-finder... */\r\n\r\n\r\n@media only screen  and (min-width: 768px) and (max-width: 1024px) {\r\n    .a-spot-container a{\r\n      font-size: 16px;\r\n      top: 75%;\r\n      left: 16vw;\r\n    }\r\n\r\n    .a-spot-container p{\r\n      left: 16vw;\r\n      top: 20vw;\r\n      width: 50vw;\r\n      font-size: 1.5vw;\r\n    }\r\n\r\n    .b-spot-container p{\r\n      left: 4vw;\r\n      top: 17vw;\r\n      width: 50vw;\r\n      font-size: 1.5vw;\r\n    }\r\n\r\n    .b-spot-container a{\r\n      font-size: 16px;\r\n      width: 255px;\r\n      top: 46%;\r\n      left: 3.5vw;\r\n    }\r\n\r\n    .seasonal-section .items div button.product-panel-button {\r\n      height: 25px !important;\r\n      margin: 0vw 0 1vw 0 !important;\r\n      font-size: 9px !important;\r\n    }\r\n    .seasonal-section .items div a.product-panel-button {\r\n      font-size: 8px !important;\r\n      margin: 0vw 0.5vw 0vw 0.2vw !important; \r\n      padding: 6px 0.5vw 6px 0.2vw !important;\r\n    }\r\n}  \r\n.sub-head a.view-all-button{\r\n  top: 36px;\r\n}\r\n\r\n.br-on-mobile {\r\n  display: none;\r\n}\r\n\r\n@media only screen and (min-width:1px) and (max-width:767px){\r\n  .sub-head a.view-all-button{\r\n    top: 9px;\r\n  }\r\n\r\n  .br-on-mobile {\r\n    display: block;\r\n  }\r\n\r\n  .a-spot-container h1{\r\n    font-size: 14.9vw !important;\r\n    margin-top: 0;\r\n  }\r\n\r\n  .a-spot-container p {\r\n    top: 45vw !important;\r\n    width: 60% !important;\r\n    font-size: 5vw !important;\r\n    line-height: normal !important;\r\n\r\n    /* center absolute text */\r\n    left: 50% !important;\r\n    transform: translateX(-50%);\r\n\r\n  }\r\n\r\n  .a-spot-container a {\r\n    top: 69vw !important;\r\n    width: unset;\r\n    font-size: 16px !important;\r\n    text-transform: unset !important;\r\n  }\r\n\r\n  #find-a-gift {\r\n    position: relative !important;\r\n    left: 0 !important;\r\n    top: 0 !important;\r\n    width: 320px !important;\r\n    text-transform: uppercase !important;\r\n    height: 38px !important;\r\n  }\r\n}\r\n\r\n\r\n</style>\r\n\r\n<!-- A-SPOT-BANNER -->\r\n<div class=\"a-spot-container\">\r\n{% comment %}\r\nRemove Kibo dropzone styles.\r\n{% endcomment %}\r\n<style>\r\n#mz-drop-zone-a-spot-banner .mz-cms-content {\r\n  padding: 0;\r\n}\r\n\r\n</style>\r\n{% dropzone zoneId=\"a-spot-banner\" scope=\"page\" %}\r\n{% dropzone zoneId=\"product-finder-banner\" scope=\"page\" %}\r\n</div>\r\n<!-- /A-SPOT-BANNER -->\r\n\r\n<div class=\"b-spot-section\">\r\n    <div class=\"b-spot-container\">\r\n\r\n\t\t<picture>\r\n\t\t<!-- WebP -->\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/fec8e8b2-ae44-4163-97dc-58e16cef50d2 1920w\" media=\"(min-width: 1344px)\" type=\"image/webp\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/fec8e8b2-ae44-4163-97dc-58e16cef50d2?maxWidth=1280 1280w\" media=\"(min-width: 768px)\" type=\"image/webp\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/ca0fa254-339b-4f96-a79d-385f6686d3e9 750w\" media=\"(min-width: 400px)\" type=\"image/webp\">\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/ca0fa254-339b-4f96-a79d-385f6686d3e9?maxWidth=375 375w\" media=\"(min-width: 400px)\" type=\"image/webp\">\r\n\t\t<!-- JPG if no WebP -->\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/ea579b9d-7f33-4af5-af5f-dfa42be9d1c2 1920w\" media=\"(min-width: 1344px)\" type=\"image/jpeg\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/ea579b9d-7f33-4af5-af5f-dfa42be9d1c2?maxWidth=1280 1280w\" media=\"(min-width: 768px)\" type=\"image/jpeg\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/67d7e19e-afe6-4d1c-9511-62624bb14da0 750w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/67d7e19e-afe6-4d1c-9511-62624bb14da0?maxWidth=375 375w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\r\n\t\t<!-- if no <picture> Fallback -->\r\n\t\t\t<img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/ea579b9d-7f33-4af5-af5f-dfa42be9d1c2?maxWidth=1280\"  class=\"fallback\" alt=\"\">\r\n\t\t</picture>\r\n\t\t\t\r\n\r\n\t\t<h2>THE ORIGINAL GOURMET JELLY BEAN<span style=\"font-size: 3vw; vertical-align: top;\">®</span></h2>\r\n\t    <p>Everyone has a favorite. Come explore all the ways we can brighten someone’s day.</p>\r\n\t    <a href=\"/jelly-belly-jelly-beans/c/335\">EXPLORE JELLY BELLY</a>\r\n    </div>\r\n</div>\r\n\r\n</div>\r\n\r\n\r\n<!-- Bean Slider Sart -->\r\n<div class=\"bean-heading\">\r\n    <h2>learn more about our amazing flavors!</h2>\r\n</div>\r\n<div role=\"region\" aria-label=\"carousel\"  class=\"home-hero-wrapper\"> \r\n<p class=\"sr-only\">This is a carousel with tiles of Jelly Belly Bean flavors. Use the previous and next buttons to navigate.</p>\r\n<button    class=\"arrow left-arrow\">\r\n\t<img loading=\"lazy\" style=\"width: 45%;pointer-events: none;\" src=\"https://cdn-sb.mozu.com/10569-m1/cms/files/02310b83-bef3-45fe-b49c-9700ed912f74\" alt=\"slide left\" />\r\n</button>\r\n\r\n<div id=\"bean-carousel\" class=\"home-hero-flavor-bar gtm-home-flavor-bar\"> \r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=ButteredPopcorn\" style=\"background-color:#f6d334\" role=\"group\" aria-label=\"slide 1 of 78\"> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/eaa087a3-c9ca-4d12-8bbf-f5638ab66876?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span class=\"flavor-bar-flavor-title\" style=\"color: #2a3756;\">buttered popcorn</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=PinaColada\" style=\"background-color:#FDE96C;\" role=\"group\" aria-label=\"slide 2 of 78\"><img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/2e4b5328-5827-4dcf-89ce-cd45a611ef8b?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span class=\"flavor-bar-flavor-title\" style=\"color: #2a3756;\">pina colada</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=CrushedPineapple\" style=\"background-color:#FADF50;\" role=\"group\" aria-label=\"slide 3 of 78\"><img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/d6fe0fe7-aa9e-4796-9063-fbc8ee8afa56?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span class=\"flavor-bar-flavor-title\" style=\"color: #2a3756;\">crushed pineapple</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=SunkistLemon\" style=\"background-color: #F9D501;\" role=\"group\" aria-label=\"slide 4 of 78\"><img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/6d63d089-6db3-4154-ba84-2be0274ee653?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span class=\"flavor-bar-flavor-title\" style=\"color: #2a3756;\">Sunkist Lemon</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=Kiwi\" style=\"background-color:#6CB544;\" role=\"group\" aria-label=\"slide 5 of 78\"> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/711b3ac1-7584-4a75-a333-91417be09220?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span class=\"flavor-bar-flavor-title\" style=\"color: #2a3756;\">kiwi</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=LemonLime\" style=\"background-color: #D5DC55;\" role=\"group\" aria-label=\"slide 6 of 78\"> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/d044a88f-07ac-4c63-825a-108609753beb?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span class=\"flavor-bar-flavor-title\" style=\"color: #2a3756;\">lemon lime</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=Mango\" style=\"background-color: #D1CA3D;\" role=\"group\" aria-label=\"slide 7 of 78\"> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/3dfd386e-223c-48ea-96e9-f553fd694dbc?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span class=\"flavor-bar-flavor-title\" style=\"color: #2a3756;\">mango</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=LemonDrop\" style=\"background-color: #FFE92D;\" role=\"group\" aria-label=\"slide 8 of 78\"> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/46a8eb86-aefe-454e-be27-653ee9ff2ffb?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span class=\"flavor-bar-flavor-title\" style=\"color: #2a3756;\">Lemon Drop</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=JewelSourApple\" style=\"background-color:#4ccb5c;\" role=\"group\" aria-label=\"slide 9 of 78\"> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/2d8ae78f-3e89-41cb-997b-667987b934a2?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">jewel sour apple</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=SourApple\" style=\"background-color:#3c812a;\" role=\"group\" aria-label=\"slide 10 of 78\"> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/6efe9dc6-144d-41b8-be96-95e44add1ad1?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span class=\"flavor-bar-flavor-title\" style=\"color:#fff\">sour apple</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=7up\" style=\"background-color:#CEDC91;\" role=\"group\" aria-label=\"slide 11 of 78\"> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/91a618f3-fbe4-47f0-8879-5be34c9c5f3a?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span class=\"flavor-bar-flavor-title\" style=\"color: #2a3756;\">7UP</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=JuicyPear\" style=\"background-color: #AAAE45;\" role=\"group\" aria-label=\"slide 12 of 78\"> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/4d27040b-7b95-440d-a67b-051313a3f7b7?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">juicy pear</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=Margarita\" style=\"background-color: #7EB159;\" role=\"group\" aria-label=\"slide 13 of 78\"> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/f2e13735-c6be-4a83-a032-f8c8dfe27370?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span class=\"flavor-bar-flavor-title\" style=\"color: #2a3756;\">margarita</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=GreenApple\" style=\"background-color: #0E7534;\" role=\"group\" aria-label=\"slide 14 of 78\"> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/cae9f75c-e0c4-468b-9745-f6bce7daea24?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: white;\" class=\"flavor-bar-flavor-title\">green apple</span><span class=\"modern-sr-only\">Products</span></a> \r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=Watermelon\" style=\"background-color: #264D16;\" role=\"group\" aria-label=\"slide 15 of 78\"> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/d77c1100-bf52-4fe2-b05d-9ec6531597f6?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: white;\" class=\"flavor-bar-flavor-title\">watermelon</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=JewelBlueberry\" style=\"background-color: #293656;\" role=\"group\" aria-label=\"slide 16 of 78\"> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/71648bd4-49d2-404b-8a08-05156076eda9?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: white;\" class=\"flavor-bar-flavor-title\">jewel blueberry</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=Blueberry\" style=\"background-color: #3A7195;\" role=\"group\" aria-label=\"slide 17 of 78\"> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/5d18c6a5-2de6-4e30-9f48-4af401610c79?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: white;\" class=\"flavor-bar-flavor-title\">blueberry</span><span class=\"modern-sr-only\">Products</span></a> \r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=Licorice\" style=\"background-color: #022F34;\" role=\"group\" aria-label=\"slide 18 of 78\"> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/ef8a072a-f244-407b-a133-bd36104bf405?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: white;\" class=\"flavor-bar-flavor-title\">licorice</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=IslandPunch\" style=\"background-color: #535380;\" role=\"group\" aria-label=\"slide 19 of 78\"> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/2b66c2e0-5c3d-47da-bf51-acebb5e41d96?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: white;\" class=\"flavor-bar-flavor-title\">island punch</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=JewelGrapeSoda\" style=\"background-color: #433056;\" role=\"group\" aria-label=\"slide 20 of 78\"> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/225e926e-556c-44ce-965e-789d60add0d2?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: white;\" class=\"flavor-bar-flavor-title\">Jewel Grape Soda</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t{% comment %}\r\n  The rest of the links below will be loaded by backbone: bean-flavors-view.js, bean-flavors-collection.js\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=BerryBlue\" style=\"background-color: #03798B;\"> <span class=\"sr-only\">tile 22 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/4e65d579-9595-4620-b6c4-a9606df99f3d?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: white;\" class=\"flavor-bar-flavor-title\">berry blue</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=JewelBerryBlue\" style=\"background-color: #085881;\"> <span class=\"sr-only\">tile 23 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/fda928cf-ca59-4457-af8c-ed7d6b7291e2?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: white;\" class=\"flavor-bar-flavor-title\">jewel berry blue</span><span class=\"modern-sr-only\">Products</span></a>\r\n\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=ChocolatePudding\" style=\"background-color: #402427;\"> <span class=\"sr-only\">tile 24 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/63b9e71d-9866-4044-9af7-7a64a52b0e0e?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: white;\" class=\"flavor-bar-flavor-title\">chocolate pudding</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=JewelGingerAle\" style=\"background-color: #C19973;\"> <span class=\"sr-only\">tile 25 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/814fc76c-36fc-41e4-b736-2a130a2e5cd1?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">Jewel Ginger Ale</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=a-w-root-bear\" style=\"background-color: #792E27;\"> <span class=\"sr-only\">tile 26 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/63b9e71d-9866-4044-9af7-7a64a52b0e0e?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: white;\" class=\"flavor-bar-flavor-title\">A&W Root Beer</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=Cappuccino\" style=\"background-color: #5A262A;\"> <span class=\"sr-only\">tile 27 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/ca2fe8be-4c41-4e83-81df-cf3b093f5a42?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: white;\" class=\"flavor-bar-flavor-title\">cappuccino</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=DrPepper\" style=\"background-color: #5B3640;\"> <span class=\"sr-only\">tile 28 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/cea8f58e-5cd9-4aa7-aa30-9f24c6360508?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: white;\" class=\"flavor-bar-flavor-title\">Dr Pepper</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=GinTonic\" style=\"background-color: #CED8C2;\"> <span class=\"sr-only\">tile 29 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/d4da7460-3a98-4ad2-b247-d044c281d4eb?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">gin &amp; tonic</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=JewelCreamSoda\" style=\"background-color: #E5DCD5;\"> <span class=\"sr-only\">tile 30 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/0aadd65a-9e9c-4e23-932e-94106f0edb19?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">jewel cream soda</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=Coconut\" style=\"background-color: #E1DFE1;\"> <span class=\"sr-only\">tile 31 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/ad4638c8-b778-4248-afca-7c3051c8f92f?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">coconut</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=BirthdayCakeRemix\" style=\"background-color: #eee7db;\"> <span class=\"sr-only\">tile 32 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/534248bc-3dc2-4d1a-9eb1-d253849cabc0?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">Birthday Cake Remix</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=FrenchVanilla\" style=\"background-color: #D2D0CE;\"> <span class=\"sr-only\">tile 33 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/3e8e01cb-f2a8-4121-ab59-b0a608ad5a92?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">French Vanilla</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=StrawberryDaiquiri\" style=\"background-color: #e58490;\"> <span class=\"sr-only\">tile 34 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/cce90e1d-7ced-4e18-a05b-734c36287baf?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span  style=\"color:#2a3756;\" class=\"flavor-bar-flavor-title\">strawberry daiquiri</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=JewelVeryCherry\" style=\"background-color: #BB202A;\"> <span class=\"sr-only\">tile 35 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/f1075b25-e7de-4147-94aa-b4ec1ce30813?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color:white\" class=\"flavor-bar-flavor-title\">jewel very cherry</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=MixedBerrySmoothie\" style=\"background-color: #B598AF;\"> <span class=\"sr-only\">tile 36 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/6671ca61-29e4-4c6c-9a5a-f0b161e8cabd?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">mixed berry smoothie</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=WildBlackberry\" style=\"background-color: #655277;\"> <span class=\"sr-only\">tile 37 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/8567bee8-e66d-4217-96a5-7d9e931916d5?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color:white\" class=\"flavor-bar-flavor-title\">wild blackberry</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=GrapeCrush\" style=\"background-color: #553E5C;\"> <span class=\"sr-only\">tile 38 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/51b001d8-211f-48c6-b253-a2eecf84812d?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color:white\" class=\"flavor-bar-flavor-title\">Grape Crush</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=JewelBubbleGum\" style=\"background-color: #ffb4b1;\"> <span class=\"sr-only\">tile 39 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/ed079a6d-f71f-4ae5-83e0-41162acf06cb?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">jewel bubble gum</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=CottonCandy\" style=\"background-color: #E19E9F;\"> <span class=\"sr-only\">tile 40 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/0066a0a9-88cc-4b1f-bacc-5db4fffdbc38?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">cotton candy</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=BubbleGum\" style=\"background-color:#E3ACBD;\"> <span class=\"sr-only\">tile 41 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/51474130-73e9-40b7-a8ba-c9eac7be7de4?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">bubble gum</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=TuttiFruitti\" style=\"background-color: #EFB3CB;\"> <span class=\"sr-only\">tile 42 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/6eadb43c-4536-4c25-a2b5-7452696ce22a?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">tutti-fruitti</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=Rose\" style=\"background-color: #ff9bb3;\"> <span class=\"sr-only\">tile 43 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/85f5e386-a97e-4da9-b8af-db4debeacbf3?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">Rose</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=StrawberryCheesecake\" style=\"background-color: #DEA79F;\"> <span class=\"sr-only\">tile 44 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/ebf62896-5b77-411b-ac14-f28a70555e27?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">strawberry cheesecake</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=Pomegranate\" style=\"background-color: #b43b4e\"> <span class=\"sr-only\">tile 45 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/6cef85fd-9273-4490-bf69-6448d361adc7?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color:#fff\" class=\"flavor-bar-flavor-title\">pomegranate</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=StrawberryJam\" style=\"background-color: #C02032\"> <span class=\"sr-only\">tile 46 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/f30c3352-2377-4476-b6d1-171e31f85306?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color:White\" class=\"flavor-bar-flavor-title\">Strawberry Jam</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=VeryCherry\" style=\"background-color: #AD1E34;\"> <span class=\"sr-only\">tile 47 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/d9051ec6-2970-4c88-8227-7f7e2fe1c76d?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color:White\" class=\"flavor-bar-flavor-title\">very cherry</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=RedApple\" style=\"background-color: #AB262C;\"> <span class=\"sr-only\">tile 48 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/488e9a3f-c4d2-4330-ab8e-bfc41205566a?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color:white;\" class=\"flavor-bar-flavor-title\">red apple</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=SizzlingCinnamon\" style=\"background-color: #871922;\"> <span class=\"sr-only\">tile 49 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/4473a98d-1f4e-4242-aefa-6882472cc211?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color:white;\" class=\"flavor-bar-flavor-title\">Sizzling Cinnamon</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=SourCherry\" style=\"background-color: #9E222C;\"> <span class=\"sr-only\">tile 50 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/a0ed8075-fc86-4fe9-ad34-64f70a250b46?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color:white;\" class=\"flavor-bar-flavor-title\">sour cherry</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=Raspberry\" style=\"background-color: #963135;\"> <span class=\"sr-only\">tile 51 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/0ad95037-f351-452b-b81e-62d07357ec35?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color:white;\" class=\"flavor-bar-flavor-title\">raspberry</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=Mimosa\" style=\"background-color: #f4ae50;\"> <span class=\"sr-only\">tile 52 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/089a8fa8-067c-4640-a951-628560fb6fa4?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">mimosa</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=SunkistTangerine\" style=\"background-color: #f99b24;\"> <span class=\"sr-only\">tile 53 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/7b266567-cd0b-4c08-956a-734395bf7aed?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #212C45;\" class=\"flavor-bar-flavor-title\">Sunkist Tangerine</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=Peach\" style=\"background-color: #fdaf74;\"> <span class=\"sr-only\">tile 54 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/c75fe96b-333c-420d-869b-6fba2486a914?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #27334F;\" class=\"flavor-bar-flavor-title\">peach</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=SunkistOrange\" style=\"background-color: #F99B25;\"> <span class=\"sr-only\">tile 55 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/447dd4bc-23dd-4736-8343-18af394a1d4d?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">Sunkist Orange</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=Cantaloupe\" style=\"background-color: #FAA538;\"> <span class=\"sr-only\">tile 56 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/45d0972c-e554-4374-8b21-ac50ff450d3e?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">Cantaloupe</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=OrangeSherbet\" style=\"background-color:#F59347;\"> <span class=\"sr-only\">tile 57 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/4c7cc562-717a-4633-885a-d02c71cd0f4f?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">orange sherbet</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=JewelOrange\" style=\"background-color: #FCB76C;\"> <span class=\"sr-only\">tile 58 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/e1acee3d-9b4b-42d7-bd09-607d5ca28d07?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">jewel orange</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=OrangeCrush\" style=\"background-color: #FD841D;\"> <span class=\"sr-only\">tile 59 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/efe184ef-9e3a-474c-a155-7770336f00e8?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">Orange Crush</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=SunkistPinkGrapefruit\" style=\"background-color: #E6986B;\"> <span class=\"sr-only\">tile 60 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/3827a360-1573-4ed7-bf95-b80a4d4f610c?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">Sunkist Pink Grapefruit</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=OrangeCrush\" style=\"background-color: #FD841D;\"> <span class=\"sr-only\">tile 61 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/efe184ef-9e3a-474c-a155-7770336f00e8?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">Orange Crush</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=MoscowMule\" style=\"background-color: #743d16;\"> <span class=\"sr-only\">tile 62 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/d83b2445-ffd7-4ecb-a16b-2ff7a9ffeb9b?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color:white\" class=\"flavor-bar-flavor-title\">moscow mule</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/pancakes-maple-syrup/c/690\" style=\"background-color: #9C6535;\"> <span class=\"sr-only\">tile 63 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/f7d0a440-942d-4fb1-9cfa-81c217615331?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color:white\" class=\"flavor-bar-flavor-title\">Maple Syrup</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=ToastedMarshmallow\" style=\"background-color: #D8C6AB;\"> <span class=\"sr-only\">tile 64 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/bc97e1a9-0e2b-4dc6-8fde-d469d4c05ef3?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">Toasted Marshmallow</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=CaramelCorn\" style=\"background-color: #f0c57f;\"> <span class=\"sr-only\">tile 65 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/aff9adae-5dde-4e5b-b718-a68d7ed8edf2?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">Caramel Corn</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=SMORES\" style=\"background-color:rgb(233, 204, 173);\"> <span class=\"sr-only\">tile 66 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/6ac8a130-e148-4894-96cf-e6c62bff48ea?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">s'mores</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=LEMONMERINGUEPIE\" style=\"background-color: rgb(241, 200, 32);\"> <span class=\"sr-only\">tile 67 of 78,</span> <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/270dfea3-9220-4887-a36c-91afa2810c02?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">lemon meringue pie</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=TopBanana\" style=\"background-color: #954525;\"> <span class=\"sr-only\">tile 68 of 78,</span><img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/5e604eb2-d339-4166-ac6b-24a66dd984e7?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #fff;\" class=\"flavor-bar-flavor-title\">top banana</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=a-w-cream-soda\" style=\"background-color:#E1DFE1;\"> <span class=\"sr-only\">tile 69 of 78,</span><img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/75fea694-ed38-4e84-a86e-182e31ea5a7b?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">A&W Cream Soda</span><span class=\"modern-sr-only\">Products</span></a>\r\n\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=BlueRaspberry\" style=\"background-color:#02698b;\"> <span class=\"sr-only\">tile 70 of 78,</span><img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/43b98fbb-b796-447e-8aa4-42840b451eb5?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color:White\" class=\"flavor-bar-flavor-title\">Blue Raspberry</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=JewelChampagne\" style=\"background-color:#c5b188;\"> <span class=\"sr-only\">tile 71 of 78,</span><img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/55a638cc-55ec-4b5d-87bc-a7eb47f57b73?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">Champagne</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/chili-mango/c/189\" style=\"background-color:#F79C72;\"> <span class=\"sr-only\">tile 72 of 78,</span><img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/4d406bdc-cd9a-422b-bb6f-a347a1144a4b?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">Chili Mango</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=Cinnamon\" style=\"background-color:#a92e42;\"> <span class=\"sr-only\">tile 73 of 78,</span><img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/18e50750-75eb-4f26-b8ed-1c01db69f3d3?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color:White\" class=\"flavor-bar-flavor-title\">Cinnamon</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=Plum\" style=\"background-color:#293656;\"> <span class=\"sr-only\">tile 74 of 78,</span><img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/6a268368-578b-4118-b664-48df18dfe32b?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color:White\" class=\"flavor-bar-flavor-title\">Plum</span><span class=\"modern-sr-only\">Products</span></a>\r\n\t\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=SunkistLime\" style=\"background-color:#D5DC55;\"> <span class=\"sr-only\">tile 75 of 78,</span><img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/c12f270c-e207-41a6-9a09-4df3024ea08a?maxWidth=100\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">Sunkist Lime</span><span class=\"modern-sr-only\">Products</span></a>\r\n  \r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=CherryPassionFruitSmoothie\" style=\"background-color:#871922;\"> <span class=\"sr-only\">tile 76 of 78,</span><img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/2da22c8a-8fd0-458f-90a8-8df36e790112?maxWidth=235&crop=260,455,1460,1220\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color:white;\" class=\"flavor-bar-flavor-title\">Cherry Passion Fruit Smoothie</span><span class=\"modern-sr-only\">Products</span></a>\r\n\r\n <a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=MandarinOrangeMangoSmoothie\" style=\"background-color:#FF9933;\"> <span class=\"sr-only\">tile 77 of 78,</span><img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/5f0240a3-f7ee-401f-8d52-06e04b81cd29?maxWidth=235&crop=260,455,1460,1220\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">Mandarin Orange Mango Smoothie</span><span class=\"modern-sr-only\">Products</span></a>\r\n\r\n\t<a class=\"flavor-bar-link\" href=\"/jelly-belly-single-flavors?flavour=PineapplePearSmoothie\" style=\"background-color:#efe393;\"> <span class=\"sr-only\">tile 78 of 78,</span><img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/cb895cb6-1fa4-4327-97fe-0d2c043788d7?maxWidth=235&crop=260,455,1460,1220\" alt=\"\" loading=\"lazy\" width=\"100\" height=\"65\" class=\"flavor-bar-bean-img\"><span class=\"modern-sr-only\">View</span><span style=\"color: #2a3756;\" class=\"flavor-bar-flavor-title\">Pineapple Pear Smoothie</span><span class=\"modern-sr-only\">Products</span></a> \r\n{% endcomment %}\r\n</div>\r\n\r\n\r\n<button    class=\"arrow right-arrow\">\r\n\t<img loading=\"lazy\" style=\"width: 45%;pointer-events: none;\" src=\"https://cdn-sb.mozu.com/10569-m1/cms/files/947f5a0b-0676-4cc9-8076-fcef52282a0f\" alt=\"slide right\" />\r\n  </button>\r\n</div>\r\n\r\n<!-- Bean Slider End> --> \r\n\r\n<!-- Challenge Section Start-->\r\n\r\n{% if pagecontext.isEditMode %}\r\n\r\n<pre class=\"example\">\r\n<h2>PICTURE ELEMENT CODE EXAMPLE - BEANBOOZLED / FIERY FIVE</h2>\r\n&lt;picture&gt;\r\n&lt;!-- WebP --&gt;\r\n\t&lt;source srcset=&quot;https://cdn-tp1.mozu.com/9046-m1/cms/files/3c71f48a-7fd9-4708-9511-fa23edb47580 1430w&quot; media=&quot;(min-width: 1344px)&quot; type=&quot;image/webp&quot;&gt; \r\n\t&lt;source srcset=&quot;https://cdn-tp1.mozu.com/9046-m1/cms/files/3c71f48a-7fd9-4708-9511-fa23edb47580?maxWidth=1000 1430w&quot; media=&quot;(min-width: 768px)&quot; type=&quot;image/webp&quot;&gt; \r\n\t&lt;source srcset=&quot;https://cdn-tp1.mozu.com/9046-m1/cms/files/7ecdfcbc-3e08-4e80-b53d-8f545d0c8925 750w&quot; media=&quot;(min-width: 400px)&quot; type=&quot;image/webp&quot;&gt;\r\n\t&lt;source srcset=&quot;https://cdn-tp1.mozu.com/9046-m1/cms/files/7ecdfcbc-3e08-4e80-b53d-8f545d0c8925?maxWidth=375 375w&quot; media=&quot;(min-width: 400px)&quot; type=&quot;image/webp&quot;&gt;\r\n&lt;!-- JPG if no WebP --&gt;\r\n\t&lt;source srcset=&quot;https://cdn-tp1.mozu.com/9046-m1/cms/files/cc492a97-320c-4f8c-bd70-8bb837b8794b 1430w&quot; media=&quot;(min-width: 1344px)&quot; type=&quot;image/jpeg&quot;&gt; \r\n\t&lt;source srcset=&quot;https://cdn-tp1.mozu.com/9046-m1/cms/files/cc492a97-320c-4f8c-bd70-8bb837b8794b?maxWidth=1000 1430w&quot; media=&quot;(min-width: 768px)&quot; type=&quot;image/jpeg&quot;&gt; \r\n\t&lt;source srcset=&quot;https://cdn-tp1.mozu.com/9046-m1/cms/files/c47982ea-8be5-4b22-8fd9-ebfa95f1acda 750w&quot; media=&quot;(max-width: 400px)&quot; type=&quot;image/jpeg&quot;&gt;\r\n\t&lt;source srcset=&quot;https://cdn-tp1.mozu.com/9046-m1/cms/files/c47982ea-8be5-4b22-8fd9-ebfa95f1acda?maxWidth=375 375w&quot; media=&quot;(max-width: 400px)&quot; type=&quot;image/jpeg&quot;&gt;\r\n&lt;!-- if no &lt;picture&gt; Fallback --&gt;\r\n\t&lt;img src=&quot;https://cdn-tp1.mozu.com/9046-m1/cms/files/cc492a97-320c-4f8c-bd70-8bb837b8794b?maxWidth=1280&quot; alt=&quot;beanboozled logo plus face of young person in the background&quot; class=&quot;fallback&quot; &gt;\r\n&lt;/picture&gt;\r\n</pre>\r\n\t\r\n{% endif %}\r\n\r\n\r\n<div class=\"challenge-home-section\">\r\n\t<div class=\"challengeLeftSection\">\r\n\r\n\t\t<picture>\r\n\t\t<!-- WebP -->\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/3c71f48a-7fd9-4708-9511-fa23edb47580?maxWidth=800 800w\" media=\"(min-width: 1344px)\" type=\"image/webp\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/3c71f48a-7fd9-4708-9511-fa23edb47580?maxWidth=500 500w\" media=\"(min-width: 768px)\" type=\"image/webp\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/7ecdfcbc-3e08-4e80-b53d-8f545d0c8925?maxWidth=300 300w\" media=\"(min-width: 400px)\" type=\"image/webp\">\r\n\t\t<!-- JPG if no WebP -->\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/cc492a97-320c-4f8c-bd70-8bb837b8794b?maxWidth=800 800w\" media=\"(min-width: 1344px)\" type=\"image/jpeg\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/cc492a97-320c-4f8c-bd70-8bb837b8794b?maxWidth=500 500w\" media=\"(min-width: 768px)\" type=\"image/jpeg\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/c47982ea-8be5-4b22-8fd9-ebfa95f1acda?maxWidth=300 300w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\r\n\t\t<!-- if no <picture> Fallback -->\r\n\t\t\t<img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/cc492a97-320c-4f8c-bd70-8bb837b8794b?maxWidth=800\" loading=\"lazy\" alt=\"\" class=\"fallback new-lazy-load\" >\r\n\t\t</picture>\r\n\r\n\r\n\t\t<h2>ARE YOU BRAVE ENOUGH?</h2>\r\n\t\t<p> BeanBoozled pairs two jelly beans that look alike but could not taste more different. Take the challenge with friends and family.</p>\r\n\t\t<a  class=\"whitebtn-beanboolzed\" href=\"/beanboozled-/c/341\">LEARN MORE</a>\r\n\t</div>\r\n\t<div class=\"challengeRightSection\">\r\n\r\n\t\t<picture>\r\n\t\t<!-- WebP -->\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/6827573d-ec07-4e33-a17d-963159e21b3e?maxWidth=800 800w\" media=\"(min-width: 1344px)\" type=\"image/webp\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/6827573d-ec07-4e33-a17d-963159e21b3e?maxWidth=500 500w\" media=\"(min-width: 768px)\" type=\"image/webp\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/4cf5a744-5a31-4ad7-94de-804000ccc255?maxWidth=300 300w\" media=\"(min-width: 400px)\" type=\"image/webp\">\r\n\t\t<!-- JPG if no WebP -->\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/65fdf6af-f49b-43f5-a4c3-4a054129a27c 800w\" media=\"(min-width: 1344px)\" type=\"image/jpeg\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/65fdf6af-f49b-43f5-a4c3-4a054129a27c?maxWidth=500 500w\" media=\"(min-width: 768px)\" type=\"image/jpeg\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/87b80be7-2ee7-4519-88a4-a04866877a14?maxWidth=300 300w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\r\n\t\t<!-- if no <picture> Fallback -->\r\n\t\t\t<img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/65fdf6af-f49b-43f5-a4c3-4a054129a27c?maxWidth=800\" loading=\"lazy\" alt=\"\" class=\"fallback new-lazy-load\" >\r\n\t\t</picture>\r\n\r\n\r\n\t\t<h2>HOW HOT CAN YOU HANDLE?</h2>\r\n\t\t<p>We dare you to take the Fiery Five challenge! But be careful - this mix is hot!</p>\r\n\t\t<a  class=\"whitebtn-beanboolzed-FieryFive\" href=\"/beanboozled-fiery-five/c/513\">LEARN MORE</a>\r\n\t</div>\r\n\r\n</div>\r\n<!-- Challenge Section End-->\r\n\r\n<!-- Herry Portor Section Strat-->\r\n<div class=\"harryportor-home-section\">\r\n\r\n\t\t<picture>\r\n\t\t<!-- WebP -->\r\n\t\t\t<source srcset=\"https://cdn.builder.io/api/v1/image/assets%2F01cc5393782b4b808e815e94071aac38%2F1306acef9c0c4652b1e07c56f6437304??quality=85&width=1920&format=webp 1920w\" media=\"(min-width: 1344px)\" type=\"image/webp\">\r\n\t\t\t<source srcset=\"https://cdn.builder.io/api/v1/image/assets%2F01cc5393782b4b808e815e94071aac38%2F1306acef9c0c4652b1e07c56f6437304??quality=85&width=1280&format=webp 1280w\" media=\"(min-width: 768px)\" type=\"image/webp\">\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/2f797061-f73c-4818-889c-7e46e93e6f40 750w\" media=\"(min-width: 400px)\" type=\"image/webp\">\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/2f797061-f73c-4818-889c-7e46e93e6f40?maxWidth=375 375w\" media=\"(min-width: 400px)\" type=\"image/webp\">\r\n\t\t<!-- JPG if no WebP -->\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/9ebdf2b4-a34a-4cdc-804d-23291e68c1fd 1920w\" media=\"(min-width: 1344px)\" type=\"image/jpeg\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/9ebdf2b4-a34a-4cdc-804d-23291e68c1fd?maxWidth=1280 1280w\" media=\"(min-width: 768px)\" type=\"image/jpeg\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/d34f191d-f8ce-41bf-acf8-62cd38a813a6 750w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/d34f191d-f8ce-41bf-acf8-62cd38a813a6?maxWidth=375 375w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\r\n\t\t<!-- if no <picture> Fallback -->\r\n\t\t\t<img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/9ebdf2b4-a34a-4cdc-804d-23291e68c1fd?maxWidth=1280\" loading=\"lazy\" alt=\"Wizarding World Harry Potter\" class=\"fallback new-lazy-load\" >\r\n\t\t</picture>\r\n\r\n\t<h2>DELICIOUSLY <br> ENCHANTING</h2>\r\n\t<p>Shop our collection of chocolates and confections inspired by Harry Potter™. </p>\r\n\t<a  class=\"whitebtn\" href=\"/harry-potter-bertie-bott-s/c/344\">Explore the Harry Potter™ line</a>\r\n</div>\r\n<!-- Herry Portor Section End-->\r\n\r\n\r\n<!-- confection Section Strat-->\r\n<div class=\"gourmet-candy-home-section\">\r\n\r\n\t<picture>\r\n\t\t<!-- WebP -->\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/3082724b-64ee-49c6-93ea-7f9281135a31?maxWidth=1920 1920w\" media=\"(min-width: 1344px)\" type=\"image/webp\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/3082724b-64ee-49c6-93ea-7f9281135a31?maxWidth=1280 1280w\" media=\"(min-width: 768px)\" type=\"image/webp\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/3a1c7fff-dde3-4a82-a188-9892660c80b3 750w\" media=\"(min-width: 400px)\" type=\"image/webp\">\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/3a1c7fff-dde3-4a82-a188-9892660c80b3?maxWidth=375 375w\" media=\"(min-width: 400px)\" type=\"image/webp\">\r\n\t\t<!-- JPG if no WebP -->\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/87179506-e57f-4d91-b2af-e0f09582a032 1920w\" media=\"(min-width: 1344px)\" type=\"image/jpeg\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/87179506-e57f-4d91-b2af-e0f09582a032?maxWidth=1280 1280w\" media=\"(min-width: 768px)\" type=\"image/jpeg\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/3a1c7fff-dde3-4a82-a188-9892660c80b3 750w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/3a1c7fff-dde3-4a82-a188-9892660c80b3?maxWidth=375 375w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\r\n\t\t<!-- if no <picture> Fallback -->\r\n\t\t\t<img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/87179506-e57f-4d91-b2af-e0f09582a032?maxWidth=1280\" loading=\"lazy\" alt=\"\" class=\"fallback new-lazy-load\" >\r\n\t</picture>\r\n\r\n\t<h2>GOURMET CONFECTIONS</h2>\r\n\t<p> From candy corn to gummi bears, explore Jelly Belly’s extensive line of confections. </p>\r\n\t<a  class=\"whitebtn\" href=\"/confections-by-jelly-belly/c/339\">Shop Confections</a>\r\n</div>\r\n<!-- confection Section End-->\r\n\r\n\r\n\r\n<!-- factory-Section Strat-->\r\n<div class=\"factory-tour-home-section\">\r\n\r\n\t<picture>\r\n\t\t<!-- WebP -->\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/78827352-da13-43ea-aa76-e52ddf8fbc8f?maxWidth=1920 1920w\" media=\"(min-width: 1344px)\" type=\"image/webp\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/78827352-da13-43ea-aa76-e52ddf8fbc8f?maxWidth=1280 1280w\" media=\"(min-width: 768px)\" type=\"image/webp\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/b2497c86-dc5a-4849-a6cf-f646fcbe3ac5 750w\" media=\"(min-width: 400px)\" type=\"image/webp\">\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/b2497c86-dc5a-4849-a6cf-f646fcbe3ac5?maxWidth=375 375w\" media=\"(min-width: 400px)\" type=\"image/webp\">\r\n\t\t<!-- JPG if no WebP -->\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/e23afbea-3ab6-4102-a152-2994517ef987 1920w\" media=\"(min-width: 1344px)\" type=\"image/jpeg\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/e23afbea-3ab6-4102-a152-2994517ef987?maxWidth=1280 1280w\" media=\"(min-width: 768px)\" type=\"image/jpeg\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/0d82694f-f237-4cf6-84d6-c739e30a9df8 750w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/0d82694f-f237-4cf6-84d6-c739e30a9df8?maxWidth=375 375w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\r\n\t\t<!-- if no <picture> Fallback -->\r\n\t\t\t<img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/e23afbea-3ab6-4102-a152-2994517ef987?maxWidth=1280\" loading=\"lazy\" alt=\"\" class=\"fallback new-lazy-load\" >\r\n\t</picture>\r\n\r\n\t<h2>Jelly Belly <br>Factory <br>Tour</h2>\r\n\t<a  class=\"whitebtn\" href=\"/california-factory-tours\">Visit Us</a>\r\n</div>\r\n<!-- factory Section End-->\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css\"\r\n/>\r\n<style>\r\n.swiper {\r\n  width: 94vw;\r\n  height: 70vh;\r\n  flex-direction: row;\r\n}\r\n\r\n.swiper-wrapper.product-cards-and-right-picture {\r\n  gap: unset;\r\n}\r\n\r\n.swiper-button-next,\r\n.swiper-button-prev {\r\n  color: #2a3756;\r\n}\r\n\r\n.swiper-button-prev {\r\n  left: 0;\r\n  padding: 0;\r\n}\r\n\r\n.swiper-button-next {\r\n  right: 0;\r\n  padding: 0;\r\n}\r\n\r\n.swiper-button-next:focus,\r\n.swiper-button-prev:focus {\r\n  position: absolute;\r\n  z-index: 1000;\r\n}\r\n</style>\r\n\r\n<section id=\"seasonal\" aria-busy=\"true\">\r\n</section>\r\n\r\n{% comment %}\r\n{% set_var seasonText=\"Holiday / Christmas\" %}\r\n<!-- Easter and Spring Gifts Start-->\r\n<section id=\"seasonal\">\r\n  <h2>{{seasonText}} Top-Sellers</h2>\r\n  {% if pageContext.isMobile %}\r\n  <div class=\"product-hero\">\r\n    <picture>\r\n      <!-- WebP -->\r\n      <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/a737109b-5bd1-442c-9480-a759f81ae9ef 1400w\" media=\"(min-width: 2560px)\" type=\"image/webp\">\r\n      <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/a737109b-5bd1-442c-9480-a759f81ae9ef?maxWidth=1000 1000w\" media=\"(min-width: 1920px)\" type=\"image/webp\">\r\n      <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/a737109b-5bd1-442c-9480-a759f81ae9ef?maxWidth=600 600w\" media=\"(min-width: 720px)\" type=\"image/webp\">\r\n      <!-- JPG if no WebP -->\r\n      <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/ce998838-dd26-4a47-8727-a3ee928bfa23 1400w\" media=\"(min-width: 2560px)\" type=\"image/jpeg\">\r\n      <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/ce998838-dd26-4a47-8727-a3ee928bfa23?maxWidth=1000 1000w\" media=\"(min-width: 1920px)\" type=\"image/jpeg\">\r\n      <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/ce998838-dd26-4a47-8727-a3ee928bfa23?maxWidth=600 600w\" media=\"(max-width: 720px)\" type=\"image/jpeg\">\r\n      <!-- if no <picture> Fallback -->\r\n      <img class=\"fallback chewy-candy new-lazy-load\" loading=\"lazy\" src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/ce998838-dd26-4a47-8727-a3ee928bfa23?maxWidth=1000\" alt=\"Woman in aqua colored bikini laying on a round float in a pool of berry blue jelly belly jelly beans.\" style=\"object-fit:cover;\" width=\"564\" height=\"700\">\r\n    </picture>\r\n  </div>\r\n  {% endif %}  \r\n  <div class=\"{% if pageContext.isMobile %}swiper{% endif %}\">  \r\n    {% if pageContext.isMobile %}\r\n    <button class=\"swiper-button-prev isMobile\"></button>\r\n    {% endif %}\r\n    <ul class=\"{% if pageContext.isMobile %}swiper-wrapper{% endif %} product-cards-and-right-picture\">\r\n      <li class=\"{% if pageContext.isMobile %}swiper-slide{% endif %} product-item-1\" role=\"group\" aria-label=\"product\">\r\n        <div class=\"product-card\">\r\n          <img class=\"product-image\" src=\"https://cdn-tp1.mozu.com/9046-11441/cms/11441/files/3c52218e-66dd-4d02-910a-aea56e60d10c?max=650?max=650\" loading=\"lazy\" alt=\"\">\r\n          <h3>Jelly Belly 40-Flavor Christmas Gift Box</h3>\r\n          <div class=\"product-2-col-buttons\">\r\n            <button class=\"findastorebutton product-panel-button\" data-mz-prodname=\"Jelly Belly 40-Flavor Christmas Gift Box\" data-mz-image=\"https://cdn-tp1.mozu.com/9046-11441/cms/11441/files/3c52218e-66dd-4d02-910a-aea56e60d10c?max=650?max=650\" data-mz-prdcode=\"94869\" data-jb-price=\"$14.62\">\r\n              Find Locally\r\n            </button>\r\n            <a class=\"product-panel-button\" href=\"/p/94869\">Buy Now</a>\r\n          </div>\r\n        </div>\r\n      </li>\r\n      <li class=\"{% if pageContext.isMobile %}swiper-slide{% endif %} product-item-2\" role=\"group\" aria-label=\"product\">\r\n        <div class=\"product-card\">\r\n          <img class=\"product-image\" src=\"https://cdn-tp1.mozu.com/9046-11441/cms/11441/files/836bb01e-48ef-4654-93aa-ca211fe155d2?max=650\" loading=\"lazy\" alt=\"\">\r\n          <h3>Jelly Belly Jewel Christmas Mix - 3.5 oz bag</h3>\r\n          <div class=\"product-2-col-buttons\">\r\n            <button class=\"findastorebutton product-panel-button\" data-mz-prodname=\"Jelly Belly Jewel Christmas Mix - 3.5 oz bag\" data-mz-image=\"https://cdn-tp1.mozu.com/9046-11441/cms/11441/files/836bb01e-48ef-4654-93aa-ca211fe155d2?max=650\" data-mz-prdcode=\"96146\" data-jb-price=\"$2.99\">\r\n              Find Locally\r\n            </button>\r\n            <a class=\"product-panel-button\" href=\"/p/96146\">Buy Now</a>\r\n          </div>\r\n        </div>\r\n      </li>\r\n      <li class=\"{% if pageContext.isMobile %}swiper-slide{% endif %} product-item-3\" role=\"group\" aria-label=\"product\">\r\n        <div class=\"product-card\">\r\n          <img class=\"product-image\" src=\"https://cdn-tp1.mozu.com/9046-11441/cms/11441/files/ba2aaf40-8cca-4a6d-9605-327fec24e653?max=650\" loading=\"lazy\" alt=\"\">\r\n          <h3>Candy Cane Jelly Belly - 7.5 oz Gift Bag</h3>\r\n          <div class=\"product-2-col-buttons\">\r\n            <button class=\"findastorebutton product-panel-button\" data-mz-prodname=\"Candy Cane Jelly Belly - 7.5 oz Gift Bag\" data-mz-image=\"https://cdn-tp1.mozu.com/9046-11441/cms/11441/files/ba2aaf40-8cca-4a6d-9605-327fec24e653?max=650\" data-mz-prdcode=\"96832\" data-jb-price=\"$6.74\">\r\n              Find Locally\r\n            </button>\r\n            <a class=\"product-panel-button\" href=\"/p/96832\">Buy Now</a>\r\n          </div>\r\n        </div>\r\n      </li>\r\n      <li class=\"{% if pageContext.isMobile %}swiper-slide{% endif %} product-item-4\" role=\"group\" aria-label=\"product\">\r\n        <div class=\"product-card\">\r\n          <img class=\"product-image\" src=\"https://cdn-tp1.mozu.com/9046-11441/cms/11441/files/5feb3d2f-c0a8-4343-8c5a-0db626e46ecf?max=650\" loading=\"lazy\" alt=\"\">\r\n          <h3>6.7 oz. Harry Potter™ Trivia Advent Calendar</h3>\r\n          <div class=\"product-2-col-buttons\">\r\n            <button class=\"findastorebutton product-panel-button\" data-mz-prodname=\"6.7 oz. Harry Potter™ Trivia Advent Calendar\" data-mz-image=\"https://cdn-tp1.mozu.com/9046-11441/cms/11441/files/5feb3d2f-c0a8-4343-8c5a-0db626e46ecf?max=650\" data-mz-prdcode=\"94694\" data-jb-price=\"$19.99\">\r\n              Find Locally\r\n            </button>\r\n            <a class=\"product-panel-button\" href=\"/p/94694\">Buy Now</a>\r\n          </div>\r\n        </div>\r\n      </li>\r\n      {% if not pageContext.isMobile %}\r\n      <li class=\"product-hero\">\r\n        <picture>\r\n          <!-- WebP -->\r\n          <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/a737109b-5bd1-442c-9480-a759f81ae9ef 1400w\" media=\"(min-width: 2560px)\" type=\"image/webp\">\r\n          <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/a737109b-5bd1-442c-9480-a759f81ae9ef?maxWidth=1000 1000w\" media=\"(min-width: 1920px)\" type=\"image/webp\">\r\n          <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/a737109b-5bd1-442c-9480-a759f81ae9ef?maxWidth=600 600w\" media=\"(min-width: 720px)\" type=\"image/webp\">\r\n          <!-- JPG if no WebP -->\r\n          <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/ce998838-dd26-4a47-8727-a3ee928bfa23 1400w\" media=\"(min-width: 2560px)\" type=\"image/jpeg\">\r\n          <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/ce998838-dd26-4a47-8727-a3ee928bfa23?maxWidth=1000 1000w\" media=\"(min-width: 1920px)\" type=\"image/jpeg\">\r\n          <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/ce998838-dd26-4a47-8727-a3ee928bfa23?maxWidth=600 600w\" media=\"(max-width: 720px)\" type=\"image/jpeg\">\r\n          <!-- if no <picture> Fallback -->\r\n          <img class=\"fallback chewy-candy new-lazy-load\" loading=\"lazy\" src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/ce998838-dd26-4a47-8727-a3ee928bfa23?maxWidth=1000\" alt=\"Man and woman decorating a christmas tree with Jelly Belly ornaments.\" style=\"object-fit:cover;\" width=\"564\" height=\"700\">\r\n        </picture>\r\n      </li>\r\n      {% endif %}\r\n      <li class=\"{% if pageContext.isMobile %}swiper-slide{% endif %} product-item-5\" role=\"group\" aria-label=\"product\">\r\n        <div class=\"product-card\">\r\n          <img class=\"product-image\" src=\"https://cdn-tp1.mozu.com/9046-11441/cms/11441/files/4e330616-5af8-432f-9c90-3be07660b52a?max=650\" loading=\"lazy\" alt=\"\">\r\n          <h3>Jelly Belly Christmas Mix - 1 oz. bags - 3-Count Pack</h3>\r\n          <div class=\"product-2-col-buttons\">\r\n            <button class=\"findastorebutton product-panel-button\" data-mz-prodname=\"Jelly Belly Christmas Mix - 1 oz. bags - 3-Count Pack\" data-mz-image=\"https://cdn-tp1.mozu.com/9046-11441/cms/11441/files/4e330616-5af8-432f-9c90-3be07660b52a?max=650\" data-mz-prdcode=\"V92526-3PK\" data-jb-price=\"$3.37\">\r\n              Find Locally\r\n            </button>\r\n            <a class=\"product-panel-button\" href=\"/p/V92526-3PK\">Buy Now</a>\r\n          </div>\r\n        </div>\r\n      </li>\r\n      <li class=\"{% if pageContext.isMobile %}swiper-slide{% endif %} product-item-6\" role=\"group\" aria-label=\"product\">\r\n        <div class=\"product-card\">\r\n          <img class=\"product-image\" src=\"https://cdn-tp1.mozu.com/9046-13960/cms/13960/files/5c4abd6f-cc0a-4577-a4ee-e6b46c993056?max=650\" loading=\"lazy\" alt=\"\">\r\n          <h3>Jelly Belly Snowman Mix 5.5 oz Pouch Bag - 5.5 oz Pouch Bag</h3>\r\n          <div class=\"product-2-col-buttons\">\r\n            <button class=\"findastorebutton product-panel-button\" data-mz-prodname=\"Jelly Belly Snowman Mix 5.5 oz Pouch Bag - 5.5 oz Pouch Bag\" data-mz-image=\"https://cdn-tp1.mozu.com/9046-13960/cms/13960/files/5c4abd6f-cc0a-4577-a4ee-e6b46c993056?max=650\" data-mz-prdcode=\"93786\" data-jb-price=\"$4.87\">\r\n              Find Locally\r\n            </button>\r\n            <a class=\"product-panel-button\" href=\"/p/93786\">Buy Now</a>\r\n          </div>\r\n        </div>\r\n      </li>\r\n      <li class=\"{% if pageContext.isMobile %}swiper-slide{% endif %} product-item-7\" role=\"group\" aria-label=\"product\">\r\n        <div class=\"product-card\">\r\n          <img class=\"product-image\" src=\"https://cdn-tp1.mozu.com/9046-11441/cms/11441/files/3b99e409-5407-4a37-b538-1b962e70dced?max=650\" loading=\"lazy\" alt=\"\">\r\n          <h3>Jelly Belly 5-Flavor NOEL Clear Gift Box - 4 oz</h3>\r\n          <div class=\"product-2-col-buttons\">\r\n            <button class=\"findastorebutton product-panel-button\" data-mz-prodname=\"Jelly Belly 5-Flavor NOEL Clear Gift Box - 4 oz\" data-mz-image=\"https://cdn-tp1.mozu.com/9046-11441/cms/11441/files/3b99e409-5407-4a37-b538-1b962e70dced?max=650\" data-mz-prdcode=\"94881\" data-jb-price=\"$5.99\">\r\n              Find Locally\r\n            </button>\r\n            <a class=\"product-panel-button\" href=\"/p/94881\">Buy Now</a>\r\n          </div>\r\n        </div>\r\n      </li>\r\n      <li class=\"{% if pageContext.isMobile %}swiper-slide{% endif %} product-item-8\" role=\"group\" aria-label=\"product\">\r\n        <div class=\"product-card\">\r\n          <img class=\"product-image\" src=\"https://cdn-tp1.mozu.com/9046-11441/cms/11441/files/79c0ddcc-5b9c-4da2-be29-a3f261f70caa?max=650\" loading=\"lazy\" alt=\"\">\r\n          <h3>Holiday Favorites Jelly Bean 4.25 oz Gift Box</h3>\r\n          <div class=\"product-2-col-buttons\">\r\n            <button class=\"findastorebutton product-panel-button\" data-mz-prodname=\"Holiday Favorites Jelly Bean 4.25 oz Gift Box\" data-mz-image=\"https://cdn-tp1.mozu.com/9046-11441/cms/11441/files/79c0ddcc-5b9c-4da2-be29-a3f261f70caa?max=650\" data-mz-prdcode=\"96800\" data-jb-price=\"$6.74\">\r\n              Find Locally\r\n            </button>\r\n            <a class=\"product-panel-button\" href=\"/p/96800\">Buy Now</a>\r\n          </div>\r\n        </div>\r\n      </li>\r\n    </ul>\r\n    {% if pageContext.isMobile %}\r\n    <button class=\"swiper-button-next isMobile\"></button>\r\n    {% endif %}\r\n  </div>\r\n  {% endcomment %}\r\n  <style>\r\n    @media only screen and (min-width: 1100px) and (max-width: 1400px) {\r\n      #shop-view-scroll.centered-button a {\r\n        width: 50%;\r\n      }\r\n    }\r\n    @media only screen and (min-width: 992px) and (max-width: 1099px) {\r\n      #shop-view-scroll.centered-button a {\r\n        width: 60%;\r\n      }\r\n    }\r\n    @media only screen and (min-width: 768px) and (max-width: 991px) {\r\n      #shop-view-scroll.centered-button a {\r\n        width: 70%;\r\n      }\r\n    }\r\n    @media only screen and (max-width: 767px) {\r\n      #shop-view-scroll.centered-button a {\r\n        width: auto;\r\n        height: auto;\r\n      }\r\n    }\r\n  </style>\r\n{% comment %}\r\n  <div class=\"centered-button\" id=\"shop-view-scroll\" style=\"margin-top: 11px!important; height: unset!important; width: unset!important;\">\r\n    <a href=\"/christmas-and-holiday-candy/c/{{categoryIds.christmas}}\" title=\"\">\r\n      View All {{seasonText}} Top-Seller Items\r\n    </a>\r\n  </div>\r\n</section>\r\n{% endcomment %}\r\n  <!-- Easter and Spring Gifts End -->\r\n\r\n\r\n{% comment %}\r\n<h2 id=\"recipe-header\">Try Our Recipes!</h2>\r\n<div class=\"recipe-randomizer\"></div>\r\n{% endcomment %}\r\n<!--Starts: gift with purchase section-->\r\n  {% comment %}\r\n  <div class=\"giftWithPurchase\">\r\n\t\t<picture>\r\n\t\t\t<!-- WebP -->\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/6b6cc7d9-8267-49f1-9fde-447b5d6ba724?maxWidth=1920 1920w\" media=\"(min-width: 1344px)\" type=\"image/webp\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/6b6cc7d9-8267-49f1-9fde-447b5d6ba724?maxWidth=1280 1280w\" media=\"(min-width: 768px)\" type=\"image/webp\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/fd7c4f8a-312a-455f-ae23-2876043c9a29 750w\" media=\"(min-width: 400px)\" type=\"image/webp\">\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/fd7c4f8a-312a-455f-ae23-2876043c9a29?maxWidth=375 375w\" media=\"(min-width: 400px)\" type=\"image/webp\">\r\n\t\t<!-- JPG if no WebP -->\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/6b6cc7d9-8267-49f1-9fde-447b5d6ba724 1920w\" media=\"(min-width: 1344px)\" type=\"image/jpeg\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/6b6cc7d9-8267-49f1-9fde-447b5d6ba724?maxWidth=1280 1280w\" media=\"(min-width: 768px)\" type=\"image/jpeg\"> \r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/fd7c4f8a-312a-455f-ae23-2876043c9a29 750w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\r\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/fd7c4f8a-312a-455f-ae23-2876043c9a29?maxWidth=375 375w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\r\n\t\t<!-- if no <picture> Fallback -->\r\n\t\t\t<img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/6b6cc7d9-8267-49f1-9fde-447b5d6ba724?maxWidth=1280\" loading=\"lazy\" alt=\"\" class=\"fallback\">\r\n\t\t</picture>\r\n\r\n\r\n\t\t<h2>FREE $10 Gift with Orders over $40!</h2>\r\n\t\t<a href=\"/ordering-information#Gift\">Gift With Purchase Information</a>\r\n  </div>\r\n  {% endcomment %}\r\n\r\n  <!-- builder.io -->\r\n  <builder-component model=\"section-gift-with-purchase\" api-key=\"01cc5393782b4b808e815e94071aac38\"></builder-component>\r\n  <script async src=\"https://cdn.builder.io/js/webcomponents\"></script>\r\n\r\n<!--Ends: gift with purchase section-->\r\n\r\n<!-- Start: Offers banner with two different section -->\r\n<div class=\"jb-socialize\">\r\n    <div>\r\n        <div class=\"jb-socialize\">\r\n\t         <div id=\"jb-factory-outlet-sale-section\">\r\n\t\t\t\t<ul>\r\n\t\t\t\t\t<li>\r\n\t\t\t\t\t<div class=\"footer-lookup factory-outlet\">\r\n\t\t\t\t\t\t<h2 class=\"evrgreen-label-top\">FACTORY OUTLET</h2>\r\n\t\t\t\t\t\t<span class=\"evrgreen-label-bottom\">Deals on Overstocked Items</span>\r\n\t\t\t\t\t\t<a href=\"/jelly-belly-bargain-outlet/c/5\">SHOP NOW</a>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t</li>\r\n\t\t\t\t\t<li>\r\n\t\t\t\t\t\t<div class=\"footer-lookup flash-sale\">\r\n\t\t\t\t\t\t\t<h2 class=\"evrgreen-label-top\">FLASH SALE</h2>\r\n\t\t\t\t\t\t\t<span class=\"evrgreen-label-bottom\">Limited-Time and Limited-Stock Offers</span>\r\n\t\t\t\t\t\t\t<a href=\"/flash-sale/c/846\">SHOP NOW</a>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</li>\r\n\t         \t</ul>\r\n\t\t\t</div>\r\n\t\t</div>\r\n    </div>\r\n\r\n</div>\r\n\t<!-- End: Offers banner with two different section -->\r\n    <!-- Start: Footer lookup section -->\r\n\r\n","modules/location/location-list":"<ul class=\"mz-locationlist\">\r\n    {% for location in model %}\r\n        <li>{% include \"modules/location/location-listing\" with model=location %}</li>\r\n    {% endfor %}\r\n</ul>","modules/location/location-list-for-product":"<ul class=\"mz-locationlist mz-locationlist-forproduct\">\r\n    {% for location in model %}\r\n        <li>{% include \"modules/location/location-listing-for-product\" with model=location %}</li>\r\n    {% endfor %}\r\n</ul>","modules/location/location-listing-for-product":"<div class=\"mz-locationlisting mz-locationlisting-forproduct {% if model.quantity == 0 %}is-disabled{% endif %}\">\r\n    <div class=\"mz-locationlisting-locationdetails\">\r\n        <h4 class=\"mz-locationlisting-name\">{{ model.name }}</h4>\r\n        <div class=\"mz-addresssummary\">\r\n            {% include \"modules/common/address-summary\" %}\r\n        </div>\r\n    </div>\r\n    <div class=\"mz-locationlisting-inventory\">\r\n        <p class=\"mz-locationlisting-inventorystatus\">\r\n            {% if model.quantity == 0 %}\r\n            {{ labels.outOfStock }}\r\n            {% else %}\r\n            {{ labels.availableNow }}\r\n            {% endif %}\r\n        </p>\r\n    </div>\r\n    {% if location.distance %}\r\n    <div class=\"mz-locationlisting-distance\">\r\n        {{ labels.milesAway|string_format(location.distance) }}\r\n    </div>\r\n    {% endif %}\r\n    <div class=\"mz-locationlisting-actions\">\r\n        <button class=\"mz-button\" {% if model.quantity == 0 %}disabled=\"disabled\"{% endif %} data-mz-action=\"addToCartForPickup\" data-mz-location=\"{{ model.code }}\">{{ labels.addToCart }}</button>\r\n    </div>\r\n</div>","modules/location/location-listing":"<div class=\"mz-locationlisting\">\r\n    <div class=\"mz-locationlisting-locationdetails\">\r\n        <h4 class=\"mz-locationlisting-name\">{{ model.name }}</h4>\r\n        <div class=\"mz-addresssummary\">\r\n            {% include \"modules/common/address-summary\" %}\r\n        </div>\r\n    </div>\r\n    {% if location.distance %}\r\n    <div class=\"mz-locationlisting-distance\">\r\n        {{ labels.milesAway|string_format(location.distance) }}\r\n    </div>\r\n    {% endif %}\r\n</div>","modules/location/location-search":"<h4 class=\"mz-l-stack-sectiontitle\">{{ labels.storePickup }}</h4>\r\n<div class=\"mz-locationsearch-list mz-l-paginatedlist\">\r\n    {% if model.items and model.items.length > 0 %}\r\n    {% if model.positionError %}\r\n    <p class=\"mz-locationsearch-positionerror is-warning\">{{ model.positionError }}</p>\r\n    {% endif %}\r\n    <div class=\"mz-l-paginatedlist-list\">\r\n      {% include \"modules/location/location-list-for-product\" with model=model.items %}\r\n    </div>\r\n  {% else %}\r\n    {{ labels.noNearbyLocationsProd }}\r\n  {% endif %}\r\n</div>","modules/location/location-product-listing":"{% extends \"modules/product/product-listing\" %}\r\n\r\n{% block module-classes %} mz-productlisting-forlocation {% endblock module-classes %}\r\n\r\n{% block product-code %}\r\n<div class=\"mz-productlisting-productcode\">{{model.variationProductCode|default(model.productCode)}}</div>\r\n{% endblock product-code %}\r\n\r\n{% block product-extrainfo %}\r\n<dl class=\"mz-productlisting-description mz-propertylist\">\r\n    {% for option in model.options %}\r\n    <dt>{{ option.attributeDetail.name }}</dt>\r\n    <dd>{{ option.value }}</dd>\r\n    {% endfor %}\r\n    {% if model.measurements.packageWeight.value %}\r\n    <dt>{{ labels.packageWeight }}</dt>\r\n    <dd>{{ model.measurements.packageWeight.value }} {{model.measurements.packageWeight.unit }}</dd>\r\n    {% endif %}\r\n</dl>\r\n{% endblock product-extrainfo %}","modules/location/locations":"<div class=\"mz-locationsearch-list mz-l-paginatedlist\">\r\n    {% if model.items and model.items.length > 0 %}\r\n    {% if model.positionError %}\r\n    <p class=\"mz-locationsearch-positionerror is-warning\">{{ model.positionError }}</p>\r\n    {% endif %}\r\n    <div class=\"mz-l-paginatedlist-list\">\r\n      {% include \"modules/location/location-list\" with model=model.items %}\r\n    </div>\r\n  {% else %}\r\n   {{ labels.noNearbyLocations }}\r\n  {% endif %}\r\n</div>","modules/location/location":"<thead>\r\n    <tr>\r\n        <th>Stores</th>\r\n    </tr>\r\n</thead>\r\n\r\n<tbody>\r\n{% for location in model.items %}\r\n    <tr>\r\n        <td>\r\n            <div class=\"mz-loc-name\">{{location.name}}</div>\r\n            <div>{{location.address.address1}}</div>\r\n            <div>\r\n                {{location.address.cityOrTown}},\r\n                {{location.address.stateOrProvince}}\r\n            </div>\r\n            <a href=\"#\" data-mz-loc-code=\"{{location.code}}\">Store Details</a>\r\n        </td>\r\n    </tr>\r\n{% endfor %}\r\n</tbody>","modules/location/store-info":"<div class=\"mz-loc-dialog-cover\">\r\n\r\n    <div class=\"mz-loc-dialog\">\r\n\r\n        <h1>{{ labels.storeInformation }}</h1>\r\n\r\n        <div class=\"mz-loc-store-address\">\r\n            <div class=\"mz-loc-name\">\r\n                {{model.name}} (Store {{model.code}})\r\n            </div>\r\n            <div>{{model.address.address1}}</div>\r\n            <div>{{model.address.address2}}</div>\r\n            <div>{{model.address.address3}}</div>\r\n            <div>{{model.address.address4}}</div>\r\n            <div>\r\n                {{model.address.cityOrTown}}, {{model.address.stateOrProvince}}\r\n            </div>\r\n\r\n            {% if model.phone %}\r\n                <div>{{ labels.phone }}: {{model.phone}}\r\n            {% endif %}\r\n        </div>\r\n\r\n        <div class=\"mz-loc-store-hours\">\r\n            <div>Hours:</div>\r\n            <div>{{model.regularHours.monday.label}}</div>\r\n            <div>{{model.regularHours.tuesday.label}}</div>\r\n            <div>{{model.regularHours.wednesday.label}}</div>\r\n            <div>{{model.regularHours.thursday.label}}</div>\r\n            <div>{{model.regularHours.friday.label}}</div>\r\n            <div>{{model.regularHours.saturday.label}}</div>\r\n            <div>{{model.regularHours.sunday.label}}</div>\r\n        </div>\r\n    </div>\r\n</div>","modules/my-account/my-account-address-form":"{% extends \"modules/common/address-form\" %}\r\n{% block address-form %}\r\n    {% set addresscontext=\"editingContact.\" %}\r\n    {% if model.isShippingContact %}\r\n    {% set countries=pageContext.shippingCountries %} \r\n    {% endif %}\r\n    <li class=\"mz-accountaddressbook-contact mz-accountaddressbook-form\">\r\n    {% parent %}\r\n    <span class=\"required-label\">*Required field</span>\r\n<div class=\"mz-contacttypes\">\r\n        <div class=\"mz-l-formfieldgroup mz-l-formfieldgroup-norows mz-contacttype\" style=\"display:none;\">  \r\n            <label>   \r\n                <input type=\"checkbox\" isBillingContact data-mz-value=\"editingContact.isBillingContact\" value=\"true\" {% if model.isBillingContact  %} checked=\"checked\" {% endif %}> Make this my Default Billing Address\r\n            </label>\r\n            {% if model.isBillingContact %}     \r\n            <label class=\"mz-contacttype-isprimary\" style=\"display:none;\">  \r\n                <input type=\"checkbox\" isPrimaryBillingContact data-mz-value=\"editingContact.isPrimaryBillingContact\" value=\"true\" {% if model.isPrimaryBillingContact %} checked=\"checked\" {% endif %}> {{ labels.primary }}\r\n            </label>\r\n            {% endif %}\r\n        </div>\r\n        <div class=\"mz-l-formfieldgroup mz-l-formfieldgroup-norows mz-contacttype\">\r\n            <label class=\"checkbox-outer-label\">\r\n                <input class=\"checkbox-styled\" type=\"checkbox\" isShippingContact data-mz-value=\"editingContact.isShippingContact\" value=\"true\" {% if model.isShippingContact  %} checked=\"checked\" {% endif %}> Make this my Default Shipping Address\r\n                <span class=\"checkmark-style\"></span>\r\n            </label>\r\n            {% if model.isShippingContact %}\r\n            <label class=\"mz-contacttype-isprimary\" style=\"display:none;\">\r\n                <input type=\"checkbox\" isPrimaryShippingContact data-mz-value=\"editingContact.isPrimaryShippingContact\" value=\"true\" {% if model.isPrimaryShippingContact %} checked=\"checked\" {% endif %}> {{ labels.primary }}\r\n            </label>\r\n            {% endif %}\r\n        </div>\r\n    </div>\r\n    <div class=\"mz-contact-actions\">\r\n        <button class=\"mz-button mz-contact-save\" data-mz-action=\"finishEditContact\">{{ labels.save }}</button>\r\n        <button class=\"mz-button mz-contact-cancel\" data-mz-action=\"cancelEditContact\">{{ labels.cancel }}</button>\r\n    </div>\r\n    <div class=\"clearfix\"></div>  \r\n    </li>\r\n{% endblock address-form %}\r\n\r\n","modules/my-account/my-account-addressbook":"<div>\r\n<h3 class=\"mz-l-stack-sectiontitle mobileClickFunction\">{{ labels.addressBook }} </h3>\r\n{% if model.hasSavedContacts %}\r\n<a href=\"javascript:;\" class=\"add-new\" data-mz-action=\"beginAddContact\">{{ labels.addNewContact }}</a>\r\n{%endif%}\r\n</div>\r\n{% if model.hasSavedContacts %}\r\n    <ul class=\"mz-accountaddressbook-list\">\r\n      {% if editing.contact == \"new\" %}\r\n            <h4 class=\"mz-l-stack-subtitle\">ADD NEW ADDRESS</h4>\r\n            {% include \"modules/my-account/my-account-address-form\" with model=model.editingContact %}\r\n      {% else %}\r\n        {% if editing.contact %}\r\n            <li>\r\n                <h4 class=\"mz-l-stack-subtitle\">EDIT ADDRESS</h4>\r\n                {% for contact in model.contacts %}\r\n                    {% if editing.contact == contact.id %}\r\n                        {% include \"modules/my-account/my-account-address-form\" with model=model.editingContact %}\r\n                    {% endif %}\r\n                {% endfor %}\r\n            </li>\r\n        {% else %}\r\n        <li>\r\n        \r\n            <h4 class=\"mz-l-stack-subtitle\">MY SAVED ADDRESSES</h4>\r\n            <ul>\r\n            {% for contact in model.contacts %}\r\n                <li class=\"mz-accountaddressbook-contact\">\r\n                    <div class=\"mz-accountaddressbook-actions\">\r\n                        <a class=\"mz-accountaddressbook-edit\" href=\"javascript:;\" data-mz-action=\"beginEditContact\" data-mz-contact=\"{{ contact.id }}\" role=\"button\">{{ labels.edit }}</a>\r\n                        <a class=\"mz-accountaddressbook-delete\" href=\"javascript:;\" data-mz-action=\"beginDeleteContact\" data-mz-contact=\"{{ contact.id }}\" role=\"button\">{{ labels.delete }}</a>\r\n                    </div>\r\n                    <div class=\"clearfix\"></div>\r\n                    <div class=\"mz-accountaddressbook-contactdetails mz-addresssummary\" tabindex=\"0\" >\r\n                        {% include \"modules/common/address-summary\" with model=contact %}\r\n                        <span>{{ contact.email }}</span>\r\n                        {% for type in contact.types %}\r\n                            <span class=\"mz-accountaddressbook-contacttype\">\r\n                                 \r\n                                {% if type.isPrimary %}<strong>{{ type.name }}</strong> <em class=\"is-primary\">({{ labels.primary }})</em>{% endif %}\r\n                            </span>\r\n                        {% endfor %}\r\n                    </div>\r\n                </li>\r\n            {% endfor %}\r\n            </ul>\r\n        </li>\r\n        {% endif %}\r\n      {% endif %}\r\n</ul>\r\n{% else %}\r\n    {% if editing.contact == \"new\" %}\r\n        <h4 class=\"mz-l-stack-subtitle\">ADD NEW ADDRESS</h4>\r\n        {% include \"modules/my-account/my-account-address-form\" with model=model.editingContact %}\r\n    {% else %}\r\n        <div class=\"no-cards\">\r\n            <p class=\"mz-accountaddressbook-empty\">\r\n              {{ labels.noSavedContacts }} \r\n            </p>\r\n            <a href=\"javacript:;\" data-mz-action=\"beginAddContact\">{{ labels.addNewContact }}</a>\r\n        </div>\r\n    {% endif %}\r\n{% endif %}\r\n","modules/my-account/my-account-attributes":"<h3 class=\"mz-l-stack-sectiontitle\">Account Attributes</h3>\r\n","modules/my-account/my-account-contact-selector":"{% extends \"modules/common/contact-selector-radio\" %} \r\n{% block module-classes %} mz-l-tiles {% endblock module-classes %}\r\n{% block contact-selector %}\r\n{% set contactcontext=\"editingCard.\" %}\r\n{% set addresscontext=\"editingContact.\" %}\r\n{% parent %}\r\n{% endblock contact-selector %}","modules/my-account/my-account-credit-card-form":"{% extends \"modules/common/credit-card-form\" %}\r\n{% block credit-card-form %}\r\n    {% set cardcontext=\"editingCard.\" %}\r\n    <li class=\"mz-accountpaymentmethods-method mz-accountpaymentmethods-form\">\r\n        <div class=\"mz-l-formfieldgroup mz-creditcardform\">\r\n        {% parent %}\r\n           <div class=\"\">\r\n        <div class=\"mz-l-formfieldgroup-cell\"></div> \r\n        <div class=\"mz-l-formfieldgroup-cell mz-primary\">\r\n            <label for=\"editingcard-is-primary\" class=\"checkbox-outer-label isPrimary\">\r\n                <input type=\"checkbox\" class=\"checkbox-primary\" id=\"editingcard-is-primary\" {% if model.isDefaultPayMethod %}checked=\"true\"{% endif %} data-mz-value=\"{{ cardcontext }}isDefaultPayMethod\" />\r\n                {{ labels.primary }}\r\n                <span class=\"checkmark-style\"></span>\r\n            </label>\r\n        </div>\r\n    </div> \r\n            {% if model.hasSavedContacts %}\r\n                <div class=\"mz-l-formfieldgroup-row mz-creditcard-billingaddresses\">\r\n                    <div class=\"mz-l-formfieldgroup-cell\">\r\n                        <label>{{ labels.selectBillingAddress }} <span class=\"is-required\">*</span></label>\r\n                    </div>\r\n                    <div class=\"mz-l-formfieldgroup-cell\">\r\n                        {% include \"modules/my-account/my-account-contact-selector\" %}\r\n                    </div>\r\n                </div>\r\n            {% else %}\r\n                <div class=\"jb-myaccount-address-form\">\r\n                    {% include \"modules/common/address-form\" with addresscontext=\"editingContact.\" model=editingContact %}\r\n                </div>\r\n            {% endif %}\r\n        </div>\r\n        <div class=\"mz-creditcard-actions\">\r\n            <button class=\"mz-button mz-creditcard-save\" data-mz-action=\"finishEditCard\">{{ labels.save }}</button>\r\n            <button class=\"mz-button mz-creditcard-cancel\" data-mz-action=\"cancelEditCard\">{{ labels.cancel }}</button>\r\n        </div>\r\n    </li>\r\n{% endblock credit-card-form %}\r\n\r\n\r\n\r\n","modules/my-account/my-account-custom-loyalty-my-activity":"<table>\r\n\t<thead>\r\n\t\t<tr>\r\n\t\t\t<th>DATE</th>\r\n\t\t\t<th>ACTIVITY</th>\r\n\t\t\t<th>POINTS</th>\r\n\t\t</tr>\r\n\t</thead>\r\n\t<tbody>\r\n\t{% for eachtransaction in model.data.transactions %}\r\n\t\t<tr>\r\n\t\t<td>{{ eachtransaction.created_time|split(\" \")|first }}</td>\r\n\t\t{% if eachtransaction.transaction_type == \"redeem\" %}\r\n\t\t\t<td>\r\n\t\t\t\t{{ eachtransaction.redemption_name }}\r\n\t\t\t\t{% comment %}\r\n\t\t\t\t\t</br>Coupon Code: <strong>{{ eachtransaction.coupon_code }}</strong>\r\n\t\t\t\t{% endcomment %}\r\n\t\t\t</td>\r\n\t\t{% endif %}\r\n\t\t{% if eachtransaction.transaction_type == \"award\" %}\r\n\t\t\t<td>\r\n\t\t\t\t{{ eachtransaction.activity_name }}\r\n\t\t\t\t{% comment %}\r\n\t\t\t\t</br>\r\n\t\t\t\t{% if eachtransaction.order_id %}\r\n\t\t\t\t\tOrder Id: {{ eachtransaction.order_id }}\r\n\t\t\t\t{% endif %}\r\n\t\t\t\t{% endcomment %}\r\n\t\t\t</td>\r\n\t\t{% endif %}\r\n\t\t{% if eachtransaction.transaction_type == \"deducted\" %}\r\n\t\t\t<td>\r\n\t\t\t\t\r\n\t\t\t</td>\r\n\t\t{% endif %}\r\n\t\t{% if eachtransaction.points_status == \"redeemed\" %} \r\n\t\t\t<td><strong>{{ eachtransaction.points }}</strong> points redeemed</td>\r\n\t\t{% else %}\r\n\t\t\t<td><strong>{{ eachtransaction.points }}</strong> points earned</td>\r\n\t\t{% endif %}\r\n\t\t</tr>\r\n\t{% endfor %}\r\n\t</tbody>\r\n</table>\r\n{% if model.data.more %}\r\n\t<button class=\"loadmoreactivities\" dataStartIndex={{ model.data.next_start_index }} >Load More </button>\r\n{% endif %}\r\n{% comment %}\r\nPagination\r\n<nav aria-label=\"myactivity pagination\">\r\n\t<ul class=\"pagination\">\r\n\t\t<li class=\"page-item\">\r\n\t      \t<button  aria-label=\"Previous\" {% if model.data.currentIndex > 1 %}class=\"navPrev\" dataNavPageNum={{model.data.currentIndex|subtract(1)}} dataStartIndex={{ model.data.currentIndex|subtract(1)|multiply(10) }} {% else %}class=\"navPrev\" disabled{% endif %}>\r\n\t        \t<<\r\n\t      \t</button>\r\n\t    </li>\r\n\r\n\t  \t{% for customPagination in model.data.noofpagesArray %}\r\n\t  \t\t{% if forloop.index >= model.data.currentIndex && forloop.index <= model.data.currentIndex|add(4) %}\r\n\t  \t\t\t{% if forloop.index == 1 %} \r\n\t  \t\t\t\t<li class=\"page-item\"><button  dataNavPageNum={{forloop.index}} dataStartIndex={{ forloop.index }} {% if model.data.currentIndex == customPagination %}class=\"navPageNum active\" disabled{% endif %}>{{customPagination}}</button></li>\r\n\t  \t\t\t{% else %}\r\n\t  \t\t\t\t<li class=\"page-item\"><button dataNavPageNum={{customPagination}} dataStartIndex={{ forloop.index|subtract(1)|multiply(10) }} {% if model.data.currentIndex == customPagination %}class=\"navPageNum active\" disabled {% else %} class=\"navPageNum\" {% endif %} >{{customPagination}}</button></li>\r\n\t  \t\t\t{% endif %}\r\n\t  \t\t{% endif %}\r\n\t  \t{% endfor %}\r\n\t  \t\r\n\t\t<li class=\"page-item\">\r\n\t      \t<button aria-label=\"Next\" {% if model.data.more && model.data.currentIndex >= 1 %}class=\"navNext\"  dataNavPageNum={{model.data.currentIndex|add(1)}} dataStartIndex={{ model.data.currentIndex|add(1)|multiply(10) }} {% else %}class=\"navNext\"  disabled{% endif %}>\r\n\t       \t\t>>\r\n\t      \t</button>\r\n\t    </li>\r\n  \t</ul>\r\n</nav>\r\n{% endcomment %}","modules/my-account/my-account-loyalty-program":"<h3 class=\"mz-l-stack-sectiontitle\">SWEET REWARDS</h3>\r\n\r\n<div class=\"mz-loyalty-program\" title=\"Sweet Rewards Program\">\r\n\t<div title=\"Sweet Rewards Program\" id=\"zrl_embed_div\" style=\"width: 552px; height: 625px;\"></div>\r\n</div>\r\n","modules/my-account/my-account-password":"<h3 class=\"mz-l-stack-sectiontitle\">PASSWORD</h3>\r\n<div class=\"mz-accountsettings-password-container\">\r\n        {% if editing.password %}\r\n            \r\n              <label for=\"account-password-old\"><span aria-label=\"mandatory field\">*</span>{{ labels.oldPassword }}</label>\r\n              <input id=\"account-password-old\" class=\"mz-accountsettings-password\" type=\"password\" aria-describedby=\"err_1\" data-mz-value=\"oldPassword\" value=\"{{ model.oldPassword }}\" />\r\n              <div id=\"err_1\" tabindex=\"-1\"  class=\"mz-validationmessage\" data-mz-validationmessage-for=\"oldPassword\"></div>\r\n              <label for=\"account-password\"><span aria-label=\"mandatory field\">*</span>{{ labels.newPassword }}</label>\r\n              <input id=\"account-password\" class=\"mz-accountsettings-password\" type=\"password\" aria-describedby=\"err_2\" data-mz-value=\"password\" value=\"{{ model.password }}\" />\r\n              <div id=\"err_2\" tabindex=\"-1\"  class=\"mz-validationmessage\" data-mz-validationmessage-for=\"password\"></div>\r\n              <label for=\"account-confirmpassword\"><span aria-label=\"mandatory field\">*</span>{{ labels.confirmPassword }}</label>\r\n              <input id=\"account-confirmpassword\" class=\"mz-accountsettings-confirmpassword\" type=\"password\" aria-describedby=\"err_3\" data-mz-value=\"confirmPassword\" value=\"{{ model.confirmPassword }}\" />\r\n              <div id=\"err_3\" tabindex=\"-1\"  class=\"mz-validationmessage\" data-mz-validationmessage-for=\"confirmPassword\"></div>\r\n              <p class=\"required-label\">*Required field</p>\r\n              \r\n              <button class=\"mz-button mz-button-small mz-accountsettings-passworddone\" data-mz-action=\"finishEditPassword\">{{ labels.save }}</button>\r\n              <button class=\"mz-button mz-button-small mz-accountsettings-passwordcancel\" data-mz-action=\"cancelEditPassword\">{{ labels.cancel }}</button>\r\n            \r\n        {% else %}\r\n            <div class=\"edit\"><a href=\"javascript:\" role=\"button\" data-mz-action=\"startEditPassword\">{{ labels.changePassword }}</a></div>\r\n            <div id=\"err_4\" tabindex=\"-1\"  class=\"mz-validationmessage\" data-mz-validationmessage-for=\"passwordChanged\"></div>\r\n        {% endif %}\r\n</div>\r\n","modules/my-account/my-account-paymentmethod":"{% comment %}\r\n{% extends \"modules/common/payment-method\" %}\r\n{% block module-classes %}mz-paymentmethod-myaccount{% endblock %}\r\n{% block payment-method-actions %}\r\n    <a class=\"mz-paymentmethod-edit\" href=\"javascript:;\" data-mz-action=\"beginEditCard\" data-mz-card=\"{{ model.id }}\">{{ labels.edit }}</a>\r\n    <a class=\"mz-paymentmethod-delete\" href=\"javascript:;\" data-mz-action=\"beginDeleteCard\" data-mz-card=\"{{ model.id }}\">{{ labels.delete }}</a>\r\n{% endblock payment-method-actions %}\r\n{% endcomment %}\r\n\r\n\r\n<li class=\"jb-each-card\" tabindex=\"0\" >\r\n        <span class=\"cType\">Card Type :{{model.cardType}}</span>\r\n        <span class=\"cName\">Name on Card :{{model.nameOnCard}}</span>\r\n        <span class=\"cNum\">Card No :{{model.cardNumberPart}}</span>\r\n        <span class=\"cExp\">Expiry Date :{{model.expireMonth}}/{{model.expireYear}}</span>\r\n        <div class=\"edit-action\">\r\n            <a class=\"mz-paymentmethod-edit\" role=\"button\" aria-label=\"Edit card details\" title=\"Edit Card Details\" href=\"javascript:;\" data-mz-action=\"beginEditCard\" data-mz-card=\"{{ model.id }}\"></a>\r\n            <a class=\"mz-paymentmethod-delete\" role=\"button\" aria-label=\"Delete card\" title=\"Delete Card\" href=\"javascript:;\" data-mz-action=\"beginDeleteCard\" data-mz-card=\"{{ model.id }}\"></a>\r\n        </div>\r\n</li>\r\n","modules/my-account/my-account-print-window":"<div id=\"mz-printReturnLabelView\">\n\t<div class=\"printViewContent\">\n\t\t<div class=\"return-label\">\n\t\t\t<img src=\"{{ model.labelImageSrc }}\" alt=\"Return Label Image\"/>\n\t\t</div>\n\t</div>\n\t<div class=\"printView-opitions-bar print-hide\">\n\t\t<button class=\"mz-button\" onclick=\"printLabelHandler()\">{{labels.printWindowPrintButton}}</button>\n\t\t<button class=\"mz-button\" onclick=\"cancelHandler()\">{{labels.printWindowCancelButton}}</button>\n\t</div>\n</div> ","modules/my-account/my-account-quick-order-items":"  \n<ul class=\"quick-order-item-list\">   \n    {% for item in model.items %}\n        <li>\n            <div class=\"quick-order-history-head\" QorderID=\"{{item.orderNumber}}\">\n                <ul data-mz-showQuickOrder QorderID=\"{{item.orderNumber}}\">\n                    <li class=\"quick-order-number\">\n                        <label>Order Number:</label>\n                        <span>{{item.orderNumber}}</span>\n                    </li>\n                    <li class=\"quick-order-total\">\n                        <label>Items:</label>\n                        <span>{{item.numberofproducts}}</span>\n                    </li>\n                    <li class=\"quick-order-total\">\n                        <label>Order Total:</label>\n                        <span>${{item.total}}</span>\n                    </li>\n                    <li class=\"quick-order-plus\">\n                        <label><a quick-order-head=\"{{item.orderNumber}}\">+</a></label>\n                        <span></span>\n                    </li>\n                </ul>\n                \n                <div data-mz-QuickOrder class=\"quick-order-item-details\" QorderID=\"{{item.orderNumber}}\">\n                    <a data-mz-action=\"addAllToCart\" class=\"add-all-to-cart\" orderToAdd=\"{{item.orderNumber}}\">Add All to Cart </a>\n                    \n                    <div class=\"product-listing\">\n                        {% for productItem in item.items %}\n                            <div class=\"product-listing-row\" productItemCode={{productItem.product.productCode}}>\n                                {% if productItem.product.imageUrl %}\n                                    <div class=\"mz-itemlisting-thumb\">\n                                        <img class=\"mz-itemlisting-thumb-img\" src=\"{{ productItem.product.imageUrl }}?max=80\" /> \n                                    </div>\n                                {% endif %}\n                                    <a class=\"mz-itemlisting-title\" href=\"{{ productItem.product.url }}\">\n                                        {{ productItem.product.name|safe }}\n                                    </a>\n                                    \n                                    <div class=\"quick-order-quantity\">\n                                        <a data-mz-action=\"decreaseQuickOrderQuantity\" class=\"changer\" quickOrderProductCodeQuantityChanger=\"{{productItem.product.productCode}}\">-</a>\n                                        <input class=\"quantity-field\" quickOrderProductId=\"{{productItem.product.productCode}}\" value=\"{{productItem.quantity}}\" min=\"1\" class=\"quick-order-quantityfield\" quickOrderQuantity=\"{{productItem.quantity}}\">\n                                        <a data-mz-action=\"increaseQuickOrderQuantity\" class=\"changer\" quickOrderProductCodeQuantityChanger=\"{{productItem.product.productCode}}\">+</a>\n                                    </div> \n                                    \n                                    <p class=\"inline\">${{productItem.total}}</p>\n                                    <a data-mz-action=\"addInlineItemToCart\" class=\"inline-add-to-cart\" quickOrderProductCode=\"{{productItem.product.productCode}}\" orderNumber=\"{{item.orderNumber}}\" >Add to Cart</a>\n                            </div>\n                        {% endfor %}\n                    </div>\n                </div>\n                \n            </div>\n        </li>\n    {% endfor %}\n    <li>\n        <button class=\"mz-more-order\" data-mz-action-load-more-items=\"\" data-mz-action=\"loadMoreItems\">view more orders</button>    \n    </li>\n</ul>\n\n\n\n\n\r\n","modules/my-account/my-account-paymentmethods":"\r\n<h3 class=\"mz-l-stack-sectiontitle mobileClickFunction\">{{ labels.paymentMethods }} </h3>\r\n{% if model.hasSavedCards %}\r\n<a href=\"javascript:;\" data-mz-card=\"new\" class=\"add-new\" data-mz-action=\"beginEditCard\">{{ labels.addNewCard }}</a>\r\n{% endif %}\r\n\r\n{% if model.hasSavedCards || editing.card == \"new\" %}\r\n\r\n<ul class=\"mz-accountpaymentmethods-list\">\r\n    {% for card in model.cards %}\r\n    {% if editing.card == card.id %}\r\n        {% include \"modules/my-account/my-account-credit-card-form\" with model=model.editingCard %}\r\n    {% else %}\r\n        {% include \"modules/my-account/my-account-paymentmethod\" with model=card %}\r\n         \r\n    {% endif %}\r\n    {% endfor %}\r\n    {% if editing.card == \"new\" %}\r\n    <h4 class=\"mz-l-stack-subtitle\">ADD NEW CARD</h4>\r\n        {% include \"modules/my-account/my-account-credit-card-form\" with model=model.editingCard editingContact=model.editingContact %}\r\n    {% endif %}\r\n</ul>\r\n{% else %}\r\n    <div class=\"no-cards\">\r\n        <p class=\"mz-accountpaymentmethods-empty\">{{ labels.noSavedCards }}</p>\r\n        <a href=\"javacript:;\" data-mz-card=\"new\" data-mz-action=\"beginEditCard\">{{ labels.addNewCard }}</a>\r\n    </div>\r\n{% endif %}\r\n\r\n\r\n\r\n\r\n","modules/my-account/my-account-quickorder":"<div class=\"mz-itemlisting {% block module-classes %}{% endblock module-classes %}\">\n  {% block item-listing-prefix %}  \n  {% endblock item-listing-prefix %}\n  {% block item-listing-image %}\n  {% if model.product.imageUrl %}\n  <div class=\"mz-itemlisting-thumb\">\n    <img class=\"mz-itemlisting-thumb-img\" src=\"{% if model.product.imageUrl %}{{ model.product.imageUrl }}?maxWidth=80 {% else %}{{ siteContext.cdnPrefix }}/cms/{{siteContext.siteId}}/files/{{themeSettings.no_product_image}}?max=80 {% endif %}\" /> \n  </div>\n  {% endif %}\n  {% endblock item-listing-image %}\n  {% block item-listing-details %}\n  <div class=\"mz-itemlisting-details\">\n    {% block item-name %}\n    <a class=\"mz-itemlisting-title\" href=\"{{ model.product.url }}\">\n      {{ model.product.name|safe }}</a> \n    {% endblock item-name %}\n    {% block item-details %}\n    <div class=\"mz-itemlisting-description\">\n      {% for option in model.product.options %}{{ option.name }}: {{ option.value }}, {% endfor %}{{ model.product.variationProductCode|default(model.product.productCode) }}{% if model.product.measurements.packageWeight.value %}, {{ model.product.measurements.packageWeight.value }}{{model.measurements.packageWeight.unit }}{% endif %}\n    </div>\n    \n    {% endblock item-details %}\n  </div>\n  <!-- <p class=\"inline\">{{model.quantity}}</p> --> \n    <div class=\"quick-order-quantity quick-order-history\">\n        <div class=\"quick-order-history-qty\" tabindex=\"0\" aria-label=\"Quantity - {{model.quantity}}\">\n            <input prodLocationCode=\"{{ model.fulfillmentLocationCode }}\" class=\"quantity-field\" tabindex=\"-1\" readonly {% if model.product.productType == \"Gift Certificate\" %} options =\"Tenant~gift-card-prices\" variationCode=\"{{model.product.variationProductCode}}\"{% endif %} OrderProductId=\"{{model.product.productCode}}\" value=\"{{model.quantity}}\" min=\"1\" max=\"25\" class=\"quick-order-quantityfield\" quickOrderQuantity=\"{{model.quantity}}\">\n            <div class=\"clear\"></div>\n        </div>\n    </div>\n <p class=\"inline\" tabindex=\"0\" aria-label=\"price - {{model.total|currency}}\" {% if model.product.productType == \"Gift Certificate\" %} productPrice = \"{{model.total}}\"  options =\"Tenant~gift-card-prices\" variationCode=\"{{model.product.variationProductCode}}\"{% endif %} OrderProductId=\"{{model.product.productCode}}\">{{model.total|currency}}</p>\n <a href=\"javascript:;\" role=\"button\" data-mz-action=\"addInlineItemToCart\" {% if model.product.productType == \"Gift Certificate\" %} options =\"Tenant~gift-card-prices\" variationCode=\"{{model.product.variationProductCode}}\"{% endif %} class=\"inline-add-to-cart\" quickOrderProductCode=\"{{model.product.productCode}}\" orderNumber=\"{{model.id}}\" >Add to Cart</a> \n  {% endblock item-listing-details %}\n  <div class=\"clearfix\"></div>\n  <div class=\"mz-itemlisting-actions\">\n  {% block item-listing-actions %}\n    \n  {% endblock item-listing-actions %}\n  </div>\n  {% block item-listing-extras %}\n  {% endblock item-listing-extras %}\n  <div class=\"order-history-overlay\"></div>\n</div>\n","modules/my-account/my-account-quick-order":"<h3 class=\"mz-l-stack-sectiontitle\">{{ labels.accountQuickOrder }}</h3>\r\n<div >\r\n    {% if model.items %}\r\n        <div data-mz-quick-orderlist class=\"quick-order-list\">\r\n            {% include \"modules/my-account/my-account-quick-order-items\" %} \r\n        </div>\r\n        \r\n    {% else %}\r\n        <div class=\"no-cards\">   \r\n            <p class=\"mz-accountaddressbook-empty\">\r\n                {{ labels.accountNoOrders }}\r\n            </p>\r\n        </div>\r\n    {% endif %}\r\n</div>\r\n\r\n\r\n","modules/my-account/my-account-settings":"\r\n<div class=\"mz-accountsettings-details\">\r\n    <div class=\"mz-accountsettings-user\">\r\n        <h3 class=\"mz-l-stack-sectiontitle\">{{ labels.accountSettings }}</h3>\r\n        <div>\r\n            <ul>\r\n                <li>\r\n                    <label>Email Address:</label>\r\n                    <span >{{ model.emailAddress|default(model.userName) }}</span>\r\n                </li>\r\n                <li  style=\"display: none;\" >\r\n                    <label></label>\r\n                    <span>\r\n                        <a title=\"Email preference center\" aria-label=\"Email Preference Center - opens in new tab\" href=\"/jelly-belly-email-preference-center?ve_action=unsub&Email={{model.emailAddress}}&FirstName={{ model.firstName}}&LastName={{ model.lastName}}\" target=\"_blank\" style=\"display: none;\">\r\n                            Email Preference Center\r\n                        </a>\r\n                    </span>\r\n                </li>\r\n                <li class=\"grouping\">\r\n                    <label>Your Account:</label>\r\n                    <span>{{model.id}}</span>\r\n                </li>\r\n                {% if editing %}\r\n                <li>\r\n                    <div class=\"mz-accountsettings-section mz-accountsettings-email-edit\">\r\n                          <p class=\"mz-accountsettings-label mz-account-settings-label-email\">*{{ labels.emailAddress }}</p>\r\n                          {% if editing %}\r\n                              <input class=\"mz-accountsettings-email\" type=\"email\" placeholder=\"{{ labels.emailAddress }}\" data-mz-value=\"emailAddress\" value=\"{{ model.emailAddress }}\" disabled />\r\n                              <p class=\"edit-note\">Please contact our Consumer Affairs department to update the email address associated with your account,<a class=\"darkblue\" href=\"tel:1-800-522-3267\">1-800-522-3267</a> Monday - Friday from 7 AM to 5 PM PST.</p>\r\n                              <span class=\"mz-validationmessage\" data-mz-validationmessage-for=\"emailAddress\"></span>\r\n                          {% else %}\r\n                              <div class=\"mz-accountsettings-displayemail\">{{ model.emailAddress|default(model.userName) }}</div>\r\n                          {% endif %}\r\n                        \r\n                    </div>\r\n                </li> \r\n                <li>\r\n                    <div class=\"edit-user-settings\">\r\n                            <p><label for=\"accountSettingsFirstName\"><span aria-label=\"mandatory field\">*</span>First Name</label></p>\r\n                            <input class=\"mz-accountsettings-firstname\" type=\"text\" placeholder=\"{{ labels.firstName }}\" data-mz-value=\"firstName\" value=\"{{ model.firstName }}\" required id=\"accountSettingsFirstName\"/>    \r\n                            <span class=\"mz-validationmessage\" data-mz-validationmessage-for=\"firstName\"></span>\r\n                            <p><label for=\"accountSettingsLastName\"><span aria-label=\"mandatory field\">*</span>Last Name</label></p>\r\n                            <input class=\"mz-accountsettings-lastname\" type=\"text\" placeholder=\"{{ labels.lastName }}\" data-mz-value=\"lastName\" value=\"{{ model.lastName }}\" required id=\"accountSettingsLastName\"/>\r\n                            <span class=\"mz-validationmessage\" data-mz-validationmessage-for=\"lastName\"></span>\r\n                            <p class=\"required-label\">*Required field</p>\r\n\r\n                            <button class=\"mz-button mz-button-small mz-accountsettings-namedone\" data-mz-action=\"finishEdit\">{{ labels.save }}</button>\r\n                            <button class=\"mz-button mz-button-small mz-accountsettings-namecancel\" data-mz-action=\"cancelEdit\">{{ labels.cancel }}</button>\r\n                    </div>\r\n                </li>\r\n                {% else %}\r\n                    <li>\r\n                        <label>Name:</label>\r\n                        <span>{{ model.firstName }}  {{ model.lastName }}</span>\r\n                        <div class=\"clearfix\"></div>\r\n                    </li>\r\n                    {% if not editing %}\r\n                        <li>\r\n                            <label></label>\r\n                            <span>\r\n                                <a href role=\"button\" class=\"mz-link-edit-accountsettings\" data-mz-action=\"startEdit\">{{ labels.edit }}</a>\r\n                            </span>\r\n                        </li>\r\n                    {% endif %}\r\n                {% endif %}\r\n                {% if themeSettings.newsLetterMarkettingInMyAccount%}\r\n                <li>\r\n                    <label>{{ labels.accountOptIn }}:</label>\r\n                    <span><input type=\"checkbox\" id=\"account-acceptsmarketing\" data-mz-value=\"acceptsMarketing\" {% if model.acceptsMarketing %}checked=\"checked\"{% endif %} /></span>\r\n                </li>\r\n                {% endif %}\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n\r\n\r\n\r\n","modules/my-account/my-account-storecredit":"<h3 class=\"mz-l-stack-sectiontitle mobileClickFunction\">{{labels.giftCards}}</h3>\r\n\r\n<h4 class=\"mz-subtitle\"> {{themeSettings.GiftcardHeadline}}</h4>\r\n<p class=\"mz-subtitle-para\" tabindex=\"0\" >{{themeSettings.giftcardbalMessage|string_format(model.totalCreditAmount|currency)|safe}} </p> \r\n\r\n<section class=\"mz-subtitle-para\" tabindex=\"0\" >{{themeSettings.giftcardMessage|safe}}</section>\r\n\r\n\r\n<div class=\"mz-accountstorecredit-form\">\r\n  <p><label for=\"accountStoreCreditInput\">Enter your gift card / store credit code, then click \"Apply\"</label></p>\r\n  <input aria-describedby=\"giftcard-messages\" aria-invalid=\"false\" type=\"text\" placeholder=\"{{ labels.enterDigitalCredit }}\" class=\"mz-accountstorecredit-input\" data-mz-entering-credit id=\"accountStoreCreditInput\"/>\r\n  <button class=\"mz-button mz-button-small mz-accountstorecredit-add\" data-mz-action=\"addStoreCredit\">Apply</button>\r\n      <div id=\"giftcard-messages\">\r\n            {% include \"modules/common/message-bar\" with model=model.messages %}\r\n      </div>\r\n</div>\r\n\r\n<div class=\"mz-accountstorecredit-table\">\r\n  {% if model.credits %}\r\n      <table class=\"mz-table\">\r\n        <thead>\r\n          <tr>\r\n            <th class=\"mz-accountstorecredit-header-creditnumber\">{{ labels.digitalCreditCode }}</th>\r\n            <th class=\"mz-accountstorecredit-header-creditdate\">{{ labels.creditDate }}</th>\r\n            <th class=\"mz-accountstorecredit-header-creditamount\">{{ labels.creditAmount }}</th>\r\n            <th class=\"mz-accountstorecredit-header-remaining\">{{ labels.remaining }}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          {% for credit in model.credits %}\r\n          <tr class=\"mz-accountstorecredit-row\" tabindex=\"0\" >\r\n            <td class=\"mz-accountstorecredit-cell-storecreditnumber\" aria-label=\"{{ labels.digitalCreditCode }} - {{ credit.code }}\">{{ credit.code }}</td>\r\n            <td class=\"mz-accountstorecredit-cell-creditdate\" aria-label=\"{{ labels.creditDate }} - {{ credit.activationDate|date(\"F j, Y\") }}\">{{ credit.activationDate|date(\"F j, Y\") }}</td>\r\n            <td class=\"mz-accountstorecredit-cell-creditamount\" aria-label=\"{{ labels.creditAmount }} - {{ credit.initialBalance|currency }}\">{{ credit.initialBalance|currency }}</td>\r\n            <td class=\"mz-accountstorecredit-cell-remaining\" aria-label=\"{{ labels.remaining }} - {{ credit.currentBalance|currency }}\">{{ credit.currentBalance|currency }}</td>\r\n          </tr>\r\n          {% endfor %}\r\n        </tbody>\r\n        <tfoot>\r\n          <tr class=\"mz-accountstorecredit-totalrow\" tabindex=\"0\" >\r\n            <td class=\"mz-accountstorecredit-totallabelcell\" colspan=\"3\" align=\"right\">\r\n              <span class=\"mz-accountstorecredit-totallabel\">{{ labels.totalCreditBalance }}</span>\r\n            </td>\r\n            <td class=\"mz-accountstorecredit-total\" align=\"left\">\r\n              <span class=\"mz-accountstorecredit-totalamount\">{{ model.totalCreditAmount|currency }}</span>\r\n            </td>\r\n          </tr>\r\n        </tfoot>\r\n        </tbody>\r\n      </table>\r\n  {% else %}\r\n    <div class=\"no-cards\">\r\n            <p class=\"mz-accountaddressbook-empty\">\r\n            {{ labels.accountNoCredits }}\r\n            </p>\r\n        </div>\r\n  {% endif %}\r\n</div>\r\n","modules/my-account/my-account-subscription":"<h2 class=\"mz-l-stack-sectiontitle mobileClickFunction\">{{ labels.mySubscription }}</h2>\r\n<div class=\"mz-orderhistory-section mz-l-paginatedlist\">\r\n    {% if model.subscriptionlist %}\r\n        <div data-mz-orderlist class=\"mz-l-paginatedlist-list\">\r\n          {% include \"modules/my-account/subscription-list\" with model=model %}\r\n        </div>\r\n        \r\n    {% else %}\r\n         <div class=\"no-cards\">\r\n            <p class=\"mz-accountaddressbook-empty\">\r\n                {{ labels.accountNoOrders }}\r\n            </p>\r\n        </div>\r\n    {% endif %}\r\n</div>\r\n\r\n","modules/my-account/my-account-sweetrewardspoints":"<div class=\"sweetrewardscard\" data-customdateCreation={{ model.userDetails.data.loyalty_enroll_time}}>\r\n    <h2><span>Welcome,</span> {{ user.firstName }} {{ user.lastName }}</h2>\r\n\r\n    <div class=\"sweetcardlayout\">\r\n\r\n        <div class=\"topsec\">\r\n            <div class=\"leftsec\">\r\n                <span tabindex=\"0\">Sweet Rewards</span>\r\n                <span class=\"available_points\" tabindex=\"0\"><strong>{{ model.userDetails.data.available_points }}</strong> Points</span>\r\n                {% if model.userDetails.data.expiration_schedule.length > 0 %}\r\n                    <button class=\"checkexpiry_popup\">Check Points Expiry</button>\r\n                {% endif %}\r\n            </div>\r\n            <div class=\"rightsec\">\r\n                <img src=\"../resources/images/sweetrewardslandingpage/sweetrewardsimage.png\" alt=\"Sweet Rewards\">\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"sweetprogress {% if model.NextTierDetails.data.message == \"User is on highest tier.\" %} highestLevel{% endif %}\">\r\n            <div tabindex=\"0\"><span class=\"current_Plan\">{{ model.userDetails.data.loyalty_tier_name }}</span>{% if model.NextTierDetails.data.message == \"User is on highest tier.\" %} {% else %}<span class=\"next_plan\">{{ model.NextTierDetails.data.minimum_points|subtract(model.userDetails.data.available_points) }} Points to <strong>{{ model.NextTierDetails.data.name }}</strong></span>{% endif %}</div>\r\n            <div>\r\n                {% with model.userDetails.data.available_points|multiply(100) as payment %}\r\n                    <div class=\"progressSection\">\r\n                        {% if model.NextTierDetails.data.message == \"User is on highest tier.\" %}\r\n                            <div class=\"progressbar\" role=\"progressbar\" aria-valuenow=\"100%\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width:100%\">\r\n                                <span class=\"sr-only\">100% Complete</span>\r\n                            </div>\r\n                        {% else %}\r\n                            <div class=\"progressbar\" role=\"progressbar\" aria-valuenow=\"{{ payment|divide(model.NextTierDetails.data.minimum_points)|floatformat(0) }}\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width:{{ payment|divide(model.NextTierDetails.data.minimum_points)|floatformat(0) }}%\">\r\n                                <span class=\"sr-only\">{{ payment|divide(model.NextTierDetails.data.minimum_points)|floatformat(0) }}% Complete</span>\r\n                            </div>\r\n                        {% endif %}\r\n                    </div>\r\n                {% endwith %}\r\n            </div>\r\n        </div>\r\n        <div class=\"hide\" tabindex=\"-1\">\r\n            <span class=\"referralCode\">{{ model.userDetails.data.referral_url }}</span>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n\r\n<div class=\"popupinformation\" role=\"dialog\" aria-modal=\"true\">\r\n    <div class=\"popupinformationbg\"></div>\r\n    <div class=\"popupinformationContent\" tabindex=\"0\">\r\n        <div class=\"inner_container\">\r\n            <div class=\"left_container\">\r\n                <div class=\"pointContainer\">\r\n                    <p class=\"PointImgContainer\">\r\n                        <img src=\"../../resources/images/sweetrewardslandingpage/shareicons.png\" style=\"height:47px;\" alt=\"Share on twitter\" />\r\n                    </p>\r\n                    <div class=\"mobileSeperator\">\r\n                        <span class=\"activityPrice\"><strong>100</strong> Points</span>\r\n                        <span class=\"activityName\">SHARE ON TWITTER</span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"right_container\">\r\n                <p class=\"info_desc\">Get points when a friend you refer makes the first purchase. Copy your referral link below to share with friends or use the icon to share on Twitter.</p>\r\n                <div class=\"et_pb_code_inner\">\r\n                    <input class=\"referralURL\" value={{ model.userDetails.data.referral_url }} />\r\n                    <span class=\"hide\" id=\"getreferralUrl\" tabindex=\"-1\">{{ model.userDetails.data.referral_url }}</span>\r\n                    <button id=\"code2\" style=\"display: unset;\" aria-label=\"click to copy referral url\"><img src=\"../../resources/images/sweetrewardslandingpage/copyicon.png\" alt=\"click to copy referral url\" /></button>\r\n                    <p id=\"alert2\" style=\"display: none;\">Copied!</p>\r\n                    <script>\r\n                        const copytarget2 = document.getElementById(\"code2\");\r\n                        copytarget2.addEventListener(\"click\", copyToClipboard);\r\n                        function copyToClipboard() {\r\n                            const getreferralURL = document.getElementById(\"getreferralUrl\");\r\n                            const temp2 = document.body.appendChild(document.createElement('textarea'));\r\n                            temp2.value = getreferralURL.textContent;\r\n                            temp2.select();\r\n                            document.execCommand(\"copy\");\r\n                            temp2.remove();\r\n                            document.getElementById(\"code2\").classList.add(\"mystyle\");\r\n                            setTimeout(function(){\r\n                                document.getElementById(\"code2\").classList.remove(\"mystyle\");\r\n                                document.getElementById(\"code2\").focus();\r\n                            }, 3000);\r\n                        }\r\n                    </script>\r\n                </div>\r\n                <button class=\"close_sweetrewards_popup\" aria-label=\"click to close share popup\"><img class=\"close-img\" src=\"../../resources/images/closemarkglobal.svg?max=100\" alt=\"close\"></button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n{% if model.userDetails.data.expiration_schedule.length > 0 %}\r\n    <div class=\"userpopupinformation\" role=\"dialog\" aria-modal=\"true\">\r\n        <div class=\"userpopupinformationbg\"></div>\r\n        <div class=\"userpopupinformationContent\" tabindex=\"0\">\r\n            <div class=\"inner_container\">\r\n                <div class=\"expiry_container\">\r\n                    <button class=\"close_sweetrewardsuser_popup\" aria-label=\"click to close user expiry popup\"><img class=\"close-img\" src=\"../../resources/images/closemarkglobal.svg?max=100\" alt=\"close\"></button>\r\n                    <h3>POINTS EXPIRATION</h3>\r\n                    <p tabindex=\"0\"><strong> {{ model.userDetails.data.expiration_schedule|first.points }} loyalty points </strong> are going to expire on <strong>{{ model.userDetails.data.expiration_schedule|first.expiration_date }}</strong></p>\r\n\r\n                    <p>Redeem your loyalty points before they expire. </p>\r\n\r\n                    <p>If you do not wish to redeem, you can also reset the points expiration date by performing any of the following activities: </p>\r\n                    <ul>\r\n                        <li>\r\n                            1. Purchase on website\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n{% endif %}\r\n","modules/my-account/my-account-wishlist-item-listing":"\r\n<td> \r\n    {% if model.product.imageUrl %}\r\n        <div class=\"itemlisting-thumb\">\r\n            <img alt=\"{{ model.product.name|safe }}\" class=\"itemlisting-thumb-img\" src=\"{{ model.product.imageUrl }}?max=80\" />\r\n        </div>\r\n    {% else %}\r\n        <div class=\"itemlisting-thumb\">\r\n            <img alt=\"{{ model.product.name|safe }}\" class=\"itemlisting-thumb-img\" src=\"{{ siteContext.cdnPrefix }}/cms/{{siteContext.siteId}}/files/{{themeSettings.no_product_image}}?max=80\" />\r\n        </div>\r\n    {% endif %}\r\n</td>\r\n<td>\r\n    <a class=\"itemlisting-title\" href=\"p/{{model.product.productCode}}\">\r\n    {{ model.product.name|safe }}</a>\r\n</td>\r\n<td class=\"wish-list-total {% if model.product.productType === 'Gift Certificate' %} giftcardwishlist{% endif %}\" {% if model.product.productType === 'Gift Certificate' %} data-mz-product-option=\"tenant~gift-card-prices\" data-mz-product-price=\"{{model.product.price.price}}\" {% endif %} tabindex=\"0\">\r\n{% if model.product.productType === 'Gift Certificate' %}\r\n    {% if model.product.price.salePrice %}\r\n        {% if model.product.price.salePrice != model.product.price.price %}\r\n            {{ model.product.price.salePrice|currency }}\r\n            <strike>{{ model.product.price.price|currency }}</strike>\r\n        {% else %}\r\n            {{ model.product.price.salePrice|currency }}\r\n        {% endif %}\r\n    {% else %}\r\n        {{ model.product.price.price|currency }}\r\n    {% endif %}\r\n{% else %}\r\n    {% if model.wishlistpricecustom.salePrice %}\r\n        {% if model.wishlistpricecustom.salePrice != model.wishlistpricecustom.price %}\r\n            {{ model.wishlistpricecustom.salePrice|currency }}\r\n            <strike>{{ model.wishlistpricecustom.price|currency }}</strike>\r\n        {% else %}\r\n            {{ model.wishlistpricecustom.salePrice|currency }}\r\n        {% endif %}\r\n    {% else %}\r\n        {{ model.wishlistpricecustom.price|currency }}\r\n    {% endif %}\r\n{% endif %}\r\n    \r\n</td>\r\n<td class=\"wish-list-buttons\">\r\n    <div class=\"action-calss\"> \r\n        <a href=\"javascript:;\" data-mz-item-id=\"{{ model.id }}\" data-mz-action=\"addItemToCart\" class=\"action-addToCart {% if model.wishliststockavailability %} {% else %} notifymebtn {% endif %}\"> {% if model.wishliststockavailability %}Add To Cart {% else %} Notify Me {% endif %}\r\n        </a>\r\n        <a class=\"action-remove\" href=\"javascript:;\" data-mz-action=\"finishRemoveItem\" data-mz-item-id=\"{{ model.id }}\" role=\"button\" aria-label=\"remove item\">remove</a>\r\n    </div>\r\n</td>\r\n\r\n</tr>\r\n\r\n\r\n","modules/my-account/my-account-wishlist":"<h3 class=\"mz-l-stack-sectiontitle mobileClickFunction\">MY WISHLIST</h3>\r\n\r\n<div class=\"mz-accountwishlist-list\">\r\n    {% if model.items.length > 0 %}\r\n        <table class=\"mz-table\">\r\n              <tr class=\"header-tr\">\r\n                <th class=\"accountstorecredit-header-creditnumber\">ITEM</th>\r\n                <th class=\"accountstorecredit-header-creditdate\">ITEM DESCRIPTION</th>\r\n                <th class=\"accountstorecredit-header-creditamount\">PRICE</th>\r\n                <th class=\"accountstorecredit-header-remaining\"></th>\r\n              </tr>\r\n              \r\n            {% for item in model.items %}\r\n            <tr class=\"item-tr\">\r\n                {% include \"modules/my-account/my-account-wishlist-item-listing\" with model=item %}    \r\n            \r\n            {% endfor %}\r\n             \r\n        </table>\r\n        <div class=\"buttons\">\r\n            {% if model.showWishlistLoadMore %}\r\n                <button tabindex=\"0\" class=\"lode-more-wishlist\" data-mz-action=\"lodemoreItems\">Load More</button>\r\n            {% endif %} \r\n            <button class=\"remove-all\" tabindex=\"0\" data-mz-action=\"removePopup\">Remove all items</button>\r\n        </div>\r\n    {% else %}\r\n        <div class=\"no-cards\">\r\n            <p class=\"mz-accountaddressbook-empty\">\r\n            {{ labels.accountNoWishlists }}\r\n            </p>\r\n        </div>\r\n    {% endif %}\r\n</div>\r\n<div class=\"conformation-poup\">\r\n    <div class=\"cointainer-popup\" data-role= popup>\r\n        <div class=\"content\"  tabindex=\"0\">Are you sure, want to remove all items from the wishlist?</div>\r\n        <div class=\"buttons\">\r\n            <button tabindex=\"0\" class=\"remove\" data-mz-action=\"removeAllItems\">YES</button>  \r\n            <button tabindex=\"0\" class=\"remove-cancel\" data-mz-action=\"cancelremoving\">CANCEL</button>  \r\n        </div>\r\n    </div>\r\n</div>\r\n","modules/my-account/order-history-list":"      <ul class=\"mz-orderlist\">\r\n        {% for order in model.items %}\r\n            <li>{% include \"modules/my-account/order-history-order-listing\" with model=order itemReturnOrderID=model.itemReturnOrderID %}</li>\r\n        {% endfor %}\r\n       </ul>\r\n        {% if model.allLoaded != 2 %}\r\n            <button class=\"mz-more-order\" data-mz-action-load-more-items data-mz-action=\"loadMoreItems\">view more orders</button>\r\n        {% endif %}    \r\n        <div>\r\n            <a class=\"\" href=\"/shipping-information\" style=\"font-weight: bold; color: #000;    margin-left: 19px;\">Shipping Info</a> and <a class=\"\" href=\"/return-policy\" style=\"font-weight: bold; color: #000;\">Returns Info</a>\r\n        </div>    \r\n        \r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","modules/my-account/order-history-listing-item":"﻿{% extends \"modules/common/item-listing\" %}\n\n{% block item-details %}\n    <div class=\"mz-itemlisting-description\">\n      {% for option in model.product.options %}\n        {{ option.name }}: \n        {% if option.shopperEnteredValue %} \n          {{ option.shopperEnteredValue }}, \n        {% endif %}\n        {% if option.value %} \n          {{ option.value }}, \n        {% endif %}\n      {% endfor %}\n      {{ model.product.variationProductCode|default(model.product.productCode) }}\n      {% if model.product.measurements.packageWeight.value %}, \n        {{ model.product.measurements.packageWeight.value }}{{model.measurements.packageWeight.unit }}\n      {% endif %}\n    </div>\n    <div class=\"mz-itemlisting-price\">\n     {{labels.orderPackagePrice}} : \n     {% if model.product.price.tenantOverridePrice %}\n        {{ model.product.price.tenantOverridePrice|currency }} \n      {% else %} \n        {%if model.product.price.salePrice %}\n          {{ model.product.price.salePrice|currency }}\n        {% else %}\n          {{ model.product.price.price|currency }}\n        {% endif %}\n      {% endif %}\n    </div>\n    <div class=\"mz-itemlisting-quantity\">\n     {{labels.orderPackageQuantity}} : {%if packageItem %} {{ packageItem.quantity}} {% else %} {{ model.quantity}} {% endif %} \n    </div>  \n{% endblock item-details %}\n{% block item-listing-actions %}\n   \n{% endblock item-listing-actions %}\n{% block item-listing-extras %}\n  {% if returning == model.id %}\n  <p class=\"mz-itemlisting-prompt is-warning\">{{ labels.returnInfo|safe }}</p>\n  {% endif %}\n{% endblock item-listing-extras %}","modules/my-account/order-history-item-listing":"\r\n{% extends \"modules/my-account/my-account-quickorder\" %}\r\n{% block item-name %}\r\n    {% if model.dateShipped %} {{ labels.shipped }}: {{ model.dateShipped|date(\"F j, Y\") }} }}{% endif %}\r\n    {% parent %}\r\n{% endblock item-name %}\r\n{% block item-listing-actions %}\r\n    {% if returning == model.id %}\r\n        {% include \"modules/common/item-return-form\" %}\r\n    {% else %}\r\n    {% if order.isEligibleForReturns and themeSettings.allowCustomerInitiatedReturns %}\r\n        {% comment %}\r\n\t\t<a  class=\"mz-itemlisting-action\" href=\"javascript:;\" data-mz-action=\"startReturnItem\" \r\n            data-mz-order-id=\"{{ order.id }}\" data-mz-start-return=\"{{ model.id }}\">\r\n            {{ labels.returnOrReplace }}</a>\r\n\t\t{% endcomment %}\r\n    {% endif %}\r\n    {% endif %}\r\n{% endblock item-listing-actions %}\r\n{% comment %}\r\n{% block item-listing-extras %}\r\n{% if returning == model.id %}\r\n<p class=\"mz-itemlisting-prompt is-warning\">{{ labels.returnInfo|safe }}</p>\r\n{% endif %}\r\n{% endblock item-listing-extras %}\r\n{% endcomment %}\r\n\r\n\r\n\r\n\r\n","modules/my-account/order-history-listing":"{% extends \"modules/common/order-listing\" %}\n{% block order-items %}\n<div class=\"order-history-listing\">\n    {% if model.isUnified and model.hasFulfilledPackages or model.hasFulfilledPickups %}\n        <div class=\"mz-orderlisting-prompt is-warning\" data-mz-message-for=\"noReturnableItems\"></div>\n            <div class=\"mz-orderlisting-header\">\n                {% if themeSettings.allowCustomerInitiatedReturns and not model.limitPlaceReturns %}\n                    <div class=\"mz-orderlisting-return\">\n                        <span class=\"mz-itemlisting-action\">\n                            <button type=\"submit\" class=\"mz-button\" data-mz-order-id=\"{{ model.id }}\" data-mz-action=\"startOrderReturn\" >{{ labels.returnOrReplace }}</button>\n                        </span>\n                    </div>\n                {% endif %}\n            </div>\n    {% endif %}\n\n    {% if model.hasFulfilledPackages %}\n        <h2 class=\"mz-orderlisting-heading\">{{labels.shipped}}</h2>\n        <div class=\"data-mz-order-packages\">\n            {% include \"modules/my-account/order-history-package-group\" with model=model packages=model.packages %}\n        </div>\n    {% endif %}\n\n    {% if model.hasFulfilledPickups %}\n        <h2 class=\"mz-orderlisting-heading\">{{labels.orderItemsPickup}}</h2>\n        <div class=\"mz-orderlisting-pickup\">\n            {% include \"modules/my-account/order-history-package-group\" with model=model packages=model.pickups %}\n        </div>\n    {% endif %}\n\n    {% if model.hasFulfilledDigital%}\n        <h2 class=\"mz-orderlisting-heading\">{{labels.orderDigitalItems}}</h2>\n        <div class=\"mz-orderlisting-pickup\">\n            {% include \"modules/my-account/order-history-package-group\" with model=model packages=model.digitalPackages %}\n        </div>\n    {% endif %}\n\n    {% if model.getNonShippedItems.length > 0 %}\n        <h2 class=\"mz-orderlisting-heading\">{{labels.orderItemsNotShipped}}</h2>\n        <div class=\"mz-orderlisting-nonShipped\">\n        {% for item in model.getNonShippedItems %}\n            {% if item.Type == \"BundleItem\" %}\n                {% include \"modules/my-account/my-account-product-bundle\" with model=item %}\n            {% else %}\n                {% include \"modules/my-account/order-history-listing-item\" with model=item %}\n            {% endif %}\n        {% endfor %}\n        </div>\n    {% endif %}\n\n</div>\n{% endblock order-items %}\n","modules/my-account/order-history-order-listing":"{% extends \"modules/common/order-listing\" %}\r\n{% block order-items %}\r\n\r\n<div orderID=\"{{model.orderNumber}}\"  style=\"display:{% if model.id == itemReturnOrderID %}block{%else%}none{%endif%};\">\r\n        {% for item in model.items %}\r\n            {% include \"modules/my-account/order-history-item-listing\" with model=item order=model %}  \r\n        {% endfor %}\r\n</div>\r\n    <table class=\"myaccountorder-status\" align=\"left\" cellpadding=\"1\" width=\"100%\" style=\"border-collapse:collapse;\">\r\n  \r\n      \r\n        <tbody>\r\n            {% for discount in model.orderDiscounts %}\r\n            {% if not discount.excluded %}\r\n            <tr class=\"mz-ordersummary-discount\">\r\n              <td align=\"right\" colspan=\"4\">\r\n                <span class=\"\">{{ discount.discount.name }}:</span>\r\n                <span class=\"mz-ordersummary-discountamt\">-{{ discount.impact|currency }}</span>\r\n              </td>\r\n            </tr> \r\n            {% endif %}\r\n            {% endfor %}\r\n            {% if discount.discountedSubTotal %}\r\n            <tr class=\"mz-ordersummary-subtotal\">\r\n              <td align=\"right\" colspan=\"4\">\r\n                <span class=\"\">{{ labels.subtotal }}:</span>\r\n                <span class=\">{{ discount.discountedSubTotal|currency }}</span>\r\n              </td>\r\n            </tr>\r\n            {% endif %}\r\n         \r\n            <tr class=\"mz-ordersummary-shippingtotal\">\r\n              <td align=\"right\" colspan=\"4\">\r\n                <span class=\"\">{{ labels.shippingHandling }}:</span>\r\n                <span class=\"\">{{ model.shippingSubTotal|currency }}</span>\r\n              </td>\r\n            </tr> \r\n            {% for shippingDiscount in model.shippingDiscounts %}\r\n            <tr class=\"mz-ordersummary-shippingdiscount\">\r\n              <td align=\"right\" colspan=\"4\">\r\n                <span class=\"\">{{ shippingDiscount.discount.discount.name }}:</span>\r\n                <span class=\"mz-ordersummary-totalvalue\">-{{ shippingDiscount.discount.impact|currency }}</span>\r\n              </td>\r\n            </tr> \r\n            {% endfor %}\r\n            {% if model.handlingAmount %}\r\n            <tr class=\"mz-ordersummary-additionalhandling\">\r\n                <td align=\"right\" colspan=\"4\">\r\n                  <span class=\"\">{{ labels.additionalHandling }}{% if model.handlingAmount > model.handlingTotal  %}<span class=\"is-crossedout\" {% block crossedout-inline-style %}{% endblock crossedout-inline-style %}> ({{ model.handlingAmount|currency }})</span>{% endif %}</span>\r\n                  <span class=\"\">{{ model.handlingTotal|currency }}</span>\r\n                </td>\r\n            </tr>\r\n            {% endif %}\r\n            <tr class=\"mz-ordersummary-grandtotal\">\r\n                <td align=\"right\" colspan=\"4\">\r\n                    <span class=\"\">{{ labels.total }}:</span>\r\n                    <span class=\"\">{{ model.total|currency }}</span>\r\n                </td>\r\n            </tr>\r\n        </tbody>\r\n    </table> \r\n\r\n{% endblock order-items %}\r\n \r\n  \r\n\r\n  \r\n\r\n\r\n","modules/my-account/order-history-package-group":"<div class=\"mz-order-packages\" data-mz-id=\"{{ model.id }}\">\n\n{% for package in packages %}\n\t{% if package.status == \"Fulfilled\" %}\n\t<div data-mz-order-package class=\"mz-order-package\">\n    \t{% include \"modules/my-account/order-history-package\" with model=package order=model %}\n    </div>\n    {% endif %}\n{% endfor %}\n\n</div>","modules/my-account/order-history-package-item":"<div data-mz-order-package-item data-mz-product-code=\"{{ model.productCode }}\">\n\t\t{% block order-package-item-header %}\n\t\t\t\n\t\t{% endblock order-package-item-header %}\n\n\t\t{% block order-package-item %}\n\n\t\t\t\t{% include \"modules/my-account/order-history-listing-item\" with model=model.getProductDetails packageItem=model %}\n\n\n\t\t{% endblock order-package-item %}\t\n\t\t\n\n\t\t{% block order-package-item-footer%}\n\n\t\t{% endblock order-package-item-footer %}\n</div>\n","modules/my-account/order-history-package":"<div class=\"mz-order-history-package\" data-mz-order-id=\"{{ order.id }}\" data-mz-package-id=\"{{ model.id }}\">\n\t{% block order-package-header %}\n\t\t\n\t{% endblock order-package-header %}\n\n\t<div class=\"mz-order-package-status\">\n\t\t{% block order-package-status %}\n\t\t\t\t{% if model.status == \"Fulfilled\" %}\n\t\t\t\t\t<h3 class=\"mz-package-status-heading\">{{ labels.orderPackageFulfilled|string_format(model.formatedFulfillmentDate) }}</h3>\n\t\t\t\t\t{% if model.trackingNumber %}\n\t\t\t\t\t\t<div class=\"mz-package-status-tracking\">\n\t\t\t\t\t\t\t<span class=\"mz-package-status-tracking\" data-mz-tracking-number=\"{{ item.trackingNumber }}\" data-mx-shipping-code=\"{{ item.shippingMethodCode }}\" data-mx-shipping-name=\"{{ item.shippingMethodName }}\">{{ labels.trackingNumber }}: {{ model.trackingNumber }}</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t{% endif %}\n\t\t\t\t{% endif %}\n\t\t{% endblock order-package-status %} \n\t</div>\n\n\n\t\n\t<div class=\"mz-order-package-items\">\n\t\t{% block order-package-items %}\n\t\t\t{% for packageItem in model.items %}\n\t\t\t\t{% include \"modules/my-account/order-history-package-item\" with model=packageItem %}\n\t\t\t{% endfor %}\n\t\t{% endblock order-package-items %}\n\t</div>\n\t\n\n\t<div class=\"mz-order-package-actions\">\n\t\t{% block order-package-actions %}\n\t\t\t\t\n\t    {% endblock order-package-actions %}\t\n\t</div>\n\t\n\n\t{% block order-package-footer %}\n\t\t\n\t{% endblock order-package-footer %}\n\t\n</div>","modules/my-account/order-history-paging-controls":"{% extends \"modules/common/paging-controls\" %}\r\n{% block page-sizes %}\r\n<option {% if model.pageSize == 5 %}selected=\"selected\"{% endif %} value=\"5\">5</option>\r\n{% parent %}\r\n{% endblock page-sizes %}\r\n","modules/my-account/package-item-return-form":"{% extends \"modules/common/item-return-form\" %}\n{% block item-return-quantity %}\n\n<div class=\"mz-l-formfieldgroup-row\">\n  <div class=\"mz-l-formfieldgroup-cell\">\n  <label class=\"mz-returnform-label\">{{ labels.quantityToReturn }}<span class=\"is-required\"> *</span>:</label>\n  <div class=\"mz-returnform-quantity mz-returnform-field\">\n    <input type=\"number\" data-mz-value=\"rmaQuantity\" min=\"1\" max=\"{{ model.quantityReturnable }}\" class=\"mz-returnform-quantityfield\" />\n    <span class=\"mz-returnform-quantitylabel\">{{ labels.of }} {{ model.quantityReturnable }}</span>\n    <span class=\"mz-validationmessage\" data-mz-validationmessage-for=\"rmaQuantity\"></span>\n  </div>\n  </div>\n</div>\n{% endblock item-return-quantity %}\n\n{% block item-return-actions %}\n\n{% endblock item-return-actions %}","modules/my-account/return-history-item-listing":"\r\n<div class=\"mz-itemlisting mz-itemlisting-rmaitem mz-l-formfieldgroup-row\"\">\r\n\r\n<div class=\"mz-l-formfieldgroup-cell\">\r\n{% block item-listing-image %}\r\n      {% if model.product.imageUrl %}\r\n      <div class=\"mz-itemlisting-thumb\">\r\n        <img class=\"mz-itemlisting-thumb-img\" src=\"{% make_url \"image\" model.product with max=70 as_parameters %}\" {% if model.product.imageAlternateText %}alt=\"{{ model.product.imageAlternateText }}\"{% endif %} />\r\n      </div>\r\n      {% endif %}\r\n  {% endblock item-listing-image %}\r\n\r\n {% block item-listing-details %}\r\n  <div class=\"mz-itemlisting-details\">\r\n    {% block item-name %}\r\n    <a class=\"mz-itemlisting-title\" href=\"{{ model.product.url }}\">\r\n      {{ model.product.name }}</a>\r\n    {% endblock item-name %}\r\n\r\n\r\n    {% block item-details %}\r\n\r\n\r\n      <div class=\"mz-itemlisting-description\">\r\n        {% for option in model.product.options %}{{ option.name }}: {{ option.value }}, {% endfor %}{{ model.product.variationProductCode|default(model.product.productCode) }}{% if model.product.measurements.packageWeight.value %}, {{ model.product.measurements.packageWeight.value }}{{model.measurements.packageWeight.unit }}{% endif %}\r\n      </div>\r\n      <div class=\"mz-itemlisting-price\">\r\n       {{labels.orderPackagePrice}} : {%if model.product.price.tenantOverridePrice %} {{ model.product.price.tenantOverridePrice|currency }} {% else %} {%if model.product.price.salePrice %} {{ model.product.price.salePrice|currency }} {% else %} {{ model.product.price.price|currency }} {%endif%}{%endif%}\r\n      </div>\r\n\r\n      {% if model.product.bundledProducts.length > 0 %}\r\n          <ul class=\"mz-itemlisting-bunldedProducts\">\r\n            {% for bundle in model.product.bundledProducts %}\r\n              {% if bundle.optionAttributeFQN == \"\" %}\r\n              <li class=\"mz-itemlisting-bunldedProducts-bundle\">\r\n                {% include \"modules/my-account/my-account-product-bundle\" with model=bundle %}\r\n              </li>\r\n              {% endif %}\r\n            {% endfor %}\r\n          </ul>\r\n      {% endif %}\r\n    {% endblock item-details %}\r\n  </div>\r\n{% endblock item-listing-details %}\r\n</div>\r\n\r\n<div class=\"mz-l-formfieldgroup-cell\">\r\n    <div class=\"mz-itemlisting-rmaitem-details\">\r\n        <h3>{{ labels.returnDetails }}</h3>\r\n        <dl class=\"mz-propertylist\">\r\n            {% for r in model.reasons %}\r\n            <dd>{{ r.reason }}</dd>\r\n            {% endfor %}\r\n\r\n            {% for c in model.notes %}\r\n            <dd>{{ c.text }}</dd>\r\n            {% endfor %}\r\n\r\n            {% if model.returnType %}\r\n            <dd class=\"return-type\"><strong>{{ labels.returnTypeRequested|string_format(model.returnType) }}</strong></dd>\r\n            {% endif %}\r\n        </dl>\r\n    </div>\r\n</div>\r\n\r\n</div>","modules/my-account/return-history-list":"    <ul class=\"mz-orderlist\">\r\n        {% for rma in model.items %}\r\n\t\t<li>{% include \"modules/my-account/return-history-listing\" with model=rma %}</li>\r\n        {% endfor %}\r\n    </ul>\r\n    \r\n    {% if model.allLoaded != 2 %}\r\n        <button class=\"mz-more-order\" data-mz-action-load-more-items=\"\" data-mz-action=\"loadMoreOrders\">view more orders</button>\r\n    {% endif %}\r\n\r\n\r\n\r\n\r\n","modules/my-account/return-history-listing":"{% extends \"modules/common/order-listing\" %}\n{% block order-details %}\n<ul class=\"mz-orderlisting-details-list\">\n            <li class=\"mz-orderlisting-details-item\">\n                <dl class=\"mz-propertylist mz-propertylist-order\">\n                    <dt>{{ labels.returnCreated }}</dt>\n                    <dd>{{ model.auditInfo.createDate|date(\"F j, Y\") }}</dd>\n                </dl>\n            </li>\n            <li class=\"mz-orderlisting-details-item\">\n                <dl class=\"mz-propertylist mz-propertylist-order\">\n                    <dt>{{ labels.returnNumber }}</dt>\n                    <dd>{{ model.returnNumber }}</dd>\n                </dl>\n            </li>\n            <li class=\"mz-orderlisting-details-item\">\n                <dl class=\"mz-propertylist mz-propertylist-order\">\n                    <dt>{{ labels.status }}</dt>\n                    <dd>{{ model.status }}</dd>\n                </dl>\n            </li>\n\n<li class=\"mz-orderlisting-details-item\">\n    {% if model.status == \"Authorized\" %}\n        \n                <div>\n                   <button id=\"print-return-label\" class=\"mz-button\" data-mz-action=\"printReturnLabel\" data-mz-returnId=\"{{model.id}}\">\n                        {{labels.returnPrintLabelButton}}\n                   </button>\n                </div>\n    {% endif %}\n    </li>\n</ul>\n\n{% endblock order-details %}\n{% block order-items %}\n    {% for item in model.items %}\n    {% include \"modules/my-account/return-history-item-listing\" with model=item %}\n    {% endfor %}\n{% endblock order-items %}\n","modules/my-account/return-history-return-listing":"{% extends \"modules/common/order-listing\" %}\r\n{% block order-details %}\r\n    <ul class=\"order-list-heading\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\" returnOrderHead=\"{{model.id}}\">\r\n            <li>\r\n                <label>{{ labels.status }}:</label>\r\n                <span>{{ model.status }}</span>\r\n            </li>\r\n            <li>\r\n                <label>{{ labels.returnNumber }}:</label>\r\n                <span>{{ model.returnNumber }}</span>\r\n            </li>\r\n            <li>\r\n                <label>{{ labels.returnTotal }}:</label>\r\n                <span>{{ model.refundAmount|currency }}</span>\r\n            </li>\r\n            <li class=\"plus-minus\">\r\n                <label><a returnOrderID=\"{{model.id}}\">+</a></label>\r\n                <span></span>\r\n            </li>\r\n        </ul> \r\n        {% comment %}\r\n    <dl class=\"mz-propertylist\">\r\n        <dt>{{ labels.status }}</dt>\r\n        <dd>{{ model.status }}</dd>\r\n        <dt>{{ labels.returnNumber }}</dt>\r\n        <dd>{{ model.returnNumber }}</dd>\r\n        <dt>{{ labels.returnTotal }}</dt>\r\n        <dd>{{ model.refundAmount|currency }}</dd>\r\n    </dt>\r\n    {% endcomment %}\r\n{% endblock order-details %}\r\n{% block order-items %}\r\n    <div returnOrderDetails=\"{{model.id}}\">\r\n    {% for item in model.items %}\r\n    {% include \"modules/my-account/return-history-item-listing\" with model=item %}\r\n    {% endfor %}\r\n    </div>\r\n{% endblock order-items %}\r\n\r\n\r\n","modules/my-account/subscription-list":"      <ul class=\"mz-orderlist\">\r\n        {% for sub in model.subscriptionlist.items %}\r\n            <li>{% include \"modules/my-account/subscription-order-listing\" with model=sub %}</li>\r\n        {% endfor %}\r\n       </ul>\r\n            \r\n          \r\n        \r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","modules/my-account/subscription-order-listing":"\r\n<div class=\"mz-orderlisting\" data-mz-id=\"{{ model.id }}\" >\r\n\r\n    <div class=\"mz-orderlisting-detail\">\r\n        {% block order-details %}\r\n        <ul class=\"order-list-heading active\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\" orderidhead=\"{{ model.number }}\">\r\n            <li>\r\n                <label>{{ labels.subscriptionNumber }}:</label>\r\n                <span>{{ model.number }}</span>\r\n                {% if model.status == \"Active\"%}\r\n                    <span class=\"orderstatuslabel active\">{{model.status}}</span>\r\n                {% elseif model.status == \"Paused\" %}\r\n                    <span class=\"orderstatuslabel paused\">{{model.status}}</span>\r\n                {% elseif model.status == \"Cancelled\" %}\r\n                    <span class=\"orderstatuslabel cancelled\">{{model.status}}</span>\r\n                {% elseif model.status == \"Errored\" %}\r\n                    <span class=\"orderstatuslabel errored\">{{model.status}}</span>\r\n                {% else %}\r\n                    <span class=\"orderstatuslabel failed\">{{model.status}}</span>\r\n                {% endif %}\r\n            </li>\r\n            <li>\r\n                <label>Order Total:</label>\r\n                <span>{{ model.total|currency }}</span>\r\n            </li>\r\n            <li class=\"plus-minus\">\r\n                <label><a orderIDhead=\"{{model.number}}\">+</a></label>\r\n                <span></span>\r\n            </li>\r\n        </ul>\r\n    <div class=\"order-list-main subcription-order-list\" orderID=\"{{model.number}}\" style=\"display:none;\">\r\n                <div class=\"order-list-sub-details\">\r\n                    <div class=\"sub-placed-order\">\r\n                        <h3 orderID=\"{{model.number}}\" class=\" mz-l-stack-sectiontitle orderDateHeading\"> How Often?</h3> \r\n                        <div class=\"sub-frequency\">{{model.frequency.value}}{% if model.frequency.value > 1 %} {{model.frequency.unit}}s {% else %} {{model.frequency.unit}} {% endif %}</div>\r\n                    </div>\r\n                    <div class=\"order-placed-date\">\r\n                        <h3 orderID=\"{{model.number}}\" class=\" mz-l-stack-sectiontitle orderDateHeading\"> Order Placed</h3> \r\n                        <div class=\"orderSummeryTitle\" style=\"display: none;\">Order Date</div>\r\n                        <div class=\"ordersummerydesc\">{{ model.auditInfo.createDate|date(\"F j, Y\") }} </div> \r\n                    </div>\r\n                </div>\r\n               \r\n                <div class=\"order-list-address-details\">\r\n            {% if model.payment %}\r\n                <div class=\"order-billing-address\">\r\n                    {% if payment.status != \"Voided\" and payment.status != \"Declined\" %}\r\n                    <div class=\"clearfix\"></div>\r\n                    <div class=\"billinginfo-container\">\r\n                    <h3 class=\"mz-l-stack-sectiontitle\">{{ labels.billingInformation }}</h3>\r\n                        {% include \"modules/checkout/checkout-payment\" with model=model.payment %}\r\n                    </div>\r\n                    {% endif %}\r\n                </div>\r\n            {% endif %}    \r\n            {% if model.fulfillmentInfo.fulfillmentContact%}\r\n                <div class=\"order-shipping-address\">\r\n                    <h3 class=\"mz-l-stack-sectiontitle\">{{ labels.shippingInformation }}</h3>\r\n                    <div class=\" orderSummeryTitle\" style=\"display: none;\">Shipping Address</div>\r\n                    <div class=\" ordersummerydesc\">{% include \"modules/common/address-summary\" with model=model.fulfillmentInfo.fulfillmentContact %}</div>\r\n                </div>\r\n            {% endif %}\r\n            {% if model.payment %}\r\n                <div class=\"order-billing-address\">\r\n                    {% if payment.status != \"Voided\" and payment.status != \"Declined\" %}\r\n                    <div class=\"clearfix\"></div>\r\n                    <div class=\"billinginfo-container\">\r\n                        <h3 class=\"mz-l-stack-sectiontitle\">Payment information</h3>\r\n                        <div class=\"ordersummerydesc\">\r\n                        {% if model.payment.billingInfo.paymentType == \"CreditCard\" %}\r\n                        <p>{{model.payment.billingInfo.card.paymentOrCardType}}</p>\r\n                        <p>Ending with {{model.payment.billingInfo.card.cardNumberPartOrMask|split(\"*\")|last}}</p>\r\n                        {% elseif model.payment.billingInfo.paymentType == \"PayPalExpress2\" %}\r\n                            <p>{{model.payment.billingInfo.paymentType}}</p>\r\n                        {% elseif model.payment.billingInfo.paymentType == \"StoreCredit\" %}\r\n                            <p>{{model.payment.billingInfo.paymentType}}</p>\r\n                            <p>{{model.payment.billingInfo.storeCreditCode}}</p>\r\n                        {% endif %}\r\n                        </div>\r\n                    </div>\r\n                    {% endif %}\r\n                </div>\r\n            {% endif %}   \r\n            {% if model.fulfillmentInfo.fulfillmentContact%}\r\n                <div class=\"order-shipping-address\">\r\n                    <h3 class=\"mz-l-stack-sectiontitle\">Shipping Method</h3>\r\n                    <div class=\"ordersummerydesc\">\r\n                     {% if model.fulfillmentInfo.shippingMethodCode==\"ups_UPS_GROUND\" or model.fulfillmentInfo.shippingMethodCode==\"ups_UPS_SUREPOST_LESS_THAN_1LB\" or model.fulfillmentInfo.shippingMethodCode ==\"ups_UPS_SUREPOST_1LB_OR_GREATER\"  or model.fulfillmentInfo.shippingMethodCode ==\"upssurepost_UPS_SUREPOST_1LB_OR_GREATER\"  or model.fulfillmentInfo.shippingMethodCode ==\"upssurepost_UPS_SUREPOST_LESS_THAN_1LB\" %}\r\n                        {{labels.economyGround}}\r\n                        {% else %}\r\n                         {{ model.fulfillmentInfo.shippingMethodName }}\r\n                     {% endif %}\r\n                   </div>\r\n                </div>\r\n            {% endif %}       \r\n        \r\n            <div orderID=\"{{model.orderNumber}}\" class=\"clearfix\"></div>\r\n               </div >\r\n               <script type=\"application/ld+json\" class=\"nearorder\" id=\"data-mz-preload-{{model.orderNumber}}\">\r\n                [{% for crumb in model.items%}\r\n                    {% if not forloop.last %}{\r\n                        \"productcode\": \"{{crumb.product.productCode}}\",\r\n                        \"productid\": \"{{crumb.product.productCode}}\",\r\n                        \"name\": \"{{crumb.product.name}}\",\r\n                        \"productType\": \"{{crumb.product.productType}}\",\r\n                        \"quantity\": {{crumb.quantity}},\r\n                        \"locationCode\": \"{{crumb.fulfillmentLocationCode}}\"\r\n                    },{% else %}{\r\n                        \"productcode\": \"{{crumb.product.productCode}}\",\r\n                        \"productid\": \"{{crumb.product.productCode}}\",\r\n                        \"name\": \"{{crumb.product.name}}\",\r\n                        \"productType\": \"{{crumb.product.productType}}\",\r\n                        \"quantity\": {{crumb.quantity}},\r\n                        \"locationCode\": \"{{crumb.fulfillmentLocationCode}}\"\r\n                    }{% endif %}\r\n                {% endfor %}\r\n                    ]\r\n                </script>\r\n               <h3 class=\"mz-l-stack-sectiontitle itemsTableTitle\">{{ labels.orderSummary }} </h3>\r\n                <div class=\"isDesktop\">\r\n                    <table class=\"mz-ordersummary\">\r\n                        <thead class=\"summary-table-head\">\r\n                            <th scope=\"col\" class=\"head-text productDetails\">PRODUCT DETAILS</th>\r\n                            <th scope=\"col\" class=\"head-text subscribeFrq\">HOW OFTEN?</th>\r\n                            <th scope=\"col\"  class=\"head-text productprice\">PRICE</th>\r\n                            <th scope=\"col\"  class=\"head-text productqty\">QUANTITY</th>\r\n                            <th scope=\"col\"  class=\"head-text producttotal\">ITEM TOTAL</th>\r\n                        </thead>\r\n                            <tbody class=\"item-list\" >\r\n                                {% for item in model.items %}\r\n                                    <tr class=\"summary-item\"  >\r\n                                        <td  class=\"item-name\">\r\n                                            <span class=\"item-img\">\r\n                                                <img src=\"{% if item.product.imageUrl %}{{item.product.imageUrl}}{% else %}{{ siteContext.cdnPrefix }}/cms/{{siteContext.siteId}}/files/{{themeSettings.no_product_image}}?max=200\"{% endif %}\" alt=\"\" />\r\n                                            </span>\r\n                                            <span class=\"discount-and-name\">\r\n                                                <span class=\"name\">\r\n                                                    {{ item.product.name|safe }}\r\n                                                    {% if item.product.productUsage == 'Bundle' %}\r\n                                                        <span class=\"mz-propertylist\">\r\n                                                            {% for bundledProduct in item.product.bundledProducts %}\r\n                                                                <span>{{ bundledProduct.productCode }}</span>&nbsp;\r\n                                                                <span>{{ bundledProduct.name }} ({{ bundledProduct.quantity }})</span>\r\n                                                            {% endfor %}\r\n                                                        </span>\r\n                                                    {% endif %}\r\n                                                </span>\r\n                                                <span class=\"discount\">\r\n                                                    {% for productDiscount in item.productDiscounts %}\r\n                                                        <span  class=\"discount-cointainer\">\r\n                                                            <span class=\"discount-data\">    \r\n                                                                <div class=\"discount-tital\">\r\n                                                                    <span class=\"discount-name\">{{ productDiscount.discount.name }}</span>\r\n                                                                    {% if productDiscount.discount.freeShipping %}\r\n                                                                        <span class=\"discount-freeshipping\">{{ labels.freeShipping }}</span>\r\n                                                                    {% else %}\r\n                                                                        <span class=\"discount-productImpact\"> -{{ productDiscount.impact|currency }}</span>\r\n                                                                    {% endif %}\r\n                                                                </div>\r\n                                                                {% comment %}\r\n                                                                {% if productDiscount.couponCode %}<span class=\"remove-coupon\" coupon=\"{{ productDiscount.couponCode }}\">Remove</span>{% endif %} \r\n                                                                {% endcomment %}\r\n                                                            </span>\r\n                                                        </span>\r\n                                                    {% endfor %}\r\n                                                </span>\r\n                                            </span>\r\n                                        </td>\r\n                                        <td class=\"item-price\">\r\n                                            <div class=\"sub-frequency\">{{model.frequency.value}}{% if model.frequency.value > 1 %} {{model.frequency.unit}}s {% else %} {{model.frequency.unit}} {% endif %}</div>\r\n                                        </td>\r\n                                        <td class=\"item-price\">\r\n                                            {% if item.product.price.salePrice and item.product.price.salePrice < item.product.price.price %}\r\n                                                <span class=\"sr-only\">Current price: </span><span class=\"saleprice\">{{item.product.price.salePrice|currency}}</span>\r\n                                                <span class=\"sr-only\">Original price: </span><span class=\"price strike\">{{item.product.price.price|currency}}</span>\r\n                                            {% else %}\r\n                                                <span class=\"price\">{{item.product.price.price|currency}}</span>\r\n                                            {% endif %}\r\n                                        </td>\r\n                                        <td class=\"item-qty\">\r\n                                            {{ item.quantity }}\r\n                                        </td>\r\n                                        <td class=\"item-total\">\r\n                                            {% include \"modules/common/item-total\" %}\r\n                                        </td>\r\n                                    </tr>\r\n                                {% endfor %}\r\n                             </tbody> </table>\r\n                             <hr>\r\n                             <div class=\"subscribe-action-setion\">\r\n                                <div class=\"subscribe-btn-section\">\r\n                                <ul>\r\n                                    <li>\r\n                                        <button id=\"pausebtn\" data-mz-action=\"pauseSubscription\" data-subscription-ids=\"{{model.id}}\" data-subscription-number=\"{{model.number}}\" {% if model.status == \"Cancelled\" or  model.status == \"Errored\" or model.status == \"Failed\" %} style=\"display:none;\" {% endif %}>{% if model.status == \"Paused\" %} RESUME SUBSCRIPTION {% else %}PAUSE SUBSCRIPTION{% endif %}</button>\r\n                                    </li>\r\n                                    <li>\r\n                                        <button id=\"cancelbtn\" data-mz-action=\"cancelSubscription\" data-subscription-ids=\"{{model.id}}\" data-subscription-number=\"{{model.number}}\" {% if model.status == \"Cancelled\" %} disabled=\"true\" {% endif %}>{% if model.status == \"Cancelled\" %} CANCELLED SUBSCRIPTION {% else %}CANCEL SUBSCRIPTION{% endif %}</button>\r\n                                    </li>\r\n                                </ul>\r\n                                </div>\r\n                             </div>\r\n                             <hr>\r\n                             <table class=\"mz-ordersummary\" style=\"width:96%\">\r\n                             <tbody>\r\n                            <tr  class=\"summary-subtotal\">\r\n                                <td colspan=\"3\" class=\"subtotal-label label\">{{ labels.subtotal }}</td>\r\n                                <td colspan=\"1\" class=\"subtotal-value value\">{{ model.discountedSubtotal|currency }}</td>\r\n                            </tr>\r\n                            {% if model.taxTotal %}\r\n                                <tr  class=\"summary-tax\"> \r\n                                    <td  colspan=\"3\" class=\"mz-ordersummary-totalname label\" colspan=\"2\">{{ labels.tax }}</td>\r\n                                    <td colspan=\"1\" class=\"mz-ordersummary-totalvalue value\">\r\n                                        {% if model.taxTotal == 0 %}\r\n                                            {% if PageContext.pageType == \"confirmation\" %} $0.00 {% else %} TBD {% endif %}\r\n                                        {% else %}\r\n                                            {{ model.taxTotal|currency }}\r\n                                        {% endif %}\r\n                                    </td>\r\n                                </tr>\r\n                            {% endif %}\r\n                            <tr  class=\"summary-shipping\">\r\n                                <td colspan=\"3\" class=\"mz-ordersummary-totalname label\">{{ labels.shippingHandling }}</span>\r\n                                <td colspan=\"1\" class=\"mz-ordersummary-totalvalue value {% if model.shippingTotal == 0 && !model.fulfillmentInfo.shippingMethodCode %}{% if PageContext.pageType == 'confirmation' %}free{% endif %}{% endif %}\">\r\n                                    {% if model.shippingTotal == 0 && !model.fulfillmentInfo.shippingMethodCode %}  \r\n                                        {% if PageContext.pageType == \"confirmation\" %} FREE {% else %} TBD {% endif %} \r\n                                    {% else %}\r\n                                        {{ model.shippingTotal|currency }}\r\n                                    {% endif %}\r\n                                </td>\r\n                            </tr>\r\n                            {% if model.handlingAmount %}\r\n                                <tr class=\"mz-ordersummary-additionalhandling\"  >\r\n                                    <td colspan=\"3\" class=\"mz-ordersummary-totalname label\">{{ labels.additionalHandling }}</td>\r\n                                    <td colspan=\"1\" class=\"mz-ordersummary-totalvalue value\">{{ model.handlingAmount|currency }}</td>\r\n                                </tr>\r\n                            {% endif %} \r\n                            {% for discount in model.orderDiscounts %}\r\n                                {% if not discount.excluded %}\r\n                                    <tr   class=\"mz-ordersummary-discount\">\r\n                                        {% comment %}<td class=\"remove-discount\">{% endcomment %}\r\n                                            <td colspan=\"2\" class=\"mz-ordersummary-discountname label\">{{ discount.discount.name }}</td>\r\n                                            <td class=\"mz-ordersummary-discountamt value discount free\">-{{ discount.impact|currency }}</td>\r\n                                        {% comment %}</td>{% endcomment %}\r\n                                    </tr>\r\n                                {% endif %}\r\n                            {% endfor %}\r\n                            {% comment %}\r\n                            {% for discount in model.shippingDiscounts %}\r\n                                {% if not discount.excluded %}\r\n                                    <tr   class=\"mz-ordersummary-discount\">\r\n                                    \r\n                                        <td colspan=\"2\" class=\"remove-discount\">\r\n                                            <span class=\"mz-ordersummary-discountname label\">{{ discount.discount.discount.name }}</span>\r\n                                           \r\n                                        </td>\r\n                                        \r\n                                        \r\n                                            <td  class=\"mz-ordersummary-discountamt value discount free\">-{{ discount.discount.impact|currency }}</td>\r\n        \r\n                                    </tr>\r\n                                {% endif %}   \r\n                                {% endfor %} \r\n                                {% endcomment %}\r\n                            {% if model.pwrAmount > 0 %}\r\n                                <tr  class=\"mz-ordersummary-rewards\">\r\n                                    <td colspan=\"3\" class=\"mz-ordersummary-totalname label\" >Rewards redeemed</td>\r\n                                    <td colspan=\"1\" class=\"mz-ordersummary-totalvalue value discount\" >-{{ model.pwrAmount|currency }}</td>\r\n                                </tr>\r\n                            {% endif %}\r\n                            {% if model.adjustment %}\r\n                                <tr   class=\"mz-ordersummary-rewards\">\r\n                                    <td colspan=\"3\" class=\"mz-ordersummary-totalname label\">Rewards (confirmation)</td>\r\n                                    <td colspan=\"1\" class=\"mz-ordersummary-totalvalue value discount\" >{{ model.adjustment.amount|currency }}</td>\r\n                                </tr>\r\n                            {% endif %}\r\n                            {% comment %}\r\n                            {% if model.discountedTotal %}\r\n                            {% if model.discountTotal!= 0.00 %} \r\n                                <tr   class=\"cart-discount\">\r\n                                    <td colspan=\"3\" class=\"mz-ordersummary-totalname label\">Discount</td>\r\n                                    <td colspan=\"1\" class=\"mz-ordersummary-totalvalue value discount\">-{{ model.discountTotal|currency }}</td>\r\n                                </tr>\r\n                            {% endif %}\r\n                            {% endif %}\r\n                            {% endcomment %}\r\n                   \r\n                            <tr   class=\"mz-ordersummary-grandtotal\">\r\n                                <td colspan=\"3\" class=\"mz-ordersummary-totalname label\">{{ labels.total }}</td>\r\n                                {% if pageContext.pageType == 'checkout' %}\r\n                                    {% with model.pwrAmount as p %} \r\n                                        <td colspan=\"1\" class=\"mz-ordersummary-totalvalue value\">{{ model.total|subtract(p)|currency }}</td>\r\n                                    {% endwith %}\r\n                                {% else %}\r\n                                    {% with model.adjustment.model as p %}\r\n                                        <td colspan=\"1\" class=\"mz-ordersummary-totalvalue value\">{{ model.total|subtract(p)|currency }}</td>\r\n                                    {% endwith %}\r\n                                {% endif %} \r\n                            </tr>\r\n                        </tbody>\r\n                    </table>\r\n                 </div>\r\n\r\n\r\n                <div class=\"isMobile\">\r\n                        <table class=\"mz-ordersummary\">\r\n                            <thead class=\"summary-table-head\">\r\n                                <th scope=\"col\" class=\"head-text productDetails\">PRODUCT DETAILS</th>\r\n                                <th scope=\"col\" class=\"head-text subscribeFrq\">HOW OFTEN?</th>\r\n                                <th scope=\"col\"  class=\"head-text productprice\">PRICE</th>\r\n                                <th scope=\"col\"  class=\"head-text productqty\">QUANTITY</th>\r\n                                <th scope=\"col\"  class=\"head-text producttotal\">ITEM TOTAL</th>\r\n                            </thead>    \r\n                           <tbody class=\"item-list\">\r\n                                    {% for item in model.items %}\r\n                                        <tr scope=\"row\" class=\"summary-item\"  >\r\n                                            <th class=\"item-img first-sec\" scope=\"row\">\r\n                                                <img src=\"{{item.product.imageUrl}}\" alt=\"\" />\r\n                                            </th> \r\n                                            <td class=\"second-sec\">\r\n                                            <table>\r\n                                            <tbody> \r\n                                                <tr  class=\"item-name\">\r\n                                                    <td colspan=\"3\"class=\"discount-and-name\">\r\n                                                        <span class=\"name\">\r\n                                                            {{ item.product.name|safe }}\r\n                                                            {% if item.product.productUsage == 'Bundle' %}\r\n                                                                <span class=\"mz-propertylist\">\r\n                                                                    {% for bundledProduct in item.product.bundledProducts %}\r\n                                                                        <span>{{ bundledProduct.productCode }}</span>&nbsp;\r\n                                                                        <span>{{ bundledProduct.name }} ({{ bundledProduct.quantity }})</span>\r\n                                                                    {% endfor %}\r\n                                                                </span>\r\n                                                            {% endif %}\r\n                                                        </span>\r\n                                                        <span class=\"discount\">\r\n                                                            {% for productDiscount in item.productDiscounts %}\r\n                                                                <span  class=\"discount-cointainer\">\r\n                                                                    <span class=\"discount-data\">    \r\n                                                                        <div class=\"discount-tital\">\r\n                                                                            <span class=\"discount-name\">{{ productDiscount.discount.name }}</span>\r\n                                                                            {% if productDiscount.discount.freeShipping %}\r\n                                                                                <span class=\"discount-freeshipping\">{{ labels.freeShipping }}</span>\r\n                                                                            {% else %}\r\n                                                                                <span class=\"discount-productImpact\"> -{{ productDiscount.impact|currency }}</span>\r\n                                                                            {% endif %}\r\n                                                                        </div>\r\n                                                                        {% comment %}\r\n                                                                        {% if productDiscount.couponCode %}<span class=\"remove-coupon\" coupon=\"{{ productDiscount.couponCode }}\">Remove</span>{% endif %} \r\n                                                                        {% endcomment %}\r\n                                                                    </span>\r\n                                                                </span>\r\n                                                            {% endfor %}\r\n                                                        </span>\r\n                                                    </td>\r\n                                                </tr>\r\n                                                <tr class=\"item-frequency\">\r\n                                                <td colspan=\"3\" class=\"frequency-details\">\r\n                                                    <span class=\"label\" style=\"width: 50%;display: inline-block;\">HOW OFTEN?</span>\r\n                                                    <div class=\"sub-frequency\">{{model.frequency.value}}{% if model.frequency.value > 1 %} {{model.frequency.unit}}s {% else %} {{model.frequency.unit}} {% endif %}</div>\r\n                                                </td>\r\n                                                </tr>\r\n                                                <tr>\r\n                                                <td class=\"item-price\">\r\n                                                    <span class=\"label\">PRICE</span>\r\n                                                    <span class=\"value\">\r\n                                                        {% if item.product.price.salePrice and item.product.price.salePrice < item.product.price.price %}\r\n                                                            <span class=\"sr-only\">Current price: </span><span class=\"saleprice\">{{item.product.price.salePrice|currency}}</span>\r\n                                                            <span class=\"sr-only\">Original price: </span><span class=\"price strike\">{{item.product.price.price|currency}}</span>\r\n                                                        {% else %}\r\n                                                            <span class=\"price\">{{item.product.price.price|currency}}</span>\r\n                                                        {% endif %}\r\n                                                    </span>\r\n                                                </td>\r\n                                                <td class=\"item-qty\">\r\n                                                    <span class=\"label\">QTY</span>\r\n                                                    <span class=\"value\">\r\n                                                        {{ item.quantity }}\r\n                                                    </span>\r\n                                                </td>\r\n                                                <td class=\"item-total\">\r\n                                                    <span class=\"label\">ITEM TOTAL</span>\r\n                                                    {% include \"modules/common/item-total\" %}\r\n                                                </td>\r\n                                                </tr>\r\n                                                </tbody>\r\n                                                </table>\r\n                                            </td>\r\n                                        </tr>\r\n                                    {% endfor %}\r\n                            </tbody>\r\n                            <tbody>\r\n                                <tr>\r\n                                    <td colspan=\"3\">\r\n                                        <hr>\r\n                                            <div class=\"subscribe-action-setion\">\r\n                                                <div class=\"subscribe-btn-section\">\r\n                                                    <ul>\r\n                                                        <li>\r\n                                                            <button id=\"pausebtn\" data-mz-action=\"pauseSubscription\" data-subscription-ids=\"{{model.id}}\" data-subscription-number=\"{{model.number}}\" {% if model.status == \"Cancelled\" or  model.status == \"Errored\" or model.status == \"Failed\" %} style=\"display:none;\" {% endif %}>{% if model.status == \"Paused\" %} RESUME SUBSCRIPTION {% else %}PAUSE SUBSCRIPTION{% endif %}</button>\r\n                                                        </li>\r\n                                                        <li>\r\n                                                            <button id=\"cancelbtn\" data-mz-action=\"cancelSubscription\" data-subscription-ids=\"{{model.id}}\" data-subscription-number=\"{{model.number}}\" {% if model.status == \"Cancelled\" %} disabled=\"true\" {% endif %}>{% if model.status == \"Cancelled\" %} CANCELLED SUBSCRIPTION {% else %}CANCEL SUBSCRIPTION{% endif %}</button>\r\n                                                        </li>\r\n                                                    </ul>\r\n                                                </div>\r\n                                            </div>\r\n                                        <hr>\r\n                                    </td>\r\n                                </tr>\r\n                            </tbody>\r\n                            <tbody class=\"summary-data-total\">\r\n                                <tr class=\"summary-subtotal\">\r\n                                    <td class=\"subtotal-label label\">{{ labels.subtotal }}</td>\r\n                                    <td class=\"subtotal-value value\">{{ model.subtotal|currency }}</td>\r\n                                </tr>\r\n                                {% if model.taxTotal %}\r\n                                    <tr  class=\"summary-tax\"> \r\n                                        <td class=\"mz-ordersummary-totalname label\">{{ labels.tax }}</td>\r\n                                        <td class=\"mz-ordersummary-totalvalue value\">\r\n                                            {% if model.taxTotal == 0 %}\r\n                                                {% if PageContext.pageType == \"confirmation\" %} $0.00 {% else %} TBD {% endif %}\r\n                                            {% else %}\r\n                                                {{ model.taxTotal|currency }}\r\n                                            {% endif %}\r\n                                        </td>\r\n                                    </tr>\r\n                                {% endif %}\r\n                                <tr class=\"summary-shipping\">\r\n                                    <td  class=\"mz-ordersummary-totalname label\">{{ labels.shippingHandling }}</span>\r\n                                    <td class=\"mz-ordersummary-totalvalue value {% if model.shippingTotal == 0 && !model.fulfillmentInfo.shippingMethodCode %}{% if PageContext.pageType == 'confirmation' %}free{% endif %}{% endif %}\">\r\n                                        {% if model.shippingTotal == 0 && !model.fulfillmentInfo.shippingMethodCode %}  \r\n                                            {% if PageContext.pageType == \"confirmation\" %} FREE {% else %} TBD {% endif %} \r\n                                        {% else %}\r\n                                            {{ model.shippingTotal|currency }}\r\n                                        {% endif %}\r\n                                    </td>\r\n                                </tr>\r\n                                {% if model.handlingAmount %}\r\n                                    <tr class=\"mz-ordersummary-additionalhandling\"  >\r\n                                        <td class=\"mz-ordersummary-totalname label\">{{ labels.additionalHandling }}</td>\r\n                                        <td class=\"mz-ordersummary-totalvalue value\">{{ model.handlingAmount|currency }}</td>\r\n                                    </tr>\r\n                                {% endif %} \r\n                                {% for discount in model.orderDiscounts %}\r\n                                    {% if not discount.excluded %}\r\n                                        <tr class=\"mz-ordersummary-discount\">\r\n                                            {% comment %}<td class=\"remove-discount\">{% endcomment %}\r\n                                                <td class=\"mz-ordersummary-discountname label\">{{ discount.discount.name }}</td>\r\n                                                <td class=\"mz-ordersummary-discountamt value discount\">-{{ discount.impact|currency }}</td>\r\n                                            {% comment %}</td>{% endcomment %}\r\n                                        </tr>\r\n                                    {% endif %}\r\n                                {% endfor %}\r\n                                {% for discount in model.shippingDiscounts %}\r\n                                    {% if not discount.excluded %}\r\n                                        <tr class=\"mz-ordersummary-discount\">\r\n                                        {% comment %}\r\n                                            <td  class=\"remove-discount\">\r\n                                                <span class=\"mz-ordersummary-discountname label\">{{ discount.discount.discount.name }}</span>\r\n                                                <span class=\"mz-ordersummary-discountamt value discount\">-{{ discount.discount.impact|currency }}</span>\r\n                                                {% if discount.discount.couponCode %}<span  role=\"button\" aria-label=\"remove coupon\" class=\"remove-coupon\" coupon=\"{{ discount.discount.couponCode }}\">Remove</span>{% endif %} \r\n                                            </td>\r\n                                            {% endcomment %}\r\n                                            <td class=\"mz-ordersummary-discountname label\">{{ discount.discount.discount.name }}</td>\r\n                                            <td class=\"mz-ordersummary-discountamt value discount\">-{{ discount.discount.impact|currency }}</td>\r\n                                        </tr>\r\n                                    {% endif %}   \r\n                                {% endfor %}\r\n                                {% if model.pwrAmount > 0 %}\r\n                                    <tr  class=\"mz-ordersummary-rewards\">\r\n                                        <td  class=\"mz-ordersummary-totalname label\" >Rewards redeemed</td>\r\n                                        <td class=\"mz-ordersummary-totalvalue value discount\" >-{{ model.pwrAmount|currency }}</td>\r\n                                    </tr>\r\n                                {% endif %}\r\n                                {% if model.adjustment %}\r\n                                    <tr class=\"mz-ordersummary-rewards\">\r\n                                        <td class=\"mz-ordersummary-totalname label\">Rewards (confirmation)</td>\r\n                                        <td class=\"mz-ordersummary-totalvalue value discount\" >{{ model.adjustment.amount|currency }}</td>\r\n                                    </tr>\r\n                                {% endif %}\r\n                                {% if model.discountedTotal %}\r\n                                {% if model.discountTotal!= 0.00 %} \r\n                                    <tr class=\"cart-discount\">\r\n                                        <td  class=\"mz-ordersummary-totalname label\">Discount</td>\r\n                                        <td class=\"mz-ordersummary-totalvalue value discount\">-{{ model.discountTotal|currency }}</td>\r\n                                    </tr>\r\n                                {% endif %}\r\n                                {% endif %}\r\n                                 <tr class=\"line-throug\">\r\n                                 <td>&nbsp</td></tr>\r\n                                <tr class=\"mz-ordersummary-grandtotal\">\r\n                                    <td  class=\"mz-ordersummary-totalname label\">{{ labels.total }}</td>\r\n                                    {% if pageContext.pageType == 'checkout' %}\r\n                                        {% with model.pwrAmount as p %} \r\n                                            <td class=\"mz-ordersummary-totalvalue value\">{{ model.total|subtract(p)|currency }}</td>\r\n                                        {% endwith %}\r\n                                    {% else %}\r\n                                        {% with model.adjustment.model as p %}\r\n                                            <td class=\"mz-ordersummary-totalvalue value\">{{ model.total|subtract(p)|currency }}</td>\r\n                                        {% endwith %}\r\n                                    {% endif %} \r\n                                </tr>\r\n                            </tbody>\r\n                        </table>\r\n                        </div>\r\n    </div>        \r\n        {% endblock order-details %}\r\n</div>\r\n","modules/onlinecandystore-homenew":"\n<section id=\"newcode\">\n\t{{ \"stylesheets/modules/online-order-candy-store.less\"|stylesheet_tag:\"default\" }}\n\n\n\t<div>\n\t\t<div class=\"isDesktop\">\n\t\t\t{% dropzone \"home-header\" scope=\"page\" %}\n\t\t</div>\n\t\t<div class =\"isMobile\">\n\t\t\t{% dropzone \"home-header-mob\" scope=\"page\" %}\n\t\t</div>\n\t</div>\n\t \n\t{% dropzone \"a-spot-conetnet\" scope=\"page\" %}\n\t{% dropzone \"b-spot-conetnet\" scope=\"page\" %}\n\t{% dropzone \"featured-product-conetnet\" scope=\"page\" %}\n\t\n\t\n\t\n\t\n\t<div class=\"beansWrapper\">\n\t  <div class=\"beans-description-section\">\n\t\t  <h3 class=\"bp-heading\">SHOP BY COLOR</h3>\n\t  </div>\n\t  <div class=\"beans-list-section\">\n\t\t <ul class=\"grid-row\">\n\t\t\t  <li class=\"grid-item\" role=\"group\" aria-label=\"bean\">\n\t\t\t\t  <a href=\"/blue/c/334\">\n\t\t\t\t\t  <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/4ee93e6c-c132-47ab-a748-b9663251b14e?maxWidth=150\" alt=\"\">\n\t\t\t\t\t  <p>Blue</p>\n\t\t\t\t  </a>\n\t\t\t  </li> \n\t\t\t  <li class=\"grid-item\" role=\"group\" aria-label=\"bean\">\n\t\t\t\t  <a href=\"/black/c/333\">\n\t\t\t\t\t  <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/62f421e3-bc8a-41f0-8e57-be742b4ad6ef?maxWidth=150\" alt=\"\">\n\t\t\t\t\t  <p>Black</p>\n\t\t\t\t  </a>\n\t\t\t  </li>\n\t\t\t  <li class=\"grid-item\" role=\"group\" aria-label=\"bean\">\n\t\t\t\t  <a href=\"/pink/c/327\">\n\t\t\t\t\t  <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/af61cc87-48ba-4364-9417-5aa6767dc7c3?maxWidth=150\" alt=\"\">\n\t\t\t\t  <p>Pink</p>\n\t\t\t\t  </a>\n\t\t\t  </li>\n\t\t\t  <li class=\"grid-item\" role=\"group\" aria-label=\"bean\">\n\t\t\t\t  <a href=\"/white/c/330\">\n\t\t\t\t\t  <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/524b6e53-32cc-4dcf-9fe8-26ac9e1b89f7?maxWidth=150\" alt=\"\">\n\t\t\t\t\t  <p>White</p>\n\t\t\t\t  </a>\n\t\t\t  </li>\n\t\t\t  <li class=\"grid-item\" role=\"group\" aria-label=\"bean\">\n\t\t\t\t  <a href=\"/green/c/324\">\n\t\t\t\t\t  <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/a7a0e8e9-25c9-42b7-ba2c-a8205bc49a54?maxWidth=150\" alt=\"\">\n\t\t\t\t\t  <p>Green</p>\n\t\t\t\t  </a>\n\t\t\t  </li>\n\t\t\t  <li class=\"grid-item\" role=\"group\" aria-label=\"bean\">\n\t\t\t\t  <a href=\"/red/c/329\">\n\t\t\t\t\t  <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/c2909d75-8d0c-4629-b086-8ad2b43b3ac7?maxWidth=150\" alt=\"\">\n\t\t\t\t\t  <p>Red</p>\n\t\t\t\t  </a>\n\t\t\t  </li>\n\t\t\t  <li class=\"grid-item\" role=\"group\" aria-label=\"bean\">\n\t\t\t\t  <a href=\"/orange/c/326\">\n\t\t\t\t\t  <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/01716593-31a1-42ae-b31e-fb9bee03aefa?maxWidth=150\" alt=\"\">\n\t\t\t\t\t  <p>Orange</p>\n\t\t\t\t  </a>\n\t\t\t  </li>\n\t\t\t  <li class=\"grid-item\" role=\"group\" aria-label=\"bean\">\n\t\t\t\t  <a href=\"/purple/c/328\">\n\t\t\t\t\t  <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/64e1b48e-8989-4ec3-be34-f19a95ffc864?maxWidth=150\" alt=\"\">\n\t\t\t\t\t  <p>Purple</p>\n\t\t\t\t  </a>\n\t\t\t  </li>\n\t\t\t  <li class=\"grid-item\" role=\"group\" aria-label=\"bean\">\n\t\t\t\t  <a href=\"/yellow/c/331\">\n\t\t\t\t\t  <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/93aa8039-d6f6-4d33-8562-4d250bc60ad3?maxWidth=150\" alt=\"\">\n\t\t\t\t\t  <p>Yellow</p>\n\t\t\t\t  </a>\n\t\t\t  </li>\n\t\t\t  <li class=\"grid-item\" role=\"group\" aria-label=\"bean\">\n\t\t\t\t  <a href=\"/multi-colored/c/325\">\n\t\t\t\t\t  <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/e7fafb0e-9dc4-4c9c-93bc-485d306ac31d?maxWidth=150\" alt=\"\">\n\t\t\t\t\t  <p>Multi Colored/Mix</p>\n\t\t\t\t  </a>\n\t\t\t  </li>\n\t\t\t  <li class=\"grid-item\" role=\"group\" aria-label=\"bean\">\n\t\t\t\t<a href=\"/brown/c/323\">\n\t\t\t\t\t<img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/09b6ee31-84e9-469e-a65c-741dce1604d0?maxWidth=150\" alt=\"\">\n\t\t\t\t\t<p>Brown</p>\n\t\t\t\t</a>\n\t\t\t</li>\n\t\t\t<li class=\"grid-item\" role=\"group\" aria-label=\"bean\">\n\t\t\t\t<a href=\"/beige/c/332\">\n\t\t\t\t\t<img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/82300a36-6c45-450d-aded-6dc7b19fb203?maxWidth=150\" alt=\"\">\n\t\t\t\t\t<p>Beige</p>\n\t\t\t\t</a>\n\t\t\t</li>\n\t\t  </ul>\n\t  </div>\n\t</div>\n\t\n\t<div id=\"feature-wrapper\">\n\n\t\t{% comment %}\n\t  <h3 class=\"feature-category-title\">Shop top Categories</h3>\n\t  <ul id=\"featured-categories\" class=\"featured-category-section\">\n\n\t\t<li class=\"category-card\" role=\"group\" aria-label=\"category\">\n\t\n\t\t  <picture>\n\t\t\t<!-- if no webp support -->\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/f25f1ab3-c681-43f1-9e3a-4fd236c2fa54 1920w\" media=\"(min-width: 1344px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/f25f1ab3-c681-43f1-9e3a-4fd236c2fa54 1280w\" media=\"(min-width: 768px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/dc45c8c0-8ddd-49e5-ab45-c4c40c5b6aef 720w\" media=\"(min-width: 400px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/dc45c8c0-8ddd-49e5-ab45-c4c40c5b6aef?maxWidth=400 360w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\n\t\t\t<!-- if no picture element support)-->\n\t\t  <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/f25f1ab3-c681-43f1-9e3a-4fd236c2fa54\" alt=\"\" class=\"fallback\">\n\t\t  </picture>\n\t\t  <div class=\"category-card-content\">\n\t\t\t<h2 class=\"title\">Jelly Belly® Jelly Beans</h2>\n\t\t\t<p class=\"description\"> Discover the world’s #1 gourmet jelly bean, made in over 50 amazing flavors.</p>\n\t\t\t<a href=\"/jelly-belly-jelly-beans/c/335\">Shop Jelly Belly Jelly Beans</a>\n\t\t  </div>\n\t\t</li>\n\t\t<li class=\"category-card\" role=\"group\" aria-label=\"category\">\n\t\t  <picture>\n\t\t\t<!-- if no webp support -->\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/c52da33d-a3a5-4be7-99c3-42f2057d36b3 1920w\" media=\"(min-width: 1344px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/c52da33d-a3a5-4be7-99c3-42f2057d36b3 1280w\" media=\"(min-width: 768px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/bda9a02b-466a-4506-a3f1-3af66c262028 720w\" media=\"(min-width: 400px)\" type=\"image/jpeg\">\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/bda9a02b-466a-4506-a3f1-3af66c262028?maxWidth=400 360w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\n\t\t\t<!-- if no picture element support-->\n\t\t  <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/c52da33d-a3a5-4be7-99c3-42f2057d36b3\" alt=\"\" class=\"fallback\">\n\t\t  </picture>\n\t\t  <div class=\"category-card-content\">\n\t\t\t<h2 class=\"title\">BeanBoozled® Jelly Beans</h2>\n\t\t\t<p class=\"description\"> Are you ready to compare some of our tastiest flavors with our craziest ones?</p>\n\t\t\t<a href=\"/beanboozled-jelly-beans/c/341\">Shop Beanboozled Jelly Beans</a>\n\t\t  </div>\n\t\t</li>\n\t\t<li class=\"category-card\" role=\"group\" aria-label=\"category\">\n\t\n\t\t  <picture>\n\t\t\t<!-- if no webp support -->\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/0f551274-d8da-43ae-90cc-9e9c8152a9a7 1920w\" media=\"(min-width: 1344px)\" type=\"image/jpeg\">\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/0f551274-d8da-43ae-90cc-9e9c8152a9a7 1280w\" media=\"(min-width: 768px)\" type=\"image/jpeg\">\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/17003428-d9db-476b-b0fc-112d5af2b8bf 720w\" media=\"(min-width: 400px)\" type=\"image/jpeg\">\n\t\t\t<source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/17003428-d9db-476b-b0fc-112d5af2b8bf?maxWidth=400 360w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\n\t\t\n\t\t\t<!-- if no picture element support-->\n\t\t\t  <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/0f551274-d8da-43ae-90cc-9e9c8152a9a7\" alt=\"\" class=\"fallback\">\n\t\t  </picture>\n\t\t  <div class=\"category-card-content\">\n\t\t\t<h2 class=\"title\">Jelly Belly® Confections</h2>\n\t\t\t<p class=\"description\">Did you know Jelly Belly makes over 50 other candies?</p>\n\t\t\t<a href=\"/confections-by-jelly-belly/c/339\">Shop Jelly Belly Confections</a>\n\t\t  </div>\n\t\t</li>\n\t\t<li class=\"category-card\" role=\"group\" aria-label=\"category\">\n\t\t  <picture>\n\t\t\t<!-- if no webp support -->\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/80bab5b2-1e38-438e-a9ef-59d34a511bbc 1920w\" media=\"(min-width: 1344px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/80bab5b2-1e38-438e-a9ef-59d34a511bbc 1280w\" media=\"(min-width: 768px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/8c7bef6f-4ed1-4139-92af-b17eea7fe456 720w\" media=\"(min-width: 400px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/8c7bef6f-4ed1-4139-92af-b17eea7fe456?maxWidth=400 360w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\n\t\t\t<!-- if no picture element support-->\n\t\t  <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/80bab5b2-1e38-438e-a9ef-59d34a511bbc\" alt=\"\" class=\"fallback\">\n\t\t  </picture>\n\t\t  <div class=\"category-card-content\">\n\t\t\t<h2 class=\"title\"> Harry Potter™ </h2>\n\t\t\t<p class=\"description\">Discover chocolates and confections inspired by Harry Potter!</p>\n\t\t\t<a href=\"/harry-potter-bertie-bott-s/c/344\">Shop Harry Potter</a>\n\t\t  </div>\n\t\t</li>\n\t\n\t\t<li class=\"category-card\" role=\"group\" aria-label=\"category\">\n\t\t  <picture>\n\t\t\t<!-- if no webp support -->\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/86a78764-4ba7-49ac-8e35-c950b2b28595 1920w\" media=\"(min-width: 1344px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/86a78764-4ba7-49ac-8e35-c950b2b28595 1280w\" media=\"(min-width: 768px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/74613bbf-1d5f-4aed-b391-c91ef43a90af 720w\" media=\"(min-width: 400px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/74613bbf-1d5f-4aed-b391-c91ef43a90af?maxWidth=400 360w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\n\t\t\t<!-- if no picture element support-->\n\t\t  <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/86a78764-4ba7-49ac-8e35-c950b2b28595\" alt=\"\" class=\"fallback\">\n\t\t  </picture>\n\t\t  <div class=\"category-card-content\">\n\t\t\t<h2 class=\"title\"> BeanBoozled® Fiery Five </h2>\n\t\t\t<p class=\"description\">Can you handle the heat? That’s the question you’ll finally get to answer when you try these BeanBoozled Fiery Five</p>\n\t\t\t<a href=\"/beanboozled-fiery-five/c/513\">Shop BeanBoozled Fiery Five</a>\n\t\t  </div>\n\t\t</li>\n\t\n\t\n\t\t<li class=\"category-card\" role=\"group\" aria-label=\"category\">\n\t\t  <picture>\n\t\t\t<!-- if no webp support -->\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/1d261e3c-3812-4e74-8d25-bf0b7b8fd5ae 1920w\" media=\"(min-width: 1344px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/1d261e3c-3812-4e74-8d25-bf0b7b8fd5ae 1280w\" media=\"(min-width: 768px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/ed521ebe-5dcc-458a-ade5-094c2de6d97d 720w\" media=\"(min-width: 400px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/ed521ebe-5dcc-458a-ade5-094c2de6d97d?maxWidth=400 360w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\n\t\t\t<!-- if no picture element support-->\n\t\t  <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/1d261e3c-3812-4e74-8d25-bf0b7b8fd5ae\" alt=\"\" class=\"fallback\">\n\t\t  </picture>\n\t\t  <div class=\"category-card-content\">\n\t\t\t<h2 class=\"title\"> Krispy Kreme® Jelly Beans </h2>\n\t\t\t<p class=\"description\">Irresistible Krispy Kreme Doughnuts are now available as Jelly Belly jelly beans.</p>\n\t\t\t<a href=\"/krispy-kreme-doughnuts-jelly-beans-mix/c/505\">Shop Krispy Kreme Jelly Beans</a>\n\t\t  </div>\n\t\t</li>\n\t\n\t\n\t\t<li class=\"category-card\" role=\"group\" aria-label=\"category\">\n\t\t  <picture>\n\t\t\t<!-- if no webp support -->\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/e5e52aff-e034-4894-bcee-c5489455723e 1920w\" media=\"(min-width: 1344px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/e5e52aff-e034-4894-bcee-c5489455723e 1280w\" media=\"(min-width: 768px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/63c58629-d6f3-4be6-8775-170b8ef6a991 720w\" media=\"(min-width: 400px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/63c58629-d6f3-4be6-8775-170b8ef6a991?maxWidth=400 360w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\n\t\t\t<!-- if no picture element support-->\n\t\t  <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/e5e52aff-e034-4894-bcee-c5489455723e\" alt=\"\" class=\"fallback\">\n\t\t  </picture>\n\t\t  <div class=\"category-card-content\">\n\t\t\t<h2 class=\"title\"> Sunkist®</h2>\n\t\t\t<p class=\"description\">If you’re all about keeping things fruity and flavorful, then you’re going to absolutely flip over Jelly Belly Sunkist® candy.</p>\n\t\t\t<a href=\"/sunkist-candies/c/342\">Shop Sunkist</a>\n\t\t  </div>\n\t\t</li>\n\t\n\t\t<li class=\"category-card\" role=\"group\" aria-label=\"category\">\n\t\t  <picture>\n\t\t\t<!-- if no webp support -->\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/4d16e720-23d9-490a-9681-1d19038a914d 1920w\" media=\"(min-width: 1344px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/4d16e720-23d9-490a-9681-1d19038a914d 1280w\" media=\"(min-width: 768px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/b90277e5-7e23-4daa-9a23-454892045931 720w\" media=\"(min-width: 400px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/b90277e5-7e23-4daa-9a23-454892045931?maxWidth=400 360w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\n\t\t\t<!-- if no picture element support-->\n\t\t  <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/4d16e720-23d9-490a-9681-1d19038a914d\" alt=\"\" class=\"fallback\">\n\t\t  </picture>\n\t\t  <div class=\"category-card-content\">\n\t\t\t<h2 class=\"title\">Sport Beans®</h2>\n\t\t\t<p class=\"description\">Sport Beans® jelly beans are a first-of-its-kind carbohydrate replenishment for sports performance from the makers of Jelly Belly®.</p>\n\t\t\t<a href=\"/sport-beans-jelly-beans/c/336\">Shop Sport Beans</a>\n\t\t  </div>\n\t\t</li>\n\t\n\t\n\t\t<li class=\"category-card\" role=\"group\" aria-label=\"category\">\n\t\t  <picture>\n\t\t\t<!-- if no webp support -->\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/fe0f3512-5f55-480d-95ab-479d6165505c 1920w\" media=\"(min-width: 1344px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/fe0f3512-5f55-480d-95ab-479d6165505c 1280w\" media=\"(min-width: 768px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/fcb61421-70de-4613-a8e9-35608e9eb872 720w\" media=\"(min-width: 400px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/fcb61421-70de-4613-a8e9-35608e9eb872?maxWidth=400 360w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\n\t\t\t<!-- if no picture element support-->\n\t\t  <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/fe0f3512-5f55-480d-95ab-479d6165505c\" alt=\"\" class=\"fallback\">\n\t\t  </picture>\n\t\t  <div class=\"category-card-content\">\n\t\t\t<h2 class=\"title\">Holiday (FPO)</h2>\n\t\t\t<p class=\"description\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas varius.  Lorem ipsum dolor sit amet.</p>\n\t\t\t<a href=\"/sport-beans-jelly-beans/c/336\">Shop CTA</a>\n\t\t  </div>\n\t\t</li>\n\t\n\t\t\n\t\t<li class=\"category-card\" role=\"group\" aria-label=\"category\">\n\t\t  <picture>\n\t\t\t<!-- if no webp support -->\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/1260e718-165a-41c4-9fef-05e8425310e0 1920w\" media=\"(min-width: 1344px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/1260e718-165a-41c4-9fef-05e8425310e0 1280w\" media=\"(min-width: 768px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/0253f232-5300-458e-8a24-320ea49037ac 720w\" media=\"(min-width: 400px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/0253f232-5300-458e-8a24-320ea49037ac?maxWidth=400 360w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\n\t\t\t<!-- if no picture element support-->\n\t\t  <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/1260e718-165a-41c4-9fef-05e8425310e0\" alt=\"\" class=\"fallback\">\n\t\t  </picture>\n\t\t  <div class=\"category-card-content\">\n\t\t\t<h2 class=\"title\">Sugar-Free</h2>\n\t\t\t<p class=\"description\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas varius.  Lorem ipsum dolor sit amet.</p>\n\t\t\t<a href=\"/sugar-free-candy/c/338\">Shop Sugar Free</a>\n\t\t  </div>\n\t\t</li>\n\t\n\t\n\t\t\n\t\t<li class=\"category-card\" role=\"group\" aria-label=\"category\">\n\t\t  <picture>\n\t\t\t<!-- if no webp support -->\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/e9f9187c-5647-4155-82d6-290264443adf 1920w\" media=\"(min-width: 1344px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/e9f9187c-5647-4155-82d6-290264443adf 1280w\" media=\"(min-width: 768px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/140ba00c-7a99-43e7-93fe-d3b4adae1bdf 720w\" media=\"(min-width: 400px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/140ba00c-7a99-43e7-93fe-d3b4adae1bdf?maxWidth=400 360w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\n\t\t\t<!-- if no picture element support-->\n\t\t  <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/e9f9187c-5647-4155-82d6-290264443adf\" alt=\"\" class=\"fallback\">\n\t\t  </picture>\n\t\t  <div class=\"category-card-content\">\n\t\t\t<h2 class=\"title\">Belly Flops</h2>\n\t\t\t<p class=\"description\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas varius.  Lorem ipsum dolor sit amet.</p>\n\t\t\t<a href=\"/belly-flops-/c/343\">Shop Belly Flops</a>\n\t\t  </div>\n\t\t</li>\n\t\n\t\n\t\t<div class=\"category-card\" role=\"group\" aria-label=\"category\">\n\t\t  <picture>\n\t\t\t<!-- if no webp support -->\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/59ac3619-33a1-4fc1-be8e-7eeef1cdac77 1920w\" media=\"(min-width: 1344px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/59ac3619-33a1-4fc1-be8e-7eeef1cdac77 1280w\" media=\"(min-width: 768px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/964c87cf-728a-453d-9417-2ab3b3afd852 720w\" media=\"(min-width: 400px)\" type=\"image/jpeg\">\n\t\t  <source srcset=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/964c87cf-728a-453d-9417-2ab3b3afd852?maxWidth=400 360w\" media=\"(max-width: 400px)\" type=\"image/jpeg\">\n\t\t\t<!-- if no picture element support-->\n\t\t  <img src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/59ac3619-33a1-4fc1-be8e-7eeef1cdac77\" alt=\"\" class=\"fallback\">\n\t\t  </picture>\n\t\t  <div class=\"category-card-content\">\n\t\t\t<h2 class=\"title\">Cold Stone</h2>\n\t\t\t<p class=\"description\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas varius.  Lorem ipsum dolor sit amet.</p>\n\t\t\t<a href=\"/cold-stone-jelly-beans/c/157\">Shop Cold Stone</a>\n\t\t  </div>\n\t\t</div>\n\n\t  </ul>\n\t\t{% endcomment %}\n\t</div>\n\t\n\t<div id=\"factory-wapper-section\">\n\t<div id=\"jb-factory-outlet-sale-section\">\n\t  <ul>\n\t\t<li>\n\t\t<div class=\"footer-lookup factory-outlet\">\n\t\t  <h2 class=\"evrgreen-label-top\">FACTORY OUTLET</h2>\n\t\t  <span class=\"evrgreen-label-bottom\">Deals on Overstocked Items</span>\n\t\t  <a href=\"/jelly-belly-bargain-outlet/c/5\">SHOP NOW</a>\n\t\t</div>\n\t\t</li>\n\t\t<li> \n\t\t  <div class=\"footer-lookup flash-sale\">\n\t\t\t<h2 class=\"evrgreen-label-top\">FLASH SALE</h2>\n\t\t\t<span class=\"evrgreen-label-bottom\">Limited-Time and Limited-Stock Offers</span>\n\t\t\t<a href=\"/flash-sale/c/846\">SHOP NOW</a>\n\t\t  </div>\n\t\t</li>\n\t\t   </ul>\n\t</div>\n\t</div>  \n\t<div class=\"new-promo-catehome\">\n\t\t{% dropzone \"home-promos\" scope=\"page\" %}\n\t\n\t</div>\n\n\n\n</section>\n\n\n  \n","modules/page-header/softcart":"{% if model.count > 0 %}\n    <div class=\"head-mincart\" role=\"region\" aria-label=\"minicart header\">\n        <h1  class=\"items-in-cart-msg\">You have {{model.count}} {% if model.count == 1 %} item {% else %} items{% endif %} in your Cart</h1>\n        \n            <div class=\"popupCloseCartButton minicart-close-sec firstLayoverElem\" tabindex=\"0\" role=\"button\" aria-label=\"Close\"></div>\n        \n    </div>\n    <div class=\"wrapping-minicart-content\">\n        <div class=\"jb-minicart-items-container\" role=\"region\" aria-label=\"minicart items container\">\n            <ul> \n                {% for item in model.items %}\n                    <li>\n                        <div role=\"group\" aria-label=\"Cart Item {{forloop.index}}\">\n                            {% if item.product.imageUrl and themeSettings.showCartItemImage %}\n                                <div class=\"item-image\">\n                                    <img src=\"{{ item.product.imageUrl }}?maxWidth=80\" alt=\"\"/>\n                                </div>\n                            {% else %}    \n                                <div class=\"item-image\">\n                                    <img src=\"{{ siteContext.cdnPrefix }}/cms/{{siteContext.siteId}} /files/{{themeSettings.no_product_image}}?maxWidth=80\" alt=\"\"/>\n                                </div>\n                            {% endif %}\n                            <div class=\"item-shop-details\" data-id=\"{{item.product.productCode}}\" data-qty=\"{{item.quantity}}\">\n                                <h2> {{item.product.name|safe}}</h2>\n                                <p>Price: \n                                    {% if item.unitPrice.saleAmount %}\n                                        {{item.product.price.salePrice|currency}} \n                                    {% else %} \n                                        {{ item.unitPrice.extendedAmount|currency }} \n                                    {% endif %}\n                                </p>\n                                <p>Quantity: {{item.quantity}}</p>\n                                {% if item.isNoShipping %}\n                                    <p class=\"no-free-shiping-msg\">This product does not count toward the Free Shipping threshold</p>\n                                {% endif %}\n                            </div>\n                            <div class=\"item-sub-total\">  \n                                {% if item.discountTotal > 0 %}<span class=\"discounted-total\"><span class=\"sr-only\">Item total: </span>{{ item.discountedTotal|currency }}</span> {% else %}<span class=\"total-sub\"><span class=\"sr-only\">Item total: </span>{{item.subtotal|currency}}</span>{% endif %}\n                            </div>\n                        </div>\n                    </li>\n                {% endfor %}\n            </ul>\n        </div>\n\n        \n        <div class=\"jb-minicart-total-container\" role=\"region\" aria-label=\"minicart total container\">\n            <div class=\"sub-total\"><h3>SubTotal:</h3><p>{{model.subtotal|currency}}</p></div>\n            <div class=\"tax-total\"><h3>Tax:</h3><p>TBD</p></div>\n            <div class=\"shipping-details\"><h3>Shipping:</h3><p> TBD </p></div>\n            {% if model.remainingfreeshippinng > 0  && !model.hasHeatSensitive  %}\n                {% if model.isNoShipping %}\n                    <div class=\"hide-when-heat-sensitive\">\n                            You are only ${{model.remainingfreeshippinng}} away from \n                            <a href=\"/shipping-info\">\n                            Discounted Shipping</a>!\n                    </div> \n                {% else %}\n                    <div class=\"hide-when-heat-sensitive\">\n                            You are only ${{model.remainingfreeshippinng}} away from \n                            <a href=\"/shipping-info\">\n                            FREE Ground Shipping</a>! \n                    </div> \n                {% endif %}\n            {% endif %}\n            {% if model.remainingfreeshippinng == 0  && !model.hasHeatSensitive %}\n                {% if model.isNoShipping %}\n                    <div class=\"hide-when-heat-sensitive\">\n                        Congratulations, you qualify for Discounted Shipping!\n                    <!-- <a href=\"/shipping-info\" >Discounted Shipping</a>! -->\n                    </div> \n                {% else %}\n                    <div class=\"hide-when-heat-sensitive\">\n                        Congratulations, you qualify for <a href=\"/shipping-info\" >FREE Ground Shipping</a>!\n                        <!-- <a href=\"/shipping-info\" >FREE Ground Shipping</a>! -->\n                    </div> \n                {% endif %}\n            {% endif %}\n        </div>\n    </div>\n    <div class=\"jb-minicart-checkout-container\">\n        <div class=\"estimated-total\" role=\"region\" aria-label=\"minicart estimated total\"> <h3>Estimated Total:</h3> <p>{{model.total|currency}}</p></div>\n        <div class=\"cart-checkout-buttons\"role=\"region\" aria-label=\"minicart button container\">\n            <a href=\"/cart\" class=\"view-cart-btn\">view cart</a>\n            <form method=\"post\" action=\"{{ pageContext.secureHost }}/checkout\" id=\"minicartform\">\n                <input type=\"submit\" class=\"submitButton proceed-to-checkout-btn lastLayoverElem\" value=\"Proceed to Checkout\" role=\"button\" />\n            </form>            \n        </div>\n    </div>    \n{% else %}\n    <p class=\"no-items-found-message\">\n        No products in Cart\n    </p>\n{% endif %}\n","modules/page-header/search-suggestion":"<div class=\"results-count sr-only\" aria-live=\"assertive\"></div>\r\n<div class=\"search-suggestions-container\" >\r\n<div class=\"search-item\" role=\"listbox\" aria-labelledby=\"initInstr\" tabindex=\"0\">\r\n\r\n    {% if model.suggssionData!= \"\"%}\r\n    <div  class=\"categories-list \"{% if model.reducedCategorySet.length<=0 %} style=\"display:none;\" {% endif %}>\r\n    {% if model.reducedCategorySet.length>0 %}\r\n    <h1 class=\"headertitle\">CATEGORIES</h1>\r\n    <ul id=\"results\" role=\"listbox\" aria-labelledby=\"label\">\r\n    {% for cat in model.reducedCategorySet %}\r\n    <li role=\"option\" id=\"result-{{forloop.index}}\" aria-selected=\"false\">\r\n        <a href=\"/c/{{ cat.item.url|split(\"/\")|last}}\" class=\"catlist {% if forloop.first %}makeselect{% endif %}\" data-parentid=\"result-{{forloop.index}}\">{{cat.item.title}}</a>\r\n    </li>\r\n    {% endfor %}\r\n    {% endif %} \r\n</div>\r\n\r\n<div class=\"product-list\" >\r\n{% if model.suggssionData.items.length > 0%}\r\n<h2 class=\"headertitle\">TOP PRODUCTS </h2>\r\n<hr>\r\n    <ul id=\"resultprods\" role=\"listbox\" aria-labelledby=\"label\">\r\n    {% for item in model.suggssionData.items %}\r\n        <li  role=\"option\" id=\"resultprod-{{ forloop.index }}\" aria-selected=\"false\">\r\n            <div class=\"mz-itemlisting-thumb\" >\r\n                    {% with item.content.productImages|first as image %}\r\n                        {% if image.imageUrl %}\r\n                         <a href=\"/p/{{ item.productCode }}\" >\r\n                        <img alt=\"\" class=\"mz-itemlisting-thumb-img\" src=\"{{ image.imageUrl }}?max=70\" />\r\n                        </a>\r\n                        {% endif %}\r\n                    {% endwith %}\r\n        </div>\r\n\r\n        \r\n                 <div class=\"details\">\r\n                    <a class=\"mz-itemlisting-title\" href=\"/p/{{ item.productCode }}\" data-parentid=\"resultprod-{{forloop.index}}\">{{ item.content.productName|safe }}</a>\r\n                  <div class=\"price details\" >\r\n                    {{item.price.price|currency}}\r\n                  </div>\r\n                    </div>\r\n        </li>\r\n        {% endfor %}\r\n    </ul>\r\n\r\n    <hr>\r\n    <div style=\"text-align:center\">\r\n        <button  data-mz-action=\"shopallResut\" title=\"Show All Result\" class=\"shopall-search\">SHOW ALL RESULTS</button>\r\n    </div>\r\n    </div>\r\n{% else %}\r\n\r\n{% endif %}\r\n\r\n{% endif %}\r\n\r\n</div>\r\n\r\n\r\n\r\n</div>","modules/product/configured-product-listing":"\n    {% if model.items %}\n        \n            {% for prod in model.items %}\n                    <div class=\"config-plp-item\">\n                       \n                        <div class=\"configured-plp-img\">\n                        {% if prod.mainImage.imageUrl %}\n                            <a href=\"{{prod.url}}\">\n                                <img class=\"configured-plp-imgsrc\" alt=\"{{prod.content.productName|safe}}\" src=\"{{prod.mainImage.imageUrl}}?max=105\" />\n                            </a>\n                        {% else %}\n                            <a href=\"{{prod.url}}\">\n                                <img class=\"configured-plp-imgsrc\" alt=\"{{prod.content.productName|safe}}\" src=\"{{ siteContext.cdnPrefix }}/cms/{{siteContext.siteId}}/files/{{themeSettings.no_product_image}}?max=105\" />\n                            </a>\n                        {% endif %}\n                        </div>\n                        <div class=\"clear\"></div>\n                        \n                        <div class=\"configured-plp-name\">\n                            <a href=\"{{prod.url}}\">{{prod.content.productName|safe}}</a>\n                        </div>\n                        <div class=\"clear\"></div>\n                        \n                        <div class=\"configured-plp-rating\">\n                        {% for prop in prod.properties %}\n                            {% if prop.attributeFQN == \"tenant~Reviews\"%}\n                                {% for val in prop.values %}\n                                    <p>{{val.value}} Reviews</p>\n                                {% endfor %}\n                            {% endif %}\n                        {% endfor %}\n                        </div>\n                        <div class=\"clear\"></div>\n                        \n                        <div class=\"configured-plp-reviews\">\n                        {% for prop in prod.properties %}\n                            {% if prop.attributeFQN == \"tenant~rating\" %}\n                                {% for val in prop.values %}\n                                    <input id=\"{{prod.productCode}}-rating\" type=\"text\" value=\"{{val.value}}\" style=\"display:none;\"/>\n                                    <div id=\"{{prod.productCode}}-rating-display\" class=\"jb-review5stars \">&nbsp;</div>\n                                {% endfor %}\n                            {% endif %}\n                        {% endfor %}\n                        </div>\n                       <div class=\"clear\"></div>\n                        \n                        <div class=\"configured-plp-specialLink\">\n                            <a class=\"configured-plp-specialLinker\"  WI-IDENTI-FYER=\"{{prod.productCode}}\" href=\"/p/{{prod.productCode}}\">..loading {{prod.productCode}}..</a>\n                        </div>\n                       <div class=\"clear\"></div>\n                    </div>\n            {% endfor %}\n    {% endif %}\n    \n    {% require_script \"pages/configured-products\" %}\n\n\n\n\n\r\n","modules/product/details-acc-sec":"{% if model.relatedProducts.length > 0 %}\r\n    <div class=\"related-products-section\">\r\n      <div id=\"related-products\">\r\n        <h2>Related Products</h2>\r\n        <section class=\"carousel\" aria-label=\"carousel with cards\">\r\n            <p class=\"sr-only\">\r\n                This is a carousel with rotating slides. Use the\r\n                Left Arrow and Right Arrow buttons to navigate.\r\n            </p>\r\n           {% if model.relatedProducts.length > 4 %}\r\n            <!-- Previous button -->\r\n            <button class=\"button is-control previous-button\">\r\n                <span class=\"fas\" aria-hidden=\"true\">\r\n                    <img src=\"/resources/images/new-left-arrow.png\" alt=\"\">\r\n                </span>\r\n                <span class=\"sr-only\">Previous slide</span>\r\n            </button>\r\n            {% endif %}\r\n            <div class=\"product-row\" aria-label=\"Related Products\">\r\n                {% for item in model.relatedProducts  %}\r\n                    {% if model.isMobile %}\r\n                        {% if forloop.index < 5 %}\r\n                            <div class=\"single-product\">\r\n                                {% if item.price > item.salePrice and item.salePrice !== null and item.salePrice !== 0 %}\r\n                                    <p class=\"sale-tag-icon show\"><span>Sale</span></p>\r\n                                {% endif %}\r\n                                \r\n                                {% comment %}\r\n                                    <a href=\"/myaccount\" class=\"add-to-wishlist-link\">Added to Wishlist</a>\r\n                                    <div data-mz-prdcode=\"{{item.id}}\" class=\"add-to-wishlist add-to-wishlist-qv add-wishlistIcon\" data-mz-productpage tabindex=\"0\" role=\"button\" aria-lable=\"Wishlist icon\"></div>\r\n                                {% endcomment %}\r\n                                <div class=\"prod-info\">\r\n                                    <a href=\"/p/{{item.id}}\">\r\n                                        <div class=\"p-image\">\r\n                                            <img src=\"{{ item.image }}?max=400\" alt=\"{{item.mainImage}}\"/>\r\n                                        </div>\r\n                                        <span class=\"p-name\">\r\n                                            <h3>{{item.productName | safe}}</h3>\r\n                                        </span>\r\n                                    </a>\r\n                                </div>\r\n                                <div class='p-details'>\r\n                                    <div class=\"mt-price\">\r\n                                        {% if item.price > item.salePrice and item.salePrice !== null and item.salePrice !== 0 %}\r\n                                        <span class=\"sr-only\">Original Price:</span>\r\n                                        <span class=\"strikethrough p-price\">{{ item.price | currency }}</span> \r\n                                        <span class=\"sr-only\">Current Price:</span>\r\n                                        <span class=\"p-price\" >{{ item.salePrice | currency }}</span>\r\n                                        {% else %}\r\n                                        <span class=\"sr-only\">Original Price:</span>\r\n                                        <span class=\"p-price\">{{ item.price | currency }}</span> \r\n                                        {% endif %}\r\n                                    </div>\r\n                                    <div class=\"you-save\">{% if item.price > item.salePrice and item.salePrice !== null and item.salePrice !== 0 %} You save {{ item.price|subtract(item.salePrice)|floatformat(2)|divide(item.price)|floatformat(2)|multiply(100)|floatformat(0) }}%! {% endif %}</div>\r\n\r\n                                </div>\r\n                                 <div class=\"prod-cart-lower-section\">\r\n                                    <div class=\"prod-top-section\">\r\n                                        {% if item.isPurchasable %}\r\n                                        <div class=\"mt-quantity-input-box\">\r\n                                            <label class=\"modern-sr-only\" for=\"mt-quantity-rel-{{ forloop.index }}\">Quantity:</label>\r\n                                            <input class=\"quantity quantity-field-monetate\" type=\"number\" id=\"mt-quantity-rel-{{ forloop.index }}\" value=\"1\" id=\"quantity\" name=\"quantity\"  data-mz-value=\"quantity\" min=\"1\" max=\"25\"\r\n                                            onChange=\"this.parentElement.querySelectorAll('.quantity')[0].value =\r\n                                            (parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) >= 1\r\n                                            && parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) <= 25) ?\r\n                                            parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) :\r\n                                            (parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) > 25) ? 25 : 1\" />\r\n                                            <button  class=\"increment\" aria-label=\"Increases quantity of this product\"></button>\r\n                                            <button  class=\"decrement\" aria-label=\"Decreases quantity of this product\"></button>\r\n                                        </div>\r\n                                        {% endif %}\r\n                                         {% if item.isPurchasable %}\r\n                                            <button data-mz-product-code=\"{{item.id}}\" data-jb-price=\"{{ item.salePrice | currency }}\" data-jb-pid=\"{{item.id}}\" class=\"monetate-add-to-cart\" data-jb-productname=\"{{item.productName}}\" data-jb-img=\"{{item.image}}\" data-jb-url=\"/p/{{item.id}}\" data-mt-product-info='{\"productId\":\"{{item.id}}\",\"quantity\":\"1\"}' aria-label=\"Add to cart\">Add To Cart</button>\r\n                                         {% else %}\r\n                                            <button class='jb-out-of-stock jb-out-of-stock-cur' data-mz-location-code=\"{{item.onlineLocationCode}}\" data-mz-product-code=\"{{item.id}}\" role='button' aria-label='Notify me'> Notify Me </button>\r\n                                         {% endif %}\r\n                                    </div>\r\n                                    {% with item.properties|findwhere('attributeFQN','system~subscription-mode') as subscription %}\r\n                                        {% if subscription and item.isPurchasable %}\r\n                                            <div class=\"prod-below-section subscription-product\">\r\n                                                <a class=\"subscribe-now\" href=\"/p/{{item.id}}?isSubscribe=true\"> Subscribe</a>\r\n                                                <button id=\"find-locally-pdp\" data-mz-prodname=\"{{item.productName | safe}}\" data-mz-image=\"{{ item.image }}\" data-mz-prdcode=\"{{item.id}}\" data-jb-price=\"{{ item.salePrice | currency }}\" class=\"findastorebutton\" aria-label=\"find locally\">\r\n                                                    Find Locally\r\n                                                </button>\r\n                                                \r\n                                            </div>\r\n                                        {% else %}\r\n                                            <div class=\"prod-below-section\"> \r\n                                                <button id=\"find-locally-pdp\" data-mz-prodname=\"{{item.productName | safe}}\" data-mz-image=\"{{ item.image }}\" data-mz-prdcode=\"{{item.id}}\" data-jb-price=\"{{ item.salePrice | currency }}\" class=\"findastorebutton\" aria-label=\"find locally\">\r\n                                                    Find Locally \r\n                                                </button>\r\n                                            </div>\r\n                                        {% endif %}\r\n                                    {% endwith %} \r\n                                </div>\r\n                            </div>\r\n                        {% else %}\r\n                            <div class=\"single-product\" {% if model.loadMore %}style=\"display:none\"{% endif %}>\r\n                                {% if item.price > item.salePrice and item.salePrice !== null and item.salePrice !== 0 %}\r\n                                    <p class=\"sale-tag-icon show\"><span>Sale</span></p>\r\n                                {% endif %}\r\n                                {% comment %}\r\n                                    <a href=\"/myaccount\" class=\"add-to-wishlist-link\">Added to Wishlist</a>\r\n                                    <div data-mz-prdcode=\"{{item.id}}\" class=\"add-to-wishlist add-to-wishlist-qv add-wishlistIcon\" data-mz-productpage tabindex=\"0\" role=\"button\" aria-lable=\"Wishlist icon\"></div>\r\n                                {% endcomment %}\r\n                                <div class=\"prod-info\">\r\n                                    <a href=\"/p/{{item.id}}\">\r\n                                        <div class=\"p-image\">\r\n                                            <img src=\"{{ item.image }}?max=100\" alt=\"{{item.mainImage}}\"/>\r\n                                        </div>\r\n                                        <span class=\"p-name\">\r\n                                            <h3>{{item.productName | safe}}</h3>\r\n                                        </span>\r\n                                    </a>\r\n                                </div>\r\n                                <div class='p-details'>\r\n                                    <div class=\"mt-price\">\r\n                                        {% if item.price > item.salePrice and item.salePrice !== null and item.salePrice !== 0 %}\r\n                                        <span class=\"sr-only\">Original Price:</span>\r\n                                        <span class=\"strikethrough p-price\">{{ item.price | currency }}</span> \r\n                                        <span class=\"sr-only\">Current Price:</span>\r\n                                        <span class=\"p-price\" >{{ item.salePrice | currency }}</span>\r\n                                        {% else %}\r\n                                        <span class=\"sr-only\">Original Price:</span>\r\n                                        <span class=\"p-price\">{{ item.price | currency }}</span> \r\n                                        {% endif %}\r\n                                    </div>\r\n                                    <div class=\"you-save\">{% if item.price > item.salePrice and item.salePrice !== null and item.salePrice !== 0 %} You save {{ item.price|subtract(item.salePrice)|floatformat(2)|divide(item.price)|floatformat(2)|multiply(100)|floatformat(0) }}%! {% endif %}</div>\r\n                                </div>\r\n                                 <div class=\"prod-cart-lower-section\">\r\n                                    <div class=\"prod-top-section\">\r\n                                        {% if item.isPurchasable %}\r\n                                        <div class=\"mt-quantity-input-box\">\r\n                                            <label class=\"modern-sr-only\" for=\"mt-quantity-rel-{{ forloop.index }}\">Quantity:</label>\r\n                                            <input class=\"quantity quantity-field-monetate\" type=\"number\" id=\"mt-quantity-rel-{{ forloop.index }}\" value=\"1\" id=\"quantity\" name=\"quantity\"  data-mz-value=\"quantity\" min=\"1\" max=\"25\"\r\n                                            onChange=\"this.parentElement.querySelectorAll('.quantity')[0].value =\r\n                                            (parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) >= 1\r\n                                            && parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) <= 25) ?\r\n                                            parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) :\r\n                                            (parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) > 25) ? 25 : 1\" />\r\n                                            <button  class=\"increment\" aria-label=\"Increases quantity of this product\"></button>\r\n                                            <button  class=\"decrement\" aria-label=\"Decreases quantity of this product\"></button>\r\n                                        </div>\r\n                                        {% endif %}\r\n                                         {% if item.isPurchasable %}\r\n                                            <button data-mz-product-code=\"{{item.id}}\" data-jb-price=\"{{ item.salePrice | currency }}\" data-jb-pid=\"{{item.id}}\" class=\"monetate-add-to-cart\" data-jb-productname=\"{{item.productName}}\" data-jb-img=\"{{item.image}}\" data-jb-url=\"/p/{{item.id}}\" data-mt-product-info='{\"productId\":\"{{item.id}}\",\"quantity\":\"1\"}' aria-label=\"Add to cart\">Add To Cart</button>\r\n                                         {% else %}\r\n                                            <button class='jb-out-of-stock jb-out-of-stock-cur' data-mz-location-code=\"{{item.onlineLocationCode}}\" data-mz-product-code=\"{{item.id}}\" role='button' aria-label='Notify me'> Notify Me </button>\r\n                                         {% endif %}\r\n                                    </div>\r\n                                    \r\n                                    \r\n                                            <div class=\"prod-below-section\"> \r\n                                                <button id=\"find-locally-pdp\" data-mz-prodname=\"{{item.productName | safe}}\" data-mz-image=\"{{ item.image }}\" data-mz-prdcode=\"{{item.id}}\" data-jb-price=\"{{ item.salePrice | currency }}\" class=\"findastorebutton\" aria-label=\"find locally\">\r\n                                                    Find Locally \r\n                                                </button>\r\n                                            </div>\r\n                                       \r\n                                </div>\r\n                            </div>\r\n                        {% endif %}\r\n                    {% else %}\r\n\r\n                        {% if forloop.length < 5 %}\r\n                        <div class=\"single-product less-item-load\" role=\"group\" aria-label=\"product\">\r\n                        {% else %}\r\n                        \r\n                        <div class=\"single-product\" role=\"group\" aria-label=\"slide {{forloop.index}} of {{forloop.length}}\">\r\n                        {% endif %}\r\n                                {% if item.price > item.salePrice and item.salePrice !== null and item.salePrice !== 0 %}\r\n                                    <p class=\"sale-tag-icon show\"><span>Sale</span></p>\r\n                                    <p class=\"sr-only\">The following product is on sale.</p>\r\n                                {% endif %}\r\n                                {% comment %}\r\n                                <a href=\"/myaccount\" class=\"add-to-wishlist-link\">Added to Wishlist</a>\r\n                                <div data-mz-prdcode=\"{{item.id}}\" class=\"add-to-wishlist add-to-wishlist-qv add-wishlistIcon\" data-mz-productpage tabindex=\"0\" role=\"button\" aria-lable=\"Wishlist icon\"></div>\r\n                                {% endcomment %}\r\n                                <a href=\"/p/{{item.id}}\" style=\"padding:0;\">\r\n                                    <div class=\"p-image\">\r\n                                        <img src=\"{{ item.image }}?max=200\" alt=\"{{item.mainImage}}\"/>\r\n                                    </div>\r\n                                    <h3>{{item.productName | safe}}</h3>\r\n                                </a>\r\n                                <div class=\"content\">\r\n                                    <div class='p-details'>\r\n                                        <div class=\"mt-price\">\r\n                                        {% if item.price > item.salePrice and item.salePrice !== null and item.salePrice !== 0 %}\r\n                                        <span class=\"sr-only\">Original Price:</span>\r\n                                        <span class=\"strikethrough p-price\">{{ item.price | currency }}</span> \r\n                                        <span class=\"sr-only\">Current Price:</span>\r\n                                        <span class=\"p-price\" >{{ item.salePrice | currency }}</span>\r\n                                        {% else %}\r\n                                        <span class=\"sr-only\">Original Price:</span>\r\n                                        <span class=\"p-price\">{{ item.price | currency }}</span> \r\n                                        {% endif %}\r\n                                    </div>\r\n                                    <div class=\"you-save\">{% if item.price > item.salePrice and item.salePrice !== null and item.salePrice !== 0 %} You save {{ item.price|subtract(item.salePrice)|floatformat(2)|divide(item.price)|floatformat(2)|multiply(100)|floatformat(0) }}%! {% endif %}</div>\r\n                                    </div>\r\n                                    <div class=\"prod-cart-lower-section\">\r\n                                        <div class=\"prod-top-section\">\r\n                                            {% if item.isPurchasable %}\r\n                                            <div class=\"mt-quantity-input-box\">\r\n                                                <label class=\"modern-sr-only\" for=\"mt-quantity-rel-{{ forloop.index }}\">Quantity:</label>\r\n                                                <input class=\"quantity quantity-field-monetate\" type=\"number\" id=\"mt-quantity-rel-{{ forloop.index }}\" value=\"1\" id=\"quantity\" name=\"quantity\"  data-mz-value=\"quantity\" min=\"1\" max=\"25\"\r\n                                                onChange=\"this.parentElement.querySelectorAll('.quantity')[0].value =\r\n                                                (parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) >= 1\r\n                                                && parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) <= 25) ?\r\n                                                parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) :\r\n                                                (parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) > 25) ? 25 : 1\" />\r\n                                                <button  class=\"increment\" aria-label=\"Increases quantity of this product\"></button>\r\n                                                <button  class=\"decrement\" aria-label=\"Decreases quantity of this product\"></button>\r\n                                            </div>\r\n                                            {% endif %}\r\n                                            {% if item.isPurchasable %}\r\n                                            <button data-mz-product-code=\"{{item.id}}\" data-jb-price=\"{{ item.salePrice | currency }}\" data-jb-pid=\"{{item.id}}\" class=\"monetate-add-to-cart\" data-jb-productname=\"{{item.productName}}\" data-jb-img=\"{{item.image}}\" data-jb-url=\"/p/{{item.id}}\" data-mt-product-info='{\"productId\":\"{{item.id}}\",\"quantity\":\"1\"}' aria-label=\"Add to cart\">Add To Cart</button>\r\n                                            {% else %}\r\n                                            <button class='jb-out-of-stock jb-out-of-stock-cur' data-mz-location-code=\"{{item.onlineLocationCode}}\" data-mz-product-code=\"{{item.id}}\" role='button' aria-label='Notify me'> Notify Me </button>\r\n                                            {% endif %}\r\n                                        </div>\r\n                                        \r\n                                            <div class=\"prod-below-section\"> \r\n                                                <button id=\"find-locally-pdp\" data-mz-prodname=\"{{item.productName | safe}}\" data-mz-image=\"{{ item.image }}\" data-mz-prdcode=\"{{item.id}}\" data-jb-price=\"{{ item.salePrice | currency }}\" class=\"findastorebutton\" aria-label=\"find locally\">\r\n                                                    Find Locally \r\n                                                </button>\r\n                                            </div>\r\n                                        \r\n                                    </div>\r\n                                </div>    \r\n                            </div>     \r\n                            \r\n                    {% endif %}\r\n                {% endfor %}\r\n\r\n                {% if model.relatedProducts.length>4  and model.isMobile and model.loadMore %}\r\n                    <span tabidex=\"0\" role=\"button\" class=\"load-more\" data-mz-action=\"loadMore\">Load More</span>\r\n                {% endif %}\r\n\r\n            </div>\r\n            {% if model.relatedProducts.length > 4 %}\r\n             <!-- Next button -->\r\n             <button class=\"button is-control next-button\">\r\n                    <span class=\"fas\" aria-hidden=\"true\">\r\n                        <img src=\"/resources/images/new-right-arrow.png\" alt=\"\">\r\n                    </span>\r\n                    <span class=\"sr-only\">Next slide</span>\r\n             </button>  \r\n            {% endif %}\r\n        </section>\r\n      </div>\r\n    </div>\r\n{% endif %}\r\n","modules/product/featured-product-cards":"{# Data can be passed in from BuilderIoBackboneHyprLive (but doesn't have to) #}\r\n{# DOM structure identical to current implementation. This is not generic #}\r\n<!-- data for featured products is from builder.io -->\r\n<div class=\"featured-products\">\r\n  <h3 class=\"featured-products-heading\">{{ title }}</h3>\r\n  <div class=\"isDesktop device\">\r\n    {% include \"modules/product/product-cards-list\" with productCards=productCards %}\r\n  </div>\r\n  <div class=\"isMobile device\">\r\n    <div class=\"swiper\">\r\n      <button class=\"swiper-button-prev\" aria-label=\"Previous slide\" aria-controls=\"swiper-wrapper-c8916f3a2e837b33\"></button>\r\n      {% include \"modules/product/product-cards-list\" with productCards=productCards ulClass=\"swiper-wrapper\" liClass=\"swiper-slide\" %}\r\n      <button class=\"swiper-button-next\" aria-label=\"Next slide\"\r\n        aria-controls=\"swiper-wrapper-c8916f3a2e837b33\"></button>\r\n      <span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"></span>\r\n    </div>\r\n  </div>\r\n</div>\r\n","modules/product/details-tab-sec":"\r\n\r\n    <div class=\"accordian-prod\">\r\n        <div class=\"heat-sensitive-message\" role=\"region\" aria-label=\"heat sensitivity\">\r\n            <p class=\"heat-sensitive-heading\">IMPORTANT:</p> \r\n            <p class=\"heat-sensitive-msg\"> During warm-weather months (April through October), we strongly recommend choosing Express shipping (UPS Second Day Air or UPS Next Day Air Saver). Whatever shipping method you choose, we’ll include a cold pack (free of charge) and will ship the order during a specific time frame to give it the best chance to reach you in good condition.</p>\r\n            <p class=\"heat-sensitive-link\"><a href=\"/shipping_info\"><span class=\"sr-only\">Learn </span>More About Heat-Sensitive Shipping</a> or <a href=\"/contact-us\">Contact Us</a>.</p>\r\n        </div>\r\n        \r\n    \r\n        <div class=\"tabStructe\" style=\"\">\r\n            <div class=\"tab-header-sec\" role=\"tablist\">\r\n                <button role=\"tab\" aria-selected=\"true\"  aria-controls=\"headeritem-product\" class=\"header-item ProductInfo active\" id=\"headeritem-prodtab\" attr-data=\"ProductInfo\">Product Info </button>\r\n                <button role=\"tab\" aria-selected=\"false\" class=\"header-item NutritionIngredients\" aria-controls=\"headeritem-nutrition\" tabindex=\"-1\" id=\"headeritem-nutritab\" attr-data=\"NutritionIngredients\">Nutrition &amp; Ingredients </button>\r\n                {% for item in model.properties %}\r\n                    {% if item.attributeFQN == \"tenant~isamix\"%}\r\n                        {% for value in item.values%}\r\n                            {% if value.value == true %}\r\n                               \r\n                                <button role=\"tab\" aria-selected=\"false\" class=\"header-item FlavorsinthisMix\" aria-controls=\"headeritem-FlavorsinthisMix\" tabindex=\"-1\" id=\"headeritem-flavorstab\" attr-data=\"FlavorsinthisMix\">Flavors in this Mix </button>\r\n                            {% endif %}\r\n                        {% endfor %}\r\n                    {% endif %}\r\n                {% endfor %}\r\n                <button role=\"tab\" aria-selected=\"false\" class=\"header-item ProductReviews\" aria-controls=\"headeritem-reviews\" tabindex=\"-1\" id=\"headeritem-reviewstab\"attr-data=\"ProductReviews\">Product Reviews </button>\r\n            </div>\r\n            <div class=\"tab-content-sec\">\r\n                <div class=\"item-content ProductInfo active\" role=\"tabpanel\" tabindex=\"0\" aria-labelledby=\"headeritem-prodtab\" id=\"headeritem-product\">\r\n\r\n                            <div class=\"product-info\" tabindex=\"0\">\r\n                                {{ model.content.productFullDescription|safe }}\r\n                            </div>\r\n                            <div class=\"clearfix\"></div>\r\n\r\n                            <h2 id=\"lot-code-header\">Lot Code Information</h2>\r\n                            <div class=\"lot-code-info\">\r\n                              <img class=\"new-lazy-load\"  data-src=\"https://cdn-tp1.mozu.com/9046-m1/cms/files/c8053a65-0922-4048-9eb4-7e4c6af75053\" alt=\"Lot Code Diagram. Explanation Follows.\">\r\n                              <div>\r\n                                <h3>Instructions</h3>\r\n                                <p>Here is how to read it. Take the following as an example: 180106FS1Z. First and second digits stand for the last two numbers of the production year. The third and fourth digits stand for the month. The fifth and sixth digits stand for the date of the month. The last four characters are for internal use only. This particular lot code was packed on January 6, 2018 (it is not an expiration date).</p>\r\n                              </div>\r\n                            </div>\r\n                </div>\r\n\r\n                <div class=\"item-content NutritionIngredients\" role=\"tabpanel\" tabindex=\"0\" aria-labelledby=\"headeritem-nutritab\" id=\"headeritem-nutrition\">\r\n\r\n                            <span id =\"nutrition-image\"  aria-hidden=\"true\"></span>\r\n                            <span id=\"nut_panel_title\"></span>\r\n                                {# Nutrition label loop here #}\r\n                                <div id=\"jquery_nut_label\" class=\"nutLabelWrapper\">\r\n                                    <ul></ul>\r\n                                    {#  OK SO ALLERGENS should be PER PANEL is my guess, so this (now separate) code should be merged with panel code, yes?  #}\r\n                                </div>\r\n\r\n                            <div class=\"nut_label_disclaimer\">\r\n                              <p>\r\n                                This information applies to multiple sizes of this product.\r\n                              </p>\r\n                              <p>\r\n                                For more information, please contact Customer Service at <a href=\"tel:+18005223267\" class=\"number\" title=\"Customer Service\">1-800-522-3267</a>.\r\n                              </p>\r\n                            </div>\r\n                            <span id =\"nutrition-text\" tabindex=\"0\">\r\n                                Sorry, but the nutrition panel for this product is currently\r\n                                unavailable. To get nutrition information for this product,\r\n                                please <a href=\"/contact-us\">contact us</a>.\r\n                                </a></span>\r\n\r\n                    <!-- nutrition panel end-->\r\n                        {% if model.mixvar %}\r\n                            <h3 aria-label=\"Mix Varieties\">Mix Varieties<span class=\"icon-minus\"></span></h3>\r\n                            <ul>\r\n                                <li aria-expanded=\"false\">\r\n                                    <div class=\"mix-varieties\">\r\n                                        <a href=\"javascript:void(0)\">A&amp;W Cream Soda </a>\r\n                                        <a href=\"javascript:void(0)\">A&amp;W Root Beer </a>\r\n                                        <a href=\"javascript:void(0)\">Berry Blue  </a>\r\n                                        <a href=\"javascript:void(0)\">Blueberry  </a>\r\n                                        <a href=\"javascript:void(0)\">Bubble Gum  </a>\r\n                                        <a href=\"javascript:void(0)\">Buttered Popcorn  </a>\r\n                                        <a href=\"javascript:void(0)\">Cantaloupe  </a>\r\n                                        <a href=\"javascript:void(0)\">Cappuccino  </a>\r\n                                        <a href=\"javascript:void(0)\">Caramel Corn  </a>\r\n                                        <a href=\"javascript:void(0)\">Chili Mango  </a>\r\n                                        <a href=\"javascript:void(0)\">Chocolate Pudding  </a>\r\n                                        <a href=\"javascript:void(0)\">Cinnamon  </a>\r\n                                        <a href=\"javascript:void(0)\">Coconut  </a>\r\n                                        <a href=\"javascript:void(0)\">Cotton Candy  </a>\r\n                                        <a href=\"javascript:void(0)\">Crushed Pineapple  </a>\r\n                                        <a href=\"javascript:void(0)\">Dr Pepper  </a>\r\n                                        <a href=\"javascript:void(0)\">French Vanilla  </a>\r\n                                        <a href=\"javascript:void(0)\">Green Apple  </a>\r\n                                        <a href=\"javascript:void(0)\">Island Punch  </a>\r\n                                        <a href=\"javascript:void(0)\">Juicy Pear  </a>\r\n                                        <a href=\"javascript:void(0)\">Kiwi  </a>\r\n                                        <a href=\"javascript:void(0)\">Lemon Drop  </a>\r\n                                        <a href=\"javascript:void(0)\">Lemon Lime  </a>\r\n                                        <a href=\"javascript:void(0)\">Licorice  </a>\r\n                                        <a href=\"javascript:void(0)\">Mango </a>\r\n                                        <a href=\"javascript:void(0)\">Margarita  </a>\r\n                                        <a href=\"javascript:void(0)\">Mixed Berry Smoothie  </a>\r\n                                        <a href=\"javascript:void(0)\">Orange Sherbet </a>\r\n                                        <a href=\"javascript:void(0)\">Peach </a>\r\n                                        <a href=\"javascript:void(0)\">Piña Colada  </a>\r\n                                        <a href=\"javascript:void(0)\">Plum  </a>\r\n                                        <a href=\"javascript:void(0)\">Pomegranate  </a>\r\n                                        <a href=\"javascript:void(0)\">Raspberry  </a>\r\n                                        <a href=\"javascript:void(0)\">Red Apple  </a>\r\n                                        <a href=\"javascript:void(0)\">Sizzling Cinnamon  </a>\r\n                                        <a href=\"javascript:void(0)\">Sour Cherry  </a>\r\n                                        <a href=\"javascript:void(0)\">Strawberry Cheesecake </a>\r\n                                        <a href=\"javascript:void(0)\">Strawberry Daiquiri  </a>\r\n                                        <a href=\"javascript:void(0)\">Strawberry Jam  </a>\r\n                                        <a href=\"javascript:void(0)\">Sunkist Lemon  </a>\r\n                                        <a href=\"javascript:void(0)\">Sunkist Lime  </a>\r\n                                        <a href=\"javascript:void(0)\">Sunkist Orange  </a>\r\n                                        <a href=\"javascript:void(0)\">Sunkist Pink Grapefruit  </a>\r\n                                        <a href=\"javascript:void(0)\">Sunkist Tangerine  </a>\r\n                                        <a href=\"javascript:void(0)\">Toasted Marshmallow  </a>\r\n                                        <a href=\"javascript:void(0)\">Top Banana </a>\r\n                                        <a href=\"javascript:void(0)\">Tutti-Fruitti  </a>\r\n                                        <a href=\"javascript:void(0)\">Very Cherry  </a>\r\n                                        <a href=\"javascript:void(0)\">Watermelon  </a>\r\n                                        <a href=\"javascript:void(0)\">Wild Blackberry </a>\r\n                                    </div>\r\n                                </li>\r\n                            </ul>\r\n                        {% endif %}\r\n                    </li>\r\n                </div>\r\n                {% for item in model.properties %}\r\n                    {% if item.attributeFQN == \"tenant~isamix\"%}\r\n                        {% for value in item.values%}\r\n                            {% if value.value == true %}\r\n                                <div class=\"item-content FlavorsinthisMix\" role=\"tabpanel\" tabindex=\"0\" aria-labelledby=\"headeritem-flavorstab\" id=\"headeritem-FlavorsinthisMix\">\r\n                                    <ul id=\"flavors\" >\r\n                                        {% for item in model.properties %}\r\n                                            {% if item.attributeFQN == \"tenant~flavors\"%}\r\n                                                {% for values in item.values%}\r\n                                                    <li >{{ values.value }}</li>\r\n                                                {% endfor %}\r\n                                            {% endif %}\r\n                                        {% endfor %}\r\n                                        </ul>\r\n                                        <div class=\"clearfix\"></div>\r\n                                </div>\r\n                            {% endif %}\r\n                        {% endfor %}\r\n                    {% endif %}\r\n                {% endfor %}\r\n                <div class=\"item-content ProductReviews\" role=\"tabpanel\" tabindex=\"0\" aria-labelledby=\"headeritem-reviewstab\" id=\"headeritem-reviews\">\r\n                 {% comment %}\r\n                 {% dropzone \"power-reviews-mobile\" scope=\"template\" %}\r\n                 {% endcomment %}\r\n                    <div class=\"bazaarvoice-reviews\"\r\n                        data-bv-show=\"reviews\"\r\n                        data-bv-product-id=\"{{ model.productCode|safe }}\">\r\n                    </div>\r\n                    <div class=\"bazaarvoice-questions\"\r\n                        data-bv-show=\"questions\"\r\n                        data-bv-product-id=\"{{ model.productCode|safe }}\">\r\n                    </div>\r\n                </div>\r\n                <script>\r\n                    // bvCallback must be used when interacting with BV via JavaScript and using the `async` attribute. \r\n                    window.bvCallback = function (BV) {\r\n                        // Register a function to be called when a BV feature needs to display the R&R element, such as Rating Summary's stars\r\n                        BV.swat_reviews.on('show', function () {\r\n                            // If the R&R container is hidden (such as behind a tab), put code here to make it visible (open the tab)\r\n                            jQuery(document).find('.tabStructe .header-item').removeClass('active');\r\n                            jQuery(document).find('.product-info-scroll .header-item').removeClass('active');\r\n                            jQuery(document).find('.tabStructe .item-content').removeClass('active');\r\n                            jQuery(document).find('.header-item.ProductReviews').addClass('active');\r\n                            jQuery(document).find('.product-info-scroll .header-item.ProductReviews').addClass('active');\r\n                            jQuery(document).find('.tabStructe .item-content.ProductReviews').addClass('active');\r\n                            jQuery('html, body').animate({\r\n                                scrollTop: jQuery(document).find('.tab-content-sec').offset().top-300\r\n                            }, 1000);\r\n                        });\r\n                    };\r\n                </script>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"scroll-section scroll-header\">\r\n        <div class=\"top-section\">\r\n            <div class=\"product-details-section\">\r\n                {% if model.content.productImages.length > 0 %}\r\n                    <figure class=\"mz-productimage\">\r\n                        <img  itemprop=\"image\" alt=\"\" title=\"{{  model.content.productName|safe }}\" src=\"{{ model.mainImage.imageUrl }}?max=100\" />\r\n                    </figure>\r\n                {% else %}\r\n                    <figure class=\"mz-productimage\">\r\n                        <img  itemprop=\"image\" alt=\"\" title=\"{{  model.content.productName|safe }}\" src=\"{{ siteContext.cdnPrefix }}/cms/{{siteContext.siteId}}/files/{{themeSettings.no_product_image}}?max=100\" />\r\n                    </figure>\r\n                {% endif %}\r\n                <div class=\"product-name\">\r\n                    <h5><span itemprop=\"name\">{{ model.content.productName|safe }}</span></h5>\r\n                    <span aria-label=\"product SKU\" class=\"mz-sku\">SKU: {{ model.productCode|safe }}</span>\r\n                </div>\r\n            </div>\r\n            <div class=\"action-section\">\r\n                <div class=\"price-qty-container\">\r\n                    <div itemprop=\"offers\" itemscope itemtype=\"http://schema.org/Offer\" class=\"mz-productdetail-price mz-l-stack-section\">\r\n                        {% if model.options and model.options.length > 0 %}\r\n                            {% include \"modules/product/product-options\" %}\r\n                        {% else %}\r\n                            {% if model.price.onSale and model.savePrice %}\r\n                                <span class=\"sale-price\" tabindex=\"0\"><span class=\"p-price\"><span class=\"visually-hidden\">Original price: </span><strike>{{model.price.price|currency}}</strike> <span class=\"visually-hidden\">Current price: </span>{{model.price.salePrice|currency}}</span></span>\r\n                            {% else %}\r\n                                {% if model.price.onSale %}\r\n                                    <span class=\"sale-price\" tabindex=\"0\"><span class=\"p-price\"><span class=\"visually-hidden\">Original price: </span><strike>{{model.price.price|currency}}</strike> <span class=\"visually-hidden\">Current price: </span>{{model.price.salePrice|currency}} </span></span>\r\n                                {% else %}\r\n                                    <span class=\"visually-hidden\">Current price: </span>\r\n                                    <span class=\"price\" tabindex=\"0\"><span class=\"p-price\">{{model.price.price|currency}}</span></span>\r\n                                {% endif %}\r\n                            {% endif %}\r\n                        {% endif %}\r\n                        {% if model.purchasableState %}\r\n                            {% if model.productType != \"Gift Certificate\" %}\r\n                                {% if not model.purchasableState.isPurchasable %}\r\n                                    {% comment %}\r\n                                    <span class=\"outofstock in\"> OUT OF STOCK </span>\r\n                                    {% endcomment %}\r\n                                {% else %}\r\n                                    <span class=\"outofstock in\"> IN STOCK </span>\r\n                                {% endif %}\r\n                            {% endif %}\r\n                        {% endif %}\r\n                    </div>\r\n\r\n                    <section class=\"mz-l-stack-section mz-productdetail-conversion\">\r\n                        <div class=\"mz-productdetail-conversion-controls\">\r\n                            <div class=\"qty-input-box\" tabindex=\"0\" aria-label=\"Quantity - 1\">\r\n                                <input class=\"quantity\" type=\"number\" value=\"1\" tabindex=\"-1\" id=\"quantity-scroll\" name=\"quantity\"  data-mz-value=\"quantity\" min=\"1\" max=\"25\"\r\n                                onChange=\"this.parentElement.querySelectorAll('.quantity')[0].value =\r\n                                  (parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) >= 1\r\n                                  && parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) <= 25) ?\r\n                                   parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) :\r\n                                    (parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) > 25) ? 25 : 1\" />\r\n                                <span class=\"increment spinner\" tabindex=\"0\" role=\"button\" aria-label = \"increase quantity\" data-mz-action=\"qtyPlus\"></span>\r\n                                <span class=\"decrement spinner\" tabindex=\"0\" role=\"button\" aria-label = \"decrease quantity\" data-mz-action=\"qtyMinus\"></span>\r\n                                <div class=\"clear\"></div>\r\n                            </div>\r\n                            <span class=\"mz-validationmessage\" data-mz-validationmessage-for=\"quantity\"></span>\r\n                        </div>\r\n                        <div class=\"isMobile\">\r\n                            {% if model.purchasableState %}\r\n                                {% if not model.purchasableState.isPurchasable %}\r\n                                {% else %}\r\n                                    <span class=\"outofstock in\"> IN STOCK </span>\r\n                                {% endif %}\r\n                            {% endif %}  \r\n                        </div> \r\n                    </section>\r\n                </div>\r\n                <section class=\"buttons-container\">\r\n                    <div class=\"mz-productdetail-conversion-buttons\">\r\n                        {% if  model.purchasableState.isPurchasable %}\r\n                            <button id=\"add-to-cart-scroll\" data-jb-price=\"{% if model.price.onSale %}{{ model.price.salePrice }} {% else %} {{ model.price.price }} {% endif %}\" data-jb-pid=\"{{ model.variationProductCode|default(model.productCode) }}\" data-jb-productname=\"{{model.content.productName}}\" data-jb-img=\"{{model.mainImage.src}}\" data-jb-url=\"{{model.url}}\" class=\"mz-productdetail-addtocart jb-tealium-trigger add-to-cart-btn-pdp {% if not model.purchasableState.isPurchasable %}is-disabled{% endif %}\"\r\n                            {% if not model.purchasableState.isPurchasable %} disabled=\"disabled\" {% endif %} >\r\n                                ADD TO CART\r\n                            </button>\r\n\r\n\r\n                            \r\n                        {% else %}\r\n                            {% if model.options and model.options.length > 0 %}\r\n                                <button id=\"add-to-cart-scroll\" data-jb-price=\"{% if model.price.onSale %}{{ model.price.salePrice }} {% else %} {{ model.price.price }} {% endif %}\" data-jb-pid=\"{{ model.variationProductCode|default(model.productCode) }}\" data-jb-productname=\"{{model.content.productName}}\" data-jb-img=\"{{model.mainImage.src}}\" data-jb-url=\"{{model.url}}\" class=\"mz-productdetail-addtocart jb-tealium-trigger add-to-cart-btn  gift-prize-select\"\r\n                                 data-mz-action=\"addToCart\" >\r\n                                    Select Card Amount\r\n                                </button>\r\n                            {% else %}\r\n                                <button class=\"mz-productdetail-outofstock product-out-ofstock-pdp\" disabled=\"disabled\">\r\n                                    ADD TO CART\r\n                                </button>\r\n                            {% endif %}\r\n                        {% endif %}\r\n                    </div>\r\n                </section>\r\n            </div>\r\n        </div>\r\n        <div class=\"product-info-scroll\">\r\n            <span class=\"header-item ProductInfo active\" tabindex=\"0\" attr-data=\"ProductInfo\">Product Info </span>\r\n            <span class=\"header-item NutritionIngredients\" tabindex=\"0\" attr-data=\"NutritionIngredients\">Nutrition &amp; Ingredients </span>\r\n            {% for item in model.properties %}\r\n                {% if item.attributeFQN == \"tenant~isamix\"%}\r\n                    {% for value in item.values%}\r\n                        {% if value.value == true %}\r\n                            <span aria-label=\"Flavors in this Mix\" tabindex=\"0\" class=\"header-item FlavorsinthisMix\" attr-data=\"FlavorsinthisMix\">Flavors in this Mix</span>\r\n                        {% endif %}\r\n                    {% endfor %}\r\n                {% endif %}\r\n            {% endfor %}\r\n            <span class=\"header-item ProductReviews\" tabindex=\"0\" attr-data=\"ProductReviews\">Product Reviews </span>\r\n        </div>\r\n    </div>\r\n\r\n\r\n    <div class=\"accordian-prod-mobile\">\r\n        \r\n        <div class=\"heat-sensitive-message\" role=\"region\" aria-label=\"heat sensitivity\">\r\n            <p class=\"heat-sensitive-heading\">IMPORTANT:</p> \r\n            <p class=\"heat-sensitive-msg\"> During warm-weather months (April through October), we strongly recommend choosing Express shipping (UPS Second Day Air or UPS Next Day Air Saver). Whatever shipping method you choose, we’ll include a cold pack (free of charge) and will ship the order during a specific time frame to give it the best chance to reach you in good condition.</p>\r\n            <p class=\"heat-sensitive-link\"><a href=\"/shipping_info\"><span class=\"sr-only\">Learn </span>More About Heat-Sensitive Shipping</a> or <a href=\"/contact-us\">Contact Us</a>.</p>\r\n        </div>\r\n        \r\n        <ul class=\"accordian-list\" role=\"tablist\">\r\n            <!-- we will keep this LI open by default -->\r\n            <li   aria-expanded=\"false\">\r\n                <h2 role=\"button\" aria-label=\"product info\">\r\n                    Product Info\r\n                    <!-- <span role=\"button\" class=\"icon-minus\"></span> -->\r\n                    <span class=\"new-icon-images\" style=\"float: right;\" role=\"button\">\r\n                        <img class=\"new-icon-plus\" src=\"/resources/images/mobile-plus-icon.png\" alt=\"Expand\">\r\n                        <img class=\"new-icon-minus\" src=\"/resources/images/icons/minus.png\" style=\"display: none;\" alt=\"Collapse\">\r\n                    </span>\r\n                </h2>\r\n                <ul>\r\n                    <li>\r\n                        <div class=\"product-info\" tabindex=\"0\">\r\n                            {{ model.content.productFullDescription|safe }}\r\n                        </div>\r\n                        <div class=\"clearfix\"></div>\r\n                    </li>\r\n                </ul>\r\n            </li>\r\n            {% for item in model.properties %}\r\n                {% if item.attributeFQN == \"tenant~isamix\"%}\r\n                    {% for value in item.values%}\r\n                        {% if value.value == true %}\r\n                            <li tabindex=\"0\" aria-expanded=\"false\">\r\n                                <h2 role=\"button\" aria-label=\"Flavors in this Mix\">\r\n                                    Flavors in this Mix\r\n                                    <span class=\"new-icon-images\" style=\"float: right;\" role=\"button\">\r\n                                        <img class=\"new-icon-plus\" src=\"/resources/images/mobile-plus-icon.png\" alt=\"Expand\">\r\n                                        <img class=\"new-icon-minus\" src=\"/resources/images/icons/minus.png\" style=\"display: none;\" alt=\"Collapse\">\r\n                                    </span>\r\n                                </h2>\r\n                                <ul id=\"flavors\" tabindex=\"0\">\r\n                                    {% for item in model.properties %}\r\n                                        {% if item.attributeFQN == \"tenant~flavors\"%}\r\n                                            {% for values in item.values%}\r\n                                                <li>{{ values.value }}</li>\r\n                                            {%endfor%}\r\n                                        {%endif%}\r\n                                    {% endfor %}\r\n                                    <div class=\"clearfix\"></div>\r\n                                </ul>\r\n                            </li>\r\n                        {% endif%}\r\n                    {%endfor%}\r\n                {%endif%}\r\n            {% endfor %}\r\n\r\n            <!-- nutrition panel start-->\r\n            <li tabindex=\"0\" aria-expanded=\"false\">\r\n                <h2 role=\"button\" aria-label=\"Nutrition & Ingredients\">\r\n                    Nutrition & Ingredients\r\n                    <span class=\"new-icon-images\" style=\"float: right;\" role=\"button\">\r\n                        <img class=\"new-icon-plus\" src=\"/resources/images/mobile-plus-icon.png\" alt=\"Expand\">\r\n                        <img class=\"new-icon-minus\" src=\"/resources/images/icons/minus.png\" style=\"display: none;\" alt=\"Collapse\">\r\n                    </span>\r\n                </h2>\r\n                \r\n                <ul> \r\n                    <li>\r\n                        <span id =\"nutrition-image\"  aria-hidden=\"true\"></span>\r\n                        <span id=\"nut_panel_title\"></span>\r\n                        <div id=\"jquery_nut_label_mobile\" class=\"nutLabelWrapper\"><ul></ul></div>\r\n                        <div class=\"nut_label_disclaimer\">\r\n                          <p>\r\n                            This information applies to multiple sizes of this product.\r\n                          </p>\r\n                          <p>\r\n                            For more information, please <a href=\"/contact-us\">contact us</a>.\r\n                          </p>\r\n                        </div>\r\n                        <span id =\"nutrition-text\" tabindex=\"0\">Sorry, but the nutrition panel for this product is currently unavailable. To get nutrition information for this product, you can contact Consumer Affairs at 1-800-522-3267 <span style=\"background-color:yellow;\">(Monday-Friday between the hours of 7 AM - 5 PM, Pacific Time)</span> or send us an <a href=\"https://www.jellybelly.com/contact-us\">email.</a></span>\r\n                    </li>\r\n                </ul>\r\n            </li> <!-- nutrition panel end-->\r\n                {% if model.mixvar %}\r\n                    <h3 aria-label=\"Mix Varieties\">Mix Varieties<span class=\"icon-minus\"></span></h3>\r\n                    <ul>\r\n                        <li aria-expanded=\"false\">\r\n                            <div class=\"mix-varieties\">\r\n                                <a href=\"javascript:void(0)\">A&amp;W Cream Soda </a>\r\n                                <a href=\"javascript:void(0)\">A&amp;W Root Beer </a>\r\n                                <a href=\"javascript:void(0)\">Berry Blue  </a>\r\n                                <a href=\"javascript:void(0)\">Blueberry  </a>\r\n                                <a href=\"javascript:void(0)\">Bubble Gum  </a>\r\n                                <a href=\"javascript:void(0)\">Buttered Popcorn  </a>\r\n                                <a href=\"javascript:void(0)\">Cantaloupe  </a>\r\n                                <a href=\"javascript:void(0)\">Cappuccino  </a>\r\n                                <a href=\"javascript:void(0)\">Caramel Corn  </a>\r\n                                <a href=\"javascript:void(0)\">Chili Mango  </a>\r\n                                <a href=\"javascript:void(0)\">Chocolate Pudding  </a>\r\n                                <a href=\"javascript:void(0)\">Cinnamon  </a>\r\n                                <a href=\"javascript:void(0)\">Coconut  </a>\r\n                                <a href=\"javascript:void(0)\">Cotton Candy  </a>\r\n                                <a href=\"javascript:void(0)\">Crushed Pineapple  </a>\r\n                                <a href=\"javascript:void(0)\">Dr Pepper  </a>\r\n                                <a href=\"javascript:void(0)\">French Vanilla  </a>\r\n                                <a href=\"javascript:void(0)\">Green Apple  </a>\r\n                                <a href=\"javascript:void(0)\">Island Punch  </a>\r\n                                <a href=\"javascript:void(0)\">Juicy Pear  </a>\r\n                                <a href=\"javascript:void(0)\">Kiwi  </a>\r\n                                <a href=\"javascript:void(0)\">Lemon Drop  </a>\r\n                                <a href=\"javascript:void(0)\">Lemon Lime  </a>\r\n                                <a href=\"javascript:void(0)\">Licorice  </a>\r\n                                <a href=\"javascript:void(0)\">Mango </a>\r\n                                <a href=\"javascript:void(0)\">Margarita  </a>\r\n                                <a href=\"javascript:void(0)\">Mixed Berry Smoothie  </a>\r\n                                <a href=\"javascript:void(0)\">Orange Sherbet </a>\r\n                                <a href=\"javascript:void(0)\">Peach </a>\r\n                                <a href=\"javascript:void(0)\">Piña Colada  </a>\r\n                                <a href=\"javascript:void(0)\">Plum  </a>\r\n                                <a href=\"javascript:void(0)\">Pomegranate  </a>\r\n                                <a href=\"javascript:void(0)\">Raspberry  </a>\r\n                                <a href=\"javascript:void(0)\">Red Apple  </a>\r\n                                <a href=\"javascript:void(0)\">Sizzling Cinnamon  </a>\r\n                                <a href=\"javascript:void(0)\">Sour Cherry  </a>\r\n                                <a href=\"javascript:void(0)\">Strawberry Cheesecake </a>\r\n                                <a href=\"javascript:void(0)\">Strawberry Daiquiri  </a>\r\n                                <a href=\"javascript:void(0)\">Strawberry Jam  </a>\r\n                                <a href=\"javascript:void(0)\">Sunkist Lemon  </a>\r\n                                <a href=\"javascript:void(0)\">Sunkist Lime  </a>\r\n                                <a href=\"javascript:void(0)\">Sunkist Orange  </a>\r\n                                <a href=\"javascript:void(0)\">Sunkist Pink Grapefruit  </a>\r\n                                <a href=\"javascript:void(0)\">Sunkist Tangerine  </a>\r\n                                <a href=\"javascript:void(0)\">Toasted Marshmallow  </a>\r\n                                <a href=\"javascript:void(0)\">Top Banana </a>\r\n                                <a href=\"javascript:void(0)\">Tutti-Fruitti  </a>\r\n                                <a href=\"javascript:void(0)\">Very Cherry  </a>\r\n                                <a href=\"javascript:void(0)\">Watermelon  </a>\r\n                                <a href=\"javascript:void(0)\">Wild Blackberry </a>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                {% endif %}\r\n            <li tabindex=\"0\" style=\"border-top: none;\">\r\n                <h2 role=\"button\" id=\"Reviews\">Product Reviews<!--<span class=\"icon-minus\"></span>-->\r\n                  <span class=\"new-icon-images\" style=\"float: right;\">\r\n                    <img class=\"new-icon-plus\" src=\"/resources/images/mobile-plus-icon.png\" alt=\"Expand\">\r\n                    <img class=\"new-icon-minus\" src=\"/resources/images/icons/minus.png\" style=\"display: none;\" alt=\"Collapse\">\r\n                  </span>\r\n                </h2>\r\n                <ul class=\"comment-section \" {% if pageContext.isEditMode %} style=\"display:block;\" {% endif %} >\r\n                    <li>\r\n                        {% dropzone \"power-reviews-mobile\" scope=\"template\" %}\r\n                    </li>\r\n                </ul>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n    <div class=\"mobile-scroll-section scroll-header\">\r\n        <div class=\"top-section\">\r\n            <h5 itemprop=\"name\">{{ model.content.productName|safe }}</h5>\r\n            <div class=\"action-section\">\r\n                <div class=\"price-qty-container bb\">\r\n                    <div itemprop=\"offers\" itemscope itemtype=\"http://schema.org/Offer\" class=\"mz-productdetail-price mz-l-stack-section\">\r\n                        {% if model.options and model.options.length > 0 %}\r\n                            {% include \"modules/product/product-options\" %}\r\n                        {% else %}\r\n                            {% if model.price.onSale and model.savePrice %}\r\n                                <span tabindex=\"0\" class=\"sale-price\"><span class=\"p-price\">{{model.price.salePrice|currency}}</span></span>\r\n                            {% else %}\r\n                                {% if model.price.onSale %}\r\n                                    <span class=\"sale-price\" tabindex=\"0\" ><span class=\"p-price\"><strike>{{model.price.price|currency}}</strike> {{model.price.salePrice|currency}} </span></span>\r\n                                {% else %}\r\n                                    <span class=\"price\" tabindex=\"0\"><span class=\"p-price\">{{model.price.price|currency}}</span></span>\r\n                                {% endif %}\r\n                            {% endif %}\r\n                        {% endif %}\r\n                        <div class=\"isMobile stockinfo\">\r\n                            {% if model.purchasableState %}\r\n                                {% if not model.purchasableState.isPurchasable %}  \r\n                                {% else %} \r\n                                        <span class=\"outofstock in\"> IN STOCK </span> \r\n                                {% endif %}\r\n                            {% endif %}\r\n                        </div>\r\n                       \r\n                    </div>\r\n                    <section class=\"mz-l-stack-section mz-productdetail-conversion\">\r\n                        <div class=\"mz-productdetail-conversion-controls\">\r\n                            <div class=\"qty-input-box\" tabindex=\"0\" aria-label=\"Quantity - 1\">\r\n                                <input class=\"quantity\" value=\"1\" tabindex=\"-1\" id=\"quantity-scroll\" name=\"quantity\"  data-mz-value=\"quantity\" min=\"1\" max=\"25\"\r\n                                onChange=\"this.parentElement.querySelectorAll('.quantity')[0].value =\r\n                                  (parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) >= 1\r\n                                  && parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) <= 25) ?\r\n                                  parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) :\r\n                                  (parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) > 25) ? 25 : 1\"/>\r\n                                <span class=\"increment spinner\" tabindex=\"0\" role=\"button\" aria-label = \"increase quantity\" data-mz-action=\"qtyPlus\"></span>\r\n                                <span class=\"decrement spinner\" tabindex=\"0\" role=\"button\" aria-label = \"decrease quantity\"  data-mz-action=\"qtyMinus\"></span>\r\n                                <div class=\"clear\"></div>\r\n                            </div>\r\n                            <span class=\"mz-validationmessage\" data-mz-validationmessage-for=\"quantity\"></span>\r\n                        </div>\r\n                    </section>\r\n                    <div class=\"mobile-buttons-pdp\">\r\n                        {% if  model.purchasableState.isPurchasable %}\r\n                            <button id=\"add-to-cart-scroll\" data-jb-price=\"{% if model.price.onSale %}{{ model.price.salePrice }} {% else %} {{ model.price.price }} {% endif %}\"\r\n                            data-jb-pid=\"{{ model.variationProductCode|default(model.productCode) }}\"\r\n                            class=\"mz-productdetail-addtocart jb-tealium-trigger add-to-cart-btn-pdp {% if not model.purchasableState.isPurchasable %}is-disabled{% endif %}\"\r\n                            {% if not model.purchasableState.isPurchasable %} disabled=\"disabled\" {% endif %} data-mz-action=\"addToCart\" >\r\n                                ADD TO CART\r\n                            </button>\r\n                            \r\n                        {% else %}\r\n                            {% if model.options and model.options.length > 0 %}\r\n                                <button id=\"add-to-cart-scroll\" data-jb-price=\"{% if model.price.onSale %}{{ model.price.salePrice }} {% else %} {{ model.price.price }} {% endif %}\" data-jb-pid=\"{{ model.variationProductCode|default(model.productCode) }}\" data-jb-productname=\"{{model.content.productName}}\" data-jb-img=\"{{model.mainImage.src}}\" data-jb-url=\"{{model.url}}\" class=\"mz-productdetail-addtocart jb-tealium-trigger add-to-cart-btn  gift-prize-select\"\r\n                                data-mz-action=\"addToCart\" >\r\n                                    Select Card Amount\r\n                                </button>\r\n                            {% else %}\r\n                                <button class=\"mz-productdetail-outofstock product-out-ofstock-pdp\" disabled=\"disabled\">\r\n                                    ADD TO CART\r\n                                </button>\r\n                            {% endif %}\r\n                        {% endif %}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n\r\n\r\n","modules/product/hierarchy-facets":"{% if facetValues and facetValues.length > 0 %}\r\n<div class=\"mz-l-sidebaritem\">\r\n    <h4>{{ facet.label|safe }}</h4>\r\n    <ul class=\"mz-facetingform-facet mz-facetingform-facet-hierarchy\">\r\n        {% for fval in facetValues %}\r\n        {% if fval.isDisplayed %}\r\n        <li>\r\n            <a href=\"{% make_url \"facet\" fval  %}\" class=\"mz-facetingform-link\" data-mz-action=\"drillDown\" data-mz-hierarchy-id=\"{{ fval.value }}\" data-mz-facet-value=\"{{ fval.filterValue }}\" data-mz-facet=\"{{ facet.field }}\">{{ fval.label|safe }}</a>\r\n            {% if themeSettings.showChildCategoriesInFaceting and fval.childrenFacetValues.length > 0 %}\r\n            <ul class=\"mz-facetingform-facet mz-facetingform-facet-hierarchy\">\r\n            {% for child in fval.childrenFacetValues %}\r\n                {% if child.isDisplayed and not child.isEmpty %}\r\n                <li>\r\n                    <a href=\"{% make_url \"facet\" child %}\" class=\"mz-facetingform-link\" data-mz-action=\"drillDown\" data-mz-hierarchy-id=\"{{ child.value }}\" data-mz-facet-value=\"{{ child.filterValue }}\" data-mz-facet=\"{{ facet.field }}\">{{ child.label|safe }}</a>\r\n                </li>\r\n                {% endif %}\r\n            {% endfor %}\r\n            </ul>\r\n            {% endif %}\r\n        </li>\r\n        {% endif %}\r\n        {% endfor %}\r\n    </ul>\r\n</div>\r\n{% endif %}","modules/product/jb-featuredproducts-listview":"\n{% if model.items %}\n    \n        <ul class=\"jb-featured-products\" id=\"jb-featured-productlist\">\n        \n            {% for prod in model.items %}\n            \n                <li class=\"jb-featured-product\" data-mz-product=\"{{ prod.productCode }}\">\n                    \n                    <a href=\"{{prod.url}}\">\n                        <div class=\"jb-featured-product-img-container\">\n                            <img src=\"{{prod.mainImage.imageUrl}}\" style=\"height:105px;\"/> \n                        </div>\n                        <p class=\"jb-featured-product-name\" >{{prod.content.productName}}</p>\n                        \n                        <p class=\"jb-featured-product-price\" >Price: ${{prod.price.price}}</p>\n                    </a>\n                    \n                </li>\n            {% endfor %}\n        \n        </ul>\n        \n{% endif %}\n\n\n\r\n","modules/product/price-stack":"<div class=\"mz-pricestack mz-pricestack-range\">\r\n    <div class=\"normal-product-price\">\r\n            {% if model.hasPriceRange %}\r\n                <span class=\"mz-pricestack-price-lower\">\r\n                    {% include \"modules/common/price\" with model=model.priceRange.lower %}\r\n                </span>\r\n                <span class=\"mz-pricestack-price-upper\">\r\n                    {% include \"modules/common/price\" with model=model.priceRange.upper %}\r\n                </span>\r\n            {% else %}\r\n                {% include \"modules/common/price\" with model=model.price %}\r\n            {% endif %}\r\n\r\n             {% if model.price.onSale  && model.price.price-model.price.salePrice > 0 %}\r\n        \t       <span  class=\"sale-offer\" id=\"saleDiv\"><span class=\"wasPrice\" tabindex=\"0\"> (Was: {{model.price.price|currency }})</span></span>\r\n            {% endif %}\r\n\r\n            \r\n    </div>\r\n\t<span content=\"USD\" style=\"display: none;\" >$</span>\r\n\t<span content=\"{{ model.price.price|floatformat(2) }}\" style=\"display: none;\">{{ model.price.price|floatformat(2) }}</span>\r\n</div>\r\n\r\n<span content=\"USD\" style=\"display: none;\" >$</span>\r\n<span style=\"display: none;\">\r\n     {{ model.price.price|floatformat(2) }} \r\n</span>","modules/product/faceting-form":"<div class=\"facets-container\"> \r\n    <a href=\"javascript:void(0);\" class=\"facets-header\"  role=\"button\"><div class=\"container-filter\"> Filter</div></a> \r\n    <div class=\"pointer-filter\"></div> \r\n    <div class=\"filter-list\" aria-label=\"Product list filters\" role=\"dialog\" aria-modal=\"true\">\r\n        <section class=\"mz-facetingform\">  \r\n            <span role=\"button\" tabindex=\"0\" aria-label=\"close filters\" class=\"mz-facetingform-clearall cross-icon\" data-mz-url=\"{% make_url \"facet\" \"clear\" %}\" href=\"javascript:void(0);\"></span>\r\n            <div class=\"facets-type-list\"> \r\n                <ul class=\"facete-type-ul\" >\r\n                    {% for facet in model.facets %}\r\n                        {% if facet.values and facet.facetType != \"Hierarchy\" %}\r\n                            {% if  facet.label != \"packagesize\" %}\r\n                                <li role=\"group\" aria-labelledby=\"{{facet.label}}-legend\" data-attr=\"{% if facet.label == \"Color\"%}g-color {% else %} {% if facet.label == \"RatingForFacet\"%} g-rating {% else %} {% if facet.label == \"Price\"%}g-price {% else %} {% if facet.label == \"Flavors\"%}g-flavour {% else %}  {% if facet.label == \"Brand\"%} g-brand {% else %} {% if facet.label == \"Taste\"%}g-taste {% endif %}{% endif %}{% endif %}{% endif %}{% endif %}{% endif %}\" {% if facet.label == \"Flavors\" or facet.label == \"Brand\" %} style=\"display:none;\" {% endif %} class=\"facete-type-li {% if facet.label == \"RatingForFacet\" %}Rating{%else%}{{ facet.label }}{%endif%}\" aria-label=\"{% if facet.label == \"RatingForFacet\" %}Rating{%else%}{{ facet.label }}{%endif%}\">\r\n                                    <div id=\"{{facet.label}}-legend\" class=\"mz-l-sidebaritem-main\">\r\n                                        <h3> {% if facet.label == \"RatingForFacet\" %}Rating{%else%}{{ facet.label }}{%endif%}</h3>\r\n                                    </div>\r\n                                    <div class=\"facet-name-list {% if facet.label != \"Color\"%} a360-input {% endif %}\" >\r\n                                        <div attr-data=\"{% if facet.label == \"Color\"%}g-color {% else %} {% if facet.label == \"RatingForFacet\"%} g-rating {% else %} {% if facet.label == \"Price\"%}g-price {% else %} {% if facet.label == \"Flavors\"%}g-flavour {% else %}  {% if facet.label == \"Brand\"%} g-brand {% else %} {% if facet.label == \"Taste\"%}g-taste {% endif %}{% endif %}{% endif %}{% endif %}{% endif %}{% endif %}\" {% if facet.label == \"Flavors\" or facet.label == \"Brand\" %} style=\"display:none;\" {% endif %} class=\"mz-l-sidebaritem {% if facet.label == \"Color\"%}g-color {% else %} {% if facet.label == \"RatingForFacet\"%} g-rating {% else %} {% if facet.label == \"Price\"%}g-price {% else %} {% if facet.label == \"Flavors\"%}g-flavour {% else %}  {% if facet.label == \"Brand\"%} g-brand {% else %} {% if facet.label == \"Taste\"%}g-taste {% endif %}{% endif %}{% endif %}{% endif %}{% endif %}{% endif %}\"  >\r\n                                            <ul class=\"mz-facetingform-facet mz-facetingform-facet-hierarchy\">\r\n                                                {% if facet.label == \"RatingForFacet\" %}  \r\n                                                    {% for fval in facet.values %}\r\n                                                        {% if fval.label == \"40 to 50\" %}\r\n                                                            <li class=\"item-name rating {% if fval.isApplied %}mz-facetform-selected{% endif %}\" url-component=\"{{fval.filterValue}}\" attr-name-type=\"rating\">\r\n                                                                {% if fval.label == \"40 to 50\" %}\r\n                                                                <input aria-label=\"{% if fval.label == \"10 to 50\" %} one star and up {% else %}{% if fval.label == \"20 to 50\" %} two stars and up {% else %}{% if fval.label == \"30 to 50\" %} three stars and up {% else %}{% if fval.label == \"40 to 50\" %} four stars and up {% endif %}{% endif %}{% endif %}{% endif %}\" {% if fval.isApplied %} checked {% endif %} value=\"40 to 50\" class=\"sr-only checkbox-style {% if fval.isApplied %} checked {% endif %}\" type=\"checkbox\" id=\"40-to-50\"\r\n                                                                name=\"Rating\">\r\n                                                                <label data-mz-facet-value for=\"40-to-50\"  class=\"four mz1-facetingform-value RatingForFacet reviewStar\" value-to-display=\"4+ stars\">\r\n                                                                        {% comment %}<img src='{% make_url \"image\" \"/resources/images/stars_small_4.gif\" with max=100 as_parameter %}' alt=\"four stars\" title=\"four stars\" />{% endcomment %}\r\n                                                                    </label>\r\n                                                                    <p data-mz-facet-value class=\"countVal mz1-facetingform-value\" > & Up</p>\r\n                                                                {% endif %}\r\n                                                            </li>\r\n                                                        {% endif %}\r\n                                                    {% endfor %}\r\n                                                     {% for fval in facet.values %}\r\n                                                        {% if fval.label == \"30 to 50\" %}\r\n                                                            <li class=\"item-name rating {% if fval.isApplied %}mz-facetform-selected{% endif %}\" url-component=\"{{fval.filterValue}}\" attr-name-type=\"rating\">\r\n                                                                {% if fval.label == \"30 to 50\" %}\r\n                                                                     <input aria-label=\"{% if fval.label == \"10 to 50\" %} one star and up {% else %}{% if fval.label == \"20 to 50\" %} two stars and up {% else %}{% if fval.label == \"30 to 50\" %} three stars and up {% else %}{% if fval.label == \"40 to 50\" %} four stars and up {% endif %}{% endif %}{% endif %}{% endif %}\" {% if fval.isApplied %} checked {% endif %}  value=\"30 to 50\" class=\"sr-only checkbox-style {% if fval.isApplied %} checked {% endif %}\" type=\"checkbox\" id=\"30-to-50\">\r\n                                                                {% comment %} <span class=\"checkbox-style\"></span> {% endcomment %}\r\n                                                                    <label data-mz-facet-value for=\"30-to-50\"   class=\"three mz1-facetingform-value RatingForFacet reviewStar\" value-to-display=\"3+ stars\">\r\n                                                                        {% comment %} <img src='{% make_url \"image\" \"/resources/images/stars_small_3.gif\" with max=100 as_parameter %}' alt=\"three stars\" title=\"three stars\" />{% endcomment %}\r\n                                                                    </label>\r\n                                                                    <p data-mz-facet-value class=\"countVal mz1-facetingform-value\" > & Up</p>\r\n                                                                {% endif %}\r\n                                                            </li> \r\n                                                        {% endif %}\r\n                                                    {% endfor %}\r\n                                                     {% for fval in facet.values %}\r\n                                                        {% if fval.label == \"20 to 50\" %}\r\n                                                            <li class=\"item-name rating {% if fval.isApplied %}mz-facetform-selected{% endif %}\" url-component=\"{{fval.filterValue}}\" attr-name-type=\"rating\">\r\n                                                                {% if fval.label == \"20 to 50\" %}\r\n                                                                    <input aria-label=\"{% if fval.label == \"10 to 50\" %} one star and up {% else %}{% if fval.label == \"20 to 50\" %} two stars and up {% else %}{% if fval.label == \"30 to 50\" %} three stars and up {% else %}{% if fval.label == \"40 to 50\" %} four stars and up {% endif %}{% endif %}{% endif %}{% endif %}\" {% if fval.isApplied %} checked {% endif %}  value=\"20 to 50\" class=\"sr-only checkbox-style {% if fval.isApplied %} checked {% endif %}\" type=\"checkbox\" id=\"20-to-50\">\r\n                                                                {% comment %} <span class=\"checkbox-style\"></span> {% endcomment %}\r\n                                                                    <label data-mz-facet-value for=\"20-to-50\"  class=\"two mz1-facetingform-value RatingForFacet reviewStar\" value-to-display=\"2+ stars\">\r\n                                                                        {% comment %}<img src='{% make_url \"image\" \"/resources/images/stars_small_2.gif\" with max=100 as_parameter %}' alt=\"two stars\" title=\"two stars\" /> {% endcomment %}\r\n                                                                    </label>\r\n                                                                    <p data-mz-facet-value class=\"countVal mz1-facetingform-value\" > & Up</p>\r\n                                                                {% endif %}\r\n                                                            </li> \r\n                                                        {% endif %}\r\n                                                    {% endfor %}\r\n                                                     {% for fval in facet.values %}\r\n                                                        {% if fval.label == \"10 to 50\" %} \r\n                                                            <li class=\"item-name rating {% if fval.isApplied %}mz-facetform-selected{% endif %}\" url-component=\"{{fval.filterValue}}\" attr-name-type=\"rating\">\r\n                                                                {% if fval.label == \"10 to 50\" %}\r\n                                                                  <input aria-label=\"{% if fval.label == \"10 to 50\" %} one star and up {% else %}{% if fval.label == \"20 to 50\" %} two stars and up {% else %}{% if fval.label == \"30 to 50\" %} three stars and up {% else %}{% if fval.label == \"40 to 50\" %} four stars and up {% endif %}{% endif %}{% endif %}{% endif %}\" {% if fval.isApplied %} checked {% endif %}  value=\"10 to 50\" class=\"sr-only checkbox-style {% if fval.isApplied %} checked {% endif %}\" type=\"checkbox\" id=\"10-to-50\">\r\n                                                                {% comment %} <span class=\"checkbox-style\"></span> {% endcomment %}\r\n                                                                    <label data-mz-facet-value for=\"10-to-50\"  class=\"one mz1-facetingform-value RatingForFacet reviewStar\" value-to-display=\"1+ stars\">\r\n                                                                        {% comment %}<img src='{% make_url \"image\" \"/resources/images/stars_small_1.gif\" with max=100 as_parameter %}' alt=\"one stars\" title=\"one stars\" />{% endcomment %}\r\n                                                                    </label>\r\n                                                                    <p data-mz-facet-value class=\"countVal mz1-facetingform-value\" > & Up</p>\r\n                                                                {% endif %}\r\n                                                            </li> \r\n                                                        {% endif %} \r\n                                                    {% endfor %} \r\n                                                {% endif %} \r\n                                                {% for fval in facet.values %}  \r\n                                                    {% if facet.label == \"Price\" %}\r\n                                                        <li class=\"item-name li_price {% if fval.isApplied %} mz-facetform-selected {% endif %}\" count url-component=\"{{fval.filterValue}}\" attr-name-type=\"li_price\" value-to-display=\"${{fval.rangeQueryValueStart}} to ${{fval.rangeQueryValueEnd}}\">\r\n                                                            <input style=\"display:inline-block\" type=\"checkbox\" id=\"{{fval.label|title|slugify}}\" class=\"mz-facetingform-value checkbox-style\" {% if fval.isApplied %}checked=\"checked\"{% endif %} data-mz-facet=\"{{ facet.field }}\" data-mz-facet-value=\"{{ fval.value }}\" data-mz-url=\"{% make_url \"facet\" fval %}\">\r\n\r\n                                                            {% comment %}\r\n                                                            Doesn't seem to be needed.\r\n                                                            <input style=\"display:none\" {% if fval.isApplied %} checked {% endif %}  value=\"{{ fval.label|title}}\" class=\"sr-only checkbox-style {% if fval.isApplied %} checked {% endif %}\" type=\"checkbox\" id=\"{{ fval.label|title|slugify}}\">\r\n                                                            <span class=\"checkbox-style\"></span> \r\n                                                            {% endcomment %}\r\n\r\n                                                            <label for=\"{{fval.label|title|slugify}}\" class=\"mz-facetingform-valuelabel mz1-facetingform-value\" data-mz-facet-value=\"{{ fval.value }}\" >${{fval.rangeQueryValueStart}} to ${{fval.rangeQueryValueEnd}}\r\n                                                                <span data-mz-url=\"{% make_url \"facet\" fval %}\" data-mz-facet-value class=\"mz-facetingform-valuelabel mz1-facetingform-value\" > ({{fval.count}})</span>\r\n                                                                <span class=\"sr-only\">{{fval.count}} Items</span>\r\n                                                            </label>\r\n                                                        </li>\r\n                                                    {% else %}\r\n                                                    {% if facet.label == \"Color\" %}\r\n                                                        <li class=\"item-name color {% if fval.isApplied %} mz-facetform-selected {% endif %}\" url-component=\"{{fval.filterValue}}\" attr-name-type=\"color\" value-to-display=\"{{ fval.label|title}}\">\r\n                                                            <input style=\"display:inline-block\" id=\"{{fval.value|slugify}}\" type=\"checkbox\"  class=\"mz-facetingform-value checkbox-style\"\r\n                                                            {% if fval.isApplied %}checked=\"checked\"{% endif %} data-mz-facet=\"{{ facet.field }}\" data-mz-facet-value=\"{{ fval.value }}\"\r\n                                                            data-mz-url=\"{% make_url \"facet\" fval %}\">\r\n                                                            <label for=\"{{fval.value|slugify}}\">\r\n                                                                <span class=\"mz1-facetingform-value checkbox-style color\" title=\"{{ fval.value }}\"\r\n                                                                data-mz-facet=\"{{ facet.field }}\" data-mz-facet-value=\"{{ fval.value }}\" {% if fval.value == \"multi\" %} style=\"background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);\" {% else %} style=\"background:{{ fval.value }};border:1px solid :{{ fval.value }};\" {% endif %}></span>\r\n                                                                <span class=\"mz1-selectcolr\"{%if fval.isApplied %} style=\"display:inline-block\" {% else %} style=\"display:inline-block\" {% endif %}>{{ fval.value|capfirst }}</span>\r\n                                                            </label>\r\n                                                            \r\n                                                        </li> \r\n                                                    {% else %}\r\n                                                    {% if facet.label == \"RatingForFacet\" %} \r\n                                                    {%else %} \r\n                                                    {% if facet.label == \"packagesize\" %}    \r\n                                                    {% else %} \r\n                                                        <li class=\"item-name {{ facet.label|lower }}{% if fval.isApplied %} mz-facetform-selected {% endif %}\" url-component=\"{{fval.filterValue}}\" attr-name-type=\"{{ facet.label|lower }}\" value-to-display=\"{{ fval.label|title}}\"> \r\n                                                            <span class=\"checkbox-style\"></span>\r\n                                                            <label class=\"mz1-facetingform-value\" data-mz-facet=\"{{ facet.field }}\"\r\n                                                                data-mz-facet-value=\"{{ fval.value }}\">{{ fval.label|title }} <span data-mz-url=\"{% make_url \"facet\" fval %}\" data-mz-facet-value class=\"mz-facetingform-valuelabel mz1-facetingform-value\" for=\"{{facet.field|slugify }}_{{ fval.value|slugify }}\"> ({{fval.count}})</span>\r\n                                                            </label>\r\n                                                        </li>\r\n                                                    {% endif %}\r\n                                                    {% endif %}\r\n                                                    {% endif %}\r\n                                                    {% endif %}\r\n                                                {% endfor %}\r\n                                            </ul>\r\n                                        </div>\r\n                                    </div>\r\n                                </li>\r\n                            {% endif %}\r\n                        {% endif %}\r\n                    {% endfor %}\r\n                </ul>\r\n            </div>\r\n            <div class=\"ip-container\"><div class=\"jb-inner-overlay\"></div></div> \r\n            <div class=\"mz-facetHeaderdiv\">\r\n            </div>\r\n            <div class=\"mz-l-sidebaritem mz-shop-home\">\r\n            <ul style=\"list-type:none; display:flex; justify-content:flex-end;\">\r\n                <li>\r\n                    <button  class=\"mz-facetingform-shop apply-filter-button\" > apply </button> \r\n                </li>\r\n                <li>\r\n                    <button  class=\"mz-facetingform-clearall\" data-mz-url=\"{% make_url \"facet\" \"clear\" %}\" data-mz-action=\"clearFacets\"  >{{ labels.reset }}</button>  \r\n                </li>\r\n            </ul>\r\n            </div>\r\n        </section>\r\n    </div>\r\n</div>\r\n","modules/product/product-cards-list":"<ul class=\" product-cards-list {{ ulClass }}\">\r\n  {% for item in productCards %}\r\n    <li class=\"product-item-{{ forloop.counter }} {{ liClass }}\" role=\"group\" aria-label=\"product\">\r\n      <div class=\"product-card\">\r\n        <img class=\"product-image\"\r\n          src=\"{{ item.productCard.image }}\"\r\n          loading=\"lazy\" alt=\"\"\r\n        >\r\n        <{{ item.productCard.nameTag }}>\r\n          {{ item.productCard.name }}\r\n        </{{ item.productCard.nameTag }}>\r\n        <div class=\"product-2-col-buttons\">\r\n          <a class=\"product-panel-button\" href=\"/{{ item.productCard.slug }}/p/{{ item.productCard.productCode }}\">\r\n            {{ item.productCard.buttonLabel }}\r\n          </a>\r\n        </div>\r\n      </div>\r\n    </li>\r\n  {% endfor %}\r\n</ul>\r\n","modules/product/product-detail-simple":"<div class=\"product-detail-simple\">\r\n    {% comment %}\r\n    <h3>{{ model.items.0.productName|safe }}</h3>\r\n    {% endcomment %}\r\n    <img src=\"{{ model.items.0.mainImage.imageUrl }}?width=300\" alt=\"{{ model.items.0.productName|safe }}\" style=\"max-width: 100%; height: auto;\">\r\n</div>\r\n","modules/product/faceting-formnew":"<a href=\"javascript:void(0);\" class=\"facets-header\"  aria-expanded=\"false\" role=\"button\"><div class=\"container-filter\">FILTER</div></a>\n<span class=\"mz-refine-search\"><span class=\"reloadsymbole\"></span>\n</span>\n<div class=\"tz-mobileSelected-filter\" style=\"visibility: none;display:none\" tabindex=\"-1\">\n    <label tabindex=\"0\" title=\"Selected Filters\">Selected Filters: </label> \n    {% for facet in model.facets %}\n        {% if facet.isFaceted %}\n            {% if facet.label != \"RatingForFacet\" %}\n                {% for fval in facet.values %}  \n                    {% if fval.isApplied %}    \n                        <span aria-label=\"{{ fval.label|title}} {% if facet.label == \"Price\" %} $ {% endif %}\" tabindex=\"0\"  class=\"selected-facet-mobile\">{{ fval.label|title}}<a role=\"button\" aria-label=\"remove-facet {{ fval.label|title}}\" tabindex=\"0\" href=\"javascript:void(0);\" attr-filter=\"{{ fval.value }}\" attr-require=\"{{ fval.filterValue }}\" class=\"remove-filter-one\" id=\"{{ facet.label }}\">X</a></span>\n                    {% endif %}    \n                {% endfor %}\n            {% else %} \n            {% if facet.label == \"RatingForFacet\" %} \n                {% for fval in facet.values %}  \n                    {% if fval.isApplied %}  \n                        {% if fval.label == \"10 to 50\" %}\n                            <span  aria-label=\"1+ Stars\" tabindex=\"0\" class=\"selected-facet-mobile\">1+ Stars<a role=\"button\" aria-label=\"remove-facet 1+ Stars\" tabindex=\"0\" href=\"javascript:void(0);\" attr-filter=\"{{ fval.value }}\" attr-require=\"{{ fval.filterValue }}\" class=\"remove-filter-one\" id=\"{{ facet.label }}\">X</a></span>\n                        {% else %}\n                        {% if fval.label == \"20 to 50\" %}\n                            <span  aria-label=\"2+ Stars\" tabindex=\"0\" class=\"selected-facet-mobile\">2+ Stars<a role=\"button\" aria-label=\"remove-facet 2+ Stars\" tabindex=\"0\" href=\"javascript:void(0);\" attr-filter=\"{{ fval.value }}\" attr-require=\"{{ fval.filterValue }}\" class=\"remove-filter-one\" id=\"{{ facet.label }}\">X</a></span>\n                        {% else %}\n                        {% if fval.label == \"30 to 50\" %}\n                            <span  aria-label=\"3+ Stars\" tabindex=\"0\" class=\"selected-facet-mobile\">3+ Stars<a role=\"button\" aria-label=\"remove-facet 3+ Stars\" tabindex=\"0\" href=\"javascript:void(0);\" attr-filter=\"{{ fval.value }}\" attr-require=\"{{ fval.filterValue }}\" class=\"remove-filter-one\" id=\"{{ facet.label }}\">X</a></span>\n                        {% else %}\n                        {% if fval.label == \"40 to 50\" %}\n                            <span  aria-label=\"4+ Stars\" tabindex=\"0\" class=\"selected-facet-mobile\">4+ Stars<a role=\"button\" aria-label=\"remove-facet 4+ Stars\" tabindex=\"0\" href=\"javascript:void(0);\" attr-filter=\"{{ fval.value }}\" attr-require=\"{{ fval.filterValue }}\" class=\"remove-filter-one\" id=\"{{ facet.label }}\">X</a></span>\n                        {% endif %}\n                        {% endif %}\n                        {% endif %}   \n                        {% endif %} \n                    {% endif %}    \n                {% endfor %}    \n            {% endif %}\n            {% endif %}\n        {% endif %}  \n    {% endfor %} \n</div>\n<div data-mz-facets-mobile class=\"mz-l-sidebar\">\n    <section class=\"mz-facetingform-new\">\n        {% for facet in model.facets %}\n            {% if facet.values and facet.facetType != \"Hierarchy\" and facet.values.length >0 %}\n                <div  {% if forloop.last %} style=\"margin-bottom: 30px;\"{% endif %} class=\"mz-l-sidebaritem-new selected\" {% if facet.label == \"Flavors\" or facet.label == \"Brand\" %} style=\"display:none;\" {% endif %}>\n                    {% if forloop.first %}\n                        <h3 tabindex=\"0\" role=\"button\" aria-label=\"{% if facet.label == \"RatingForFacet\" %}Rating{%else%}{{ facet.label }}{%endif%}\" aria-expanded=\"false\"  tabindex=\"0\">{% if facet.label == \"RatingForFacet\" %}Rating{%else%}{{ facet.label }}{%endif%}<span class=\"mz-open-facet\"></span></h3>\n                        <ul class=\"mz-facetingform-facet mz-facetingform-facet-hierarchy rating-ul {% if facet.label == \"Color\" %} color {% endif %}\" data-mz-action-\"loadCustomScroll\" >\n                    {%else%}\n                    {% if  facet.label != \"packagesize\" %}\n                        <h3 tabindex=\"0\" role=\"button\" aria-label=\"{% if facet.label == \"RatingForFacet\" %}Rating{%else%}{{ facet.label }}{%endif%}\" aria-expanded=\"false\" tabindex=\"0\">{% if facet.label == \"RatingForFacet\" %}Rating{%else%}{{ facet.label }}{%endif%}<span class=\"mz-close-facet\"></span></h3>\n                        <ul class=\"mz-facetingform-facet mz-facetingform-facet-hierarchy {% if facet.label == \"Color\" %} color {% endif %} {% if facet.label == \"RatingForFacet\" %} rating-ul {% endif %}\" data-mz-action-\"loadCustomScroll\" >\n                    {%endif%}\n                    {%endif%}\n                    {% if facet.label == \"RatingForFacet\" %}\n                        {% for fval in facet.values %}\n                            {% if fval.label == \"40 to 50\" %}\n                                <li role=\"button\"  class=\"a360-input item-name rating {% if fval.isApplied %} mz-facetform-selected {% endif %}\">\n                                    {% if fval.label == \"40 to 50\" %}\n                                        <input {% if fval.isApplied %} checked {% endif %} value=\"40 to 50\" class=\"sr-only checkbox-style\" type=\"checkbox\" id=\"40-to-50\">\n                                        <label  for=\"40-to-50\"  data-mz-url=\"{% make_url \"facet\" fval %}\" rating-facet=\"4+ Stars\" data-mz-facet-value class=\"mz1-facetingform-value reviewStar fourStar\"  data-mz-facet=\"{{ facet.field }}\" data-mz-facet-value-mobile=\"{{ fval.value }}\" data-mz-facet-titel-mobile=\"{{ fval.label|title}}\" facetRating=\"activerating\" >\n                                        </label> \n                                        <p class=\"mz1-facetingform-value\" rating-facet=\"4+ Stars\" data-mz-facet-value-mobile=\"{{ fval.value }}\" data-mz-facet=\"{{ facet.field }}\" data-mz-facet-value=\"{{ fval.value }}\">& Up</p> \n                                    {% endif %}\n                                </li> \n                            {% endif %}\n                        {% endfor %}\n                         {% for fval in facet.values %}\n                            {% if fval.label == \"30 to 50\" %}\n                                <li role=\"button\"   class=\"a360-input item-name rating {% if fval.isApplied %} mz-facetform-selected {% endif %}\">\n                                    {% if fval.label == \"30 to 50\" %}\n                                        <input {% if fval.isApplied %} checked {% endif %}  value=\"30 to 50\" class=\"sr-only checkbox-style\" type=\"checkbox\" id=\"30-to-50\">\n                                        <label  for=\"30-to-50\" data-mz-url=\"{% make_url \"facet\" fval %}\" rating-facet=\"3+ Stars\" data-mz-facet-value class=\"mz1-facetingform-value reviewStar threeStar\"  data-mz-facet=\"{{ facet.field }}\" data-mz-facet-value-mobile=\"{{ fval.value }}\" data-mz-facet-titel-mobile=\"{{ fval.label|title}}\" facetRating=\"activerating\" >\n                                        </label>\n                                        <p class=\"mz1-facetingform-value\" rating-facet=\"3+ Stars\" data-mz-facet-value-mobile=\"{{ fval.value }}\" data-mz-facet=\"{{ facet.field }}\" data-mz-facet-value=\"{{ fval.value }}\">& Up</p> \n                                    {% endif %}\n                                </li> \n                            {% endif %}\n                        {% endfor %}\n                         {% for fval in facet.values %}\n                            {% if fval.label == \"20 to 50\" %}\n                                <li role=\"button\" aria-label=\"{% if fval.label == \"10 to 50\" %} one star and up {% else %}{% if fval.label == \"20 to 50\" %} two stars and up {% else %}{% if fval.label == \"30 to 50\" %} three stars and up {% else %}{% if fval.label == \"40 to 50\" %} four stars and up {% endif %}{% endif %}{% endif %}{% endif %}\" tabindex=\"0\" class=\"a360-input item-name rating {% if fval.isApplied %} mz-facetform-selected {% endif %}\">\n                                    {% if fval.label == \"20 to 50\" %}\n                                        <input {% if fval.isApplied %} checked {% endif %}  value=\"20 to 50\" class=\"sr-only checkbox-style\" type=\"checkbox\" id=\"20-to-50\">\n                                        <label  for=\"20-to-50\" data-mz-url=\"{% make_url \"facet\" fval %}\" rating-facet=\"2+ Stars\" data-mz-facet-value class=\"mz1-facetingform-value reviewStar twoStar\" \n                                         data-mz-facet=\"{{ facet.field }}\" data-mz-facet-value-mobile=\"{{ fval.value }}\" data-mz-facet-titel-mobile=\"{{ fval.label|title}}\" facetRating=\"activerating\" >\n                                        </label>\n                                        <p class=\"mz1-facetingform-value\" rating-facet=\"2+ Stars\" data-mz-facet-value-mobile=\"{{ fval.value }}\" data-mz-facet=\"{{ facet.field }}\" data-mz-facet-value=\"{{ fval.value }}\">& Up</p> \n                                    {% endif %}\n                                </li> \n                            {% endif %}\n                        {% endfor %}\n                         {% for fval in facet.values %}\n                            {% if fval.label == \"10 to 50\" %}\n                                <li role=\"button\" aria-label=\"{% if fval.label == \"10 to 50\" %} one star and up {% else %}{% if fval.label == \"20 to 50\" %} two stars and up {% else %}{% if fval.label == \"30 to 50\" %} three stars and up {% else %}{% if fval.label == \"40 to 50\" %} four stars and up {% endif %}{% endif %}{% endif %}{% endif %}\" tabindex=\"0\" class=\"a360-input item-name rating {% if fval.isApplied %} mz-facetform-selected {% endif %}\">\n                                    {% if fval.label == \"10 to 50\" %}\n                                         <input {% if fval.isApplied %} checked {% endif %}  value=\"10 to 50\" class=\"sr-only checkbox-style\" type=\"checkbox\" id=\"10-to-50\">\n                                        <label  for=\"10-to-50\" data-mz-url=\"{% make_url \"facet\" fval %}\" rating-facet=\"1+ Stars\" data-mz-facet-value class=\"mz1-facetingform-value reviewStar oneStar\" \n                                         data-mz-facet=\"{{ facet.field }}\" data-mz-facet-value-mobile=\"{{ fval.value }}\" data-mz-facet-titel-mobile=\"{{ fval.label|title}}\" facetRating=\"activerating\" >\n                                        </label>\n                                        <p class=\"mz1-facetingform-value\" rating-facet=\"1+ Stars\" data-mz-facet-value-mobile=\"{{ fval.value }}\" data-mz-facet=\"{{ facet.field }}\" data-mz-facet-value=\"{{ fval.value }}\">& Up</p> \n                                    {% endif %}\n                                </li>  \n                            {% endif %}\n                        {% endfor %} \n                    {% endif %}\n                    {% for fval in facet.values %}\n                        {% if facet.label == \"Price\" %}\n                            <li role=\"button\" aria-pressed=\"true\" aria-label=\"{{ fval.label|title}}\" tabindex=\"0\" class=\"a360-input item-name li_price {% if fval.isApplied %} mz-facetform-selected {% endif %}\">\n                              <input value=\"{{ fval.label|title}}\" class=\"original-input-checkbox-styles\" type=\"checkbox\" id=\"{{facet.field|slugify}}_{{fval.value|slugify}}\">\n                              <span class=\"custom-checkbox-for-price\"></span>\n                              <label for=\"{{facet.field|slugify}}_{{fval.value|slugify}}\" data-mz-url=\"{% make_url \"facet\" fval %}\" class=\"mz1-facetingform-value\" data-mz-facet-value \n                                data-mz-facet=\"{{ facet.field }}\" data-mz-facet-value-mobile=\"{{ fval.value }}\" data-mz-facet-titel-mobile=\"{{ fval.label|title}}\">\n                                <span class=\"mz-facetingform-valuelabel\" >\n                                  {% if fval.label != \"Over 40\" %}\n                                      ${{fval.rangeQueryValueStart}} to ${{fval.rangeQueryValueEnd}} \n                                  {% else %}\n                                  {% if fval.label == \"Over 40\" %}\n                                      Over ${{fval.rangeQueryValueStart}}  \n                                  {% endif %}\n                                  {% endif %}\n                                  ({{fval.count}})\n                                </span> \n                                <span class=\"sr-only\">{{fval.count}} Items</span>\n                              </label>\n                            </li>\n                        {% else %}\n                        {% if facet.label == \"Color\" %}\n                            \n                            <li role=\"button\"  aria-label=\"{{ fval.label|title}} Color\" class=\"item-name color {% if fval.isApplied %} mz-facetform-selected {% endif %}\">\n\t\t\t\t\t\t\t\t<input {% if fval.isApplied %} checked {% endif %} value=\"{{ fval.label|title}}\" class=\"sr-only checkbox-style\" type=\"checkbox\" id=\"{{fval.label|title}}-mobile\" style=\"position:fixed;\"> \n\t\t\t\t\t\t\t\t<label for=\"{{fval.label|title}}-mobile\" data-mz-facet-value data-mz-facet-value data-mz-url=\"{% make_url \"facet\" fval %}\" class=\"mz1-facetingform-value color\" data-mz-facet=\"{{ facet.field }}\" data-mz-facet-value-mobile=\"{{ fval.value }}\" data-mz-facet-titel-mobile=\"{{ fval.label|title}}\" {% if fval.value == \"multi\" %}style=\"background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);\"{% else %}style=\"background:{{ fval.value }};\"{% endif %}>\n                                    <span class=\"mz1-selectcolr\" {%if fval.isApplied %} style=\"display:block\" {% else %} style=\"display:inline-block\" {% endif %} > {{ fval.value|capfirst }}</span>\n                                </label>\n                            </li>\n                            \n                        {% else %}\n                        {% if facet.label == \"RatingForFacet\" %}\n                        {%else %}\n                        {% if facet.label == \"packagesize\" %} \n                        {%else %}\n                            <li role=\"button\" aria-label=\"{{ fval.label|title}}\" tabindex=\"0\" class=\"item-name {{ facet.label|lower }} {% if fval.isApplied %} mz-facetform-selected {% endif %}\">\n                                <span class=\"checkbox-style\"></span>\n                                <span  data-mz-url=\"{% make_url \"facet\" fval %}\" data-mz-facet-value  class=\"mz1-facetingform-value\"  data-mz-facet=\"{{ facet.field }}\" data-mz-facet-value-mobile=\"{{ fval.value }}\" data-mz-facet-titel-mobile=\"{{ fval.label|title}}\">\n\t\t\t\t<label tabindex=\"-1\" class=\"mz-facetingform-valuelabel\" for=\"{{facet.field|slugify }}_{{ fval.value|slugify }}\">{{ fval.label }}\n                                     </label>\n                                </span>\n                            </li>\n                        {% endif %}    \n                        {% endif %} \n                        {% endif %}\n                        {% endif %}\n                    {% endfor %}\n                    </ul>\n                </div>\n            {% endif %}\n        {% endfor %} \n    </section>\n</div>\n<span class=\"button-data\"> \n<span tabindex=\"0\" role=\"button\" aria-label=\"apply\" class=\"tzPopup-Done hide\"><span class=\"donetext\">apply</span></span>\n<span tabindex=\"0\" role=\"button\" aria-label=\"show results\" class=\"closefacetpopup\"><span class=\"donetext\">SHOW RESULTS</span></span>\n","modules/product/product-detail":"<style>\r\n/* This should be globally available, not local here. To stay consistent, use the class sr-only or modern-sr-only; not \"visually-hidden\"\r\n    See: global.less line:1243\r\n*/\r\n    .visually-hidden { /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */\r\n        position: absolute !important;\r\n        height: 1px; width: 1px;\r\n        overflow: hidden;\r\n        clip: rect(1px 1px 1px 1px); /* IE6, IE7 */\r\n        clip: rect(1px, 1px, 1px, 1px);\r\n    }\r\n    .visually-hidden a:focus,\r\n    .visually-hidden input:focus,\r\n    .visually-hidden button:focus {\r\n        position:static;\r\n        width:auto; height:auto;\r\n    }\r\n</style>\r\n\r\n{% require_script \"pages/bean-recipe\" %}\r\n{% require_script \"vendor/google-tag-manager/pdp\" %}\r\n\r\n<div>\r\n    <div class=\"ip-container\"><div class=\"jb-inner-overlay\"></div></div>\r\n\r\n    <div class=\"isMobile pdp-mobile-header\">\r\n        <h1 class=\"mz-pagetitle\" itemprop=\"name\">{{ model.content.productName|safe }}</h1>\r\n        <div class=\"sku-rating-section\">\r\n            <span class=\"mz-sku\">SKU-{{ model.productCode|safe }}</span>\r\n            {% if pageContext.isMobile %}\r\n                <div class=\"sku-star-review\">\r\n                    {% comment %}\r\n                    <div class=\"review-snippet-cointainer\">\r\n                      <div class=\"p-w-r\">\r\n                        <div class=\"pr-review-snapshot\">\r\n                          {% dropzone \"power-review-snippet2\" scope=\"template\" %}\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    {% endcomment %}\r\n                     <div class=\"bazaarvoice-rating-summary\"\r\n                        data-bv-show=\"rating_summary\"\r\n                        data-bv-product-id=\"{{ model.productCode|safe }}\">\r\n                    </div>\r\n                </div>\r\n            {% endif %}\r\n        </div>    \r\n    </div>\r\n\r\n    {% comment %}\r\n        The category ID to use for the \"ORIGINAL GOURMET\" line is 835 on production, Gift Bags.\r\n     {% endcomment %}\r\n    {% for category in model.categories %}\r\n        {% if category.categoryId == 835 %}\r\n            <div class=\"product-trademark original-gourmet-trademark\">\r\n                <u>THE ORIGINAL GOURMET &#174;</u>\r\n            </div>\r\n        {% endif %}\r\n    {% endfor %}\r\n\r\n    {% comment %}\r\n        The category ID to use for the \"A HIGHER STATE OF BEAN\" line is 836 on production, Grab and Go Bags.\r\n    {% endcomment %}\r\n    {% for category in model.categories %}\r\n        {% if category.categoryId == 836 %}\r\n            <div class=\"product-trademark higher-state-of-bean-trademark\">\r\n                <u>A HIGHER STATE OF BEAN &#174;</u>\r\n            </div>\r\n        {% endif %}\r\n    {% endfor %}\r\n\r\n    {% comment %}\r\n        The category ID to use for the \"FEEL THE FLAVOR\" line is 252 on production, 16 ounce single flavor bags.\r\n    {% endcomment %}\r\n    {% for category in model.categories %}\r\n        {% if category.categoryId == 252 %}\r\n            <div class=\"product-trademark feel-the-flavor-trademark\">\r\n                <u>FEEL THE FLAVOR &#174;</u>\r\n            </div>\r\n        {% endif %}\r\n    {% endfor %}\r\n\r\n    {% if model.content.productShortDescription and themeSettings.showProductDetailShortDesc %}\r\n        <div class=\"mz-productdetail-shortdesc mz-l-stack-section\">\r\n        {% if model.content.productShortDescription.length > 60 %}\r\n          <span class=\"shortdesc-content\">{{ model.content.productShortDescription|safe }} <a href=\"javascript:void(0)\" role=\"button\" class=\"more-info\" >More Info</a></span>\r\n          <span role=\"button\" tabindex=\"0\" class=\"wishlist-heart add-wishlistIcon isDesktop\" id=\"add-to-wishlist\" data-mz-prdcode=\"{{model.productCode}}\" data-mz-productpage=\"\" class=\"mz-productdetail-addtowishlist add-to-wishlist\" aria-label=\"add to wishlist\"></span>\r\n        {% else %}\r\n          <span class=\"shortdesc-content\">{{ model.content.productShortDescription|safe }} <a href=\"javascript:void(0)\" role=\"button\" class=\"more-info\">More Info</a></span>\r\n          <span role=\"button\" tabindex=\"0\" class=\"wishlist-heart add-wishlistIcon less-desc isDesktop\" id=\"add-to-wishlist\" data-mz-prdcode=\"{{model.productCode}}\" data-mz-productpage=\"\" class=\"mz-productdetail-addtowishlist add-to-wishlist\" aria-label=\"add to wishlist\"></span>\r\n        {% endif %}\r\n        </div>\r\n    {% endif %}\r\n\r\n{# amazon-walmart #}\r\n    {% comment %}\r\n         Debug info for stock and manageStock values:\r\n    {% endcomment %}\r\n  {% if model.inventoryInfo.onlineStockAvailable == 0 and model.inventoryInfo.manageStock|lower == \"true\" %}\r\n    <!-- debug info for inventory availability logic:\r\n    model.inventoryInfo.onlineStockAvailable: {{ model.inventoryInfo.onlineStockAvailable }}\r\n    model.inventoryInfo.manageStock: {{ model.inventoryInfo.manageStock }}\r\n    -->\r\n  {% else %}\r\n\r\n    {% for category in model.categories %}\r\n      {% if category.categoryId == 5 or category.parentCategoryId == 5 %}\r\n        <p class=\"bargain-outlet-message\"><strong>This item is part of a special limited-time sale</strong>. It may be overstocked or close to the Best-Before Date (or both). Sales of this discounted item are final sale only; there are no returns, refunds or exchanges allowed. Keep in mind that a Best-Before Date is just that: the date before which a product is best, and while this product might be a little older, it still is of the same high quality as our full-priced goods.</p>\r\n      {% endif %}\r\n    {% endfor %}\r\n\r\n    <div class=\"product-detail-container {% if model.options and model.options.length > 0 %}{% for option in model.options %}{% if option.attributeDetail.inputType == 'List' %}giftcardwishlist{% endif %}{% endfor %}{% endif %}\">\r\n        <div class=\"price-qty-container aa\">\r\n            <div itemprop=\"offers\" itemscope itemtype=\"http://schema.org/Offer\" class=\"mz-productdetail-price mz-l-stack-section\">\r\n                <div>\r\n                <div class=\"pdp-stock-info isDesktop\">\r\n                    {% if model.purchasableState %}\r\n                        {% if not model.purchasableState.isPurchasable %}\r\n                        {% else %}\r\n                            <span class=\"outofstock in\"> IN STOCK </span>\r\n                        {% endif %}\r\n                    {% endif %}\r\n                </div>\r\n                {% if model.options and model.options.length > 0 %}\r\n                    {% include \"modules/product/product-options\" %}\r\n                {% else %}\r\n                    {% include \"modules/product/price-stack\" %}\r\n                {% endif %}\r\n               \r\n                {% if  model.price.onSale %}\r\n                    <p class=\"low-stock-label\">\r\n                        {% if model.inventoryInfo.onlineStockAvailable > 0 and model.inventoryInfo.onlineStockAvailable <= 20 %}\r\n                            Only {{ model.inventoryInfo.onlineStockAvailable }} left in stock\r\n                        {% endif %}\r\n                    </p>\r\n                {% endif %}\r\n                </div>\r\n                {% comment %}\r\n                {% if model.price.onSale and model.savePrice %}\r\n                {% endcomment %}\r\n                {% if model.price.onSale and model.savePrice and model.savePricePercentage > 0 %}\r\n                        <div class=\"sale-details isDesktop\"><span class=\"you-save\"> You save ${{model.savePrice|floatformat(2)}}</span> <span style=\"color:#000\">({{ model.savePricePercentage }}%) </span></div>\r\n                {% endif %}\r\n                    {% comment %}\r\n                    <div class=\"sales-rewards\" {% if model.price.onSale and model.savePrice %}style=\"display:inline-block\"{% endif %}>\r\n                        <span>Buy to earn\r\n                            <span id=\"zrl-conversion\">\r\n                                {% if model.price.onSale %}\r\n                                  {{ themeSettings.zinreloPointMultiplier|multiply(model.price.salePrice)|floatformat(0) }}\r\n                                {% else %}\r\n                                  {{ themeSettings.zinreloPointMultiplier|multiply(model.price.price)|floatformat(0) }}\r\n                                {% endif %}\r\n                            </span>\r\n                            Sweet Rewards Points\r\n                        </span>\r\n                    </div>\r\n                    {% endcomment %}\r\n                {% comment %}\r\n                {% else %}\r\n                    <div class=\"reward-points\" tabindex=\"0\">\r\n                        <span>Reward Points:\r\n                            <span id=\"zrl-conversion\">\r\n                                {% if model.price.price == model.price.salePrice %}\r\n                                  {{ themeSettings.zinreloPointMultiplier|multiply(model.price.price)|floatformat(2) }}\r\n                                {% else %}\r\n                                  {{ themeSettings.zinreloPointMultiplier|multiply(model.price.salePrice)|floatformat(2) }}\r\n                                {% endif %}\r\n                            </span>\r\n                        </span>\r\n                    </div>\r\n                {% endif %}\r\n                {% endcomment %}\r\n            </div>\r\n            {% if model.price.discount %}\r\n                    <div tabindex=\"0\" class=\"discount-details\" data-discount-id=\"{{model.price.discount.discount.id}}\" data-discount-enddate=\"{{ model.price.discount.discount.expirationDate }}\" data-save-percentage=\"{{ model.savePricePercentage }}\">\r\n                        <span class=\"discountname\">\r\n                            <span style=\"display:none\">{{ model.price.discount.discount.name }}</span>\r\n                            <span class=\"discountmessage\"></span>\r\n                            <span style=\"display:none\" class=\"countdowntimer\"></span>\r\n                            \r\n                            <div id=\"alertcountdown\" role=\"alert\" aria-live=\"assertive\"></div>\r\n                            <span class=\"discountimpact\" style=\"display:none\"> - {{ discount.impact| currency }} \r\n                                \r\n                            </span>\r\n                        </span>\r\n                    </div>\r\n            {% endif %}\r\n            {% if model.purchasableState.isPurchasable %}\r\n              <section class=\"mz-l-stack-section mz-productdetail-conversion\">\r\n\r\n                <div class=\"mz-productdetail-conversion-controls\">\r\n                  <span class=\"mz-qty-label\">\r\n                    <label for=\"quantity\">{{ labels.qtypdp }}</label>\r\n                  </span>\r\n                  <div class=\"qty-input-box\" aria-label=\"Quantity - 1\">\r\n                    <input class=\"quantity\" type=\"number\" value=\"1\" tabindex=\"0\" id=\"quantity\" name=\"quantity\"  data-mz-value=\"quantity\" min=\"1\" max=\"25\"\r\n                    onChange=\"this.parentElement.querySelectorAll('.quantity')[0].value =\r\n                    (parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) >= 1\r\n                    && parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) <= 25) ?\r\n                    parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) :\r\n                    (parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) > 25) ? 25 : 1\" />\r\n                    <span class=\"increment spinner\" role=\"button\" tabindex=\"0\" aria-label=\"Increases quantity of this product\" data-mz-action=\"qtyPlus\"></span>\r\n                    <span class=\"decrement spinner\" role=\"button\" tabindex=\"0\" aria-label=\"Decreases quantity of this product\" data-mz-action=\"qtyMinus\"></span>\r\n                    <div class=\"clear\"></div>\r\n                  </div>\r\n                  <span class=\"mz-validationmessage\" data-mz-validationmessage-for=\"quantity\"></span>\r\n                </div>\r\n                <div class=\"pdp-stock-info isMobile\">\r\n                    {% if model.purchasableState %}\r\n                        {% if not model.purchasableState.isPurchasable %}\r\n                        {% else %}\r\n                            <span class=\"outofstock in\"> IN STOCK </span>\r\n                        {% endif %}\r\n                    {% endif %}\r\n                </div>\r\n                <section class=\"buttons-container\">\r\n                    <div class=\"mz-productdetail-conversion-buttons\">\r\n                        {% if  model.purchasableState.isPurchasable %}\r\n                            <button id=\"add-to-cart\" data-jb-productName=\"{{ model.content.productName }}\" data-jb-img=\"{{ model.mainImage.src }}\" data-jb-url=\"{{ model.url }}\" data-jb-price=\"{% if model.price.onSale %}{{ model.price.salePrice }} {% else %} {{ model.price.price }} {% endif %}\"\r\n                            data-jb-pid=\"{{ model.variationProductCode }}\"\r\n                            class=\"mz-productdetail-addtocart jb-tealium-trigger add-to-cart-btn-pdp {% if not model.purchasableState.isPurchasable %}is-disabled{% endif %}\"\r\n                            {% if not model.purchasableState.isPurchasable %} disabled=\"disabled\" {% endif %} data-mz-action=\"addToCart\" >\r\n                                Add to Cart\r\n                            </button> \r\n\r\n                           <a id=\"purchase-now\" href data-jb-productName=\"{{ model.content.productName }}\" data-jb-img=\"{{ model.mainImage.src }}\" data-jb-url=\"{{ model.url }}\" data-jb-price=\"{% if model.price.onSale %}{{ model.price.salePrice }} {% else %} {{ model.price.price }} {% endif %}\"\r\n                                    data-jb-pid=\"{{ model.variationProductCode }}\" aria-label=\"CheckOut\"\r\n                                    class=\"isMobile mz-productdetail-addtocart jb-tealium-trigger add-to-cart-btn-pdp ab-quick-buy {% if not model.purchasableState.isPurchasable %}is-disabled{% endif %}\"\r\n                                    {% if not model.purchasableState.isPurchasable %} disabled=\"disabled\" {% endif %} data-mz-action=\"purchaseNow\" >\r\n                                        QUICK BUY \r\n                           </a> \r\n                        {% else %}\r\n                            {% if model.options and model.options.length > 0 %}\r\n                                <button id=\"add-to-cart\" data-jb-productName=\"{{ model.content.productName }}\" data-jb-img=\"{{ model.mainImage.src }}\" data-jb-url=\"{{ model.url }}\" data-jb-price=\"{% if model.price.onSale %}{{ model.price.salePrice }} {% else %} {{ model.price.price }} {% endif %}\" data-jb-pid=\"{{ model.variationProductCode }}\"\r\n                                class=\"mz-productdetail-addtocart jb-tealium-trigger add-to-cart-btn shop-gift-btn  gift-prize-select\"\r\n                                 data-mz-action=\"addToCart\" aria-describedby=\"mz-errors-list\">\r\n                                    Select Card Amount\r\n                                </button>\r\n                            {% else %}\r\n                                <span tabindex=\"0\" style=\"display:block; color:#fff\">Out of Stock</span>\r\n                                <button class=\"mz-productdetail-outofstock product-out-ofstock-pdp\" disabled=\"disabled\">\r\n                                    Add to Cart\r\n                                </button>\r\n                            {% endif %}\r\n                        {% endif %}\r\n                        {% comment %}\r\n                        {% if themeSettings.allowWishlist %}\r\n                            <button id=\"add-to-wishlist\" data-mz-prdcode=\"{{model.productCode}}\" data-mz-productPage  class=\"mz-productdetail-addtowishlist mz-button add-to-wishlist\">\r\n                                {{ labels.addToWishlist }}\r\n                            </button>\r\n                        {% endif %}\r\n                        {% endcomment %}\r\n                    </div>\r\n\r\n                </section>\r\n\r\n              </section>\r\n            {% endif %}  {# this whole section ABOVE does not show if isPurchasable = false #}\r\n\r\n            {% if not model.purchasableState.isPurchasable %} {# this whole section below for only goft card PDP #}\r\n                 {% if model.productType == \"Gift Certificate\" %}\r\n                 <section class=\"mz-l-stack-section mz-productdetail-conversion\">\r\n                     <div class=\"mz-productdetail-conversion-controls\">\r\n                     <span class=\"mz-qty-label\">\r\n                         <label for=\"quantity\">{{ labels.qtypdp }}</label>\r\n                      </span>\r\n                     <div class=\"qty-input-box\" tabindex=\"0\" aria-label=\"Quantity - 1\">\r\n                         <input class=\"quantity\" type=\"number\" value=\"1\" tabindex=\"-1\" id=\"quantity\" name=\"quantity\"  data-mz-value=\"quantity\" min=\"1\" max=\"25\"\r\n                         onChange=\"this.parentElement.querySelectorAll('.quantity')[0].value =\r\n                         (parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) >= 1\r\n                         && parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) <= 25) ?\r\n                         parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) :\r\n                         (parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) > 25) ? 25 : 1\" />\r\n                         <span class=\"increment spinner\" role=\"button\" tabindex=\"0\" aria-label=\"Increases quantity of this product\" data-mz-action=\"qtyPlus\"></span>\r\n                         <span class=\"decrement spinner\" role=\"button\" tabindex=\"0\" aria-label=\"Decreases quantity of this product\" data-mz-action=\"qtyMinus\"></span>\r\n                         <div class=\"clear\"></div>\r\n                     </div>\r\n                     <span class=\"mz-validationmessage\" data-mz-validationmessage-for=\"quantity\"></span>\r\n                     </div>\r\n                     <section class=\"buttons-container\">\r\n                            <div class=\"mz-productdetail-conversion-buttons\">\r\n                                {% if  model.purchasableState.isPurchasable %}\r\n                                    <button id=\"add-to-cart\" data-jb-productName=\"{{ model.content.productName }}\" data-jb-img=\"{{ model.mainImage.src }}\" data-jb-url=\"{{ model.url }}\" data-jb-price=\"{% if model.price.onSale %}{{ model.price.salePrice }} {% else %} {{ model.price.price }} {% endif %}\"\r\n                                    data-jb-pid=\"{{ model.variationProductCode }}\"\r\n                                    class=\"mz-productdetail-addtocart jb-tealium-trigger add-to-cart-btn-pdp {% if not model.purchasableState.isPurchasable %}is-disabled{% endif %}\"\r\n                                    {% if not model.purchasableState.isPurchasable %} disabled=\"disabled\" {% endif %} data-mz-action=\"addToCart\" >\r\n                                        ADD TO CART\r\n                                    </button>\r\n                                {% else %}\r\n\r\n                                    {% if model.options and model.options.length > 0 %}\r\n                                        <button id=\"add-to-cart\" data-jb-productName=\"{{ model.content.productName }}\" data-jb-img=\"{{ model.mainImage.src }}\" data-jb-url=\"{{ model.url }}\" data-jb-price=\"{% if model.price.onSale %}{{ model.price.salePrice }} {% else %} {{ model.price.price }} {% endif %}\" data-jb-pid=\"{{ model.variationProductCode }}\"\r\n                                        class=\"mz-productdetail-addtocart jb-tealium-trigger add-to-cart-btn shop-gift-btn  gift-prize-select\"\r\n                                         data-mz-action=\"addToCart\" aria-describedby=\"mz-errors-list\">\r\n                                            Select Card Amount\r\n                                        </button>\r\n                                    {% else %}\r\n\r\n                                        <span tabindex=\"0\" style=\"display:block; color:#fff\">Out of Stock</span>\r\n                                        <button class=\"mz-productdetail-outofstock product-out-ofstock-pdp\" disabled=\"disabled\">\r\n                                            ADD TO CART\r\n                                        </button>\r\n                                    {% endif %}\r\n                                {% endif %}\r\n                            </div>\r\n                        </section>\r\n                 </section>\r\n                 {% endif %}\r\n             {% endif %}\r\n\r\n        </div>\r\n        {% comment %} Remove Notify Me\r\n        {% if not model.purchasableState.isPurchasable %}\r\n            {% if model.productType == \"Gift Certificate\" %}\r\n                {% if model.inventoryInfo.onlineStockAvailable != \"\" %}\r\n                    {% include \"modules/product/product-instock-request\" %}\r\n                {% endif %}\r\n            {% else %}\r\n                {% include \"modules/product/product-instock-request\" %}\r\n            {% endif %}\r\n        {% endif %}\r\n        {% endcomment %}\r\n\r\n        <div class=\"clearfix\"></div>\r\n    </div>\r\n\r\n\r\n    <!--<p>\r\n      <span style=\"font-size: 18px; color: #000000; height: 20px;\">\r\n        <span class=\"holiday-shipping-modal\" style=\"text-decoration: underline; cursor: pointer;\">Click here</span> for our Holiday Shipping Schedule.\r\n      </span>\r\n    </p> -->\r\n\r\n\r\n    {% if  model.purchasableState.isPurchasable %}\r\n          {% if model.productType != \"Gift Certificate\" %}\r\n    <div class=\"free-shipping-section\" >\r\n        <div class=\"truck-div\">\r\n            <!-- Img tag has been moved to product.js file for conditional rendering -->\r\n        </div>\r\n        <div id=\"free-shipping-tip\">\r\n            <div class=\"free-shipping-text isDesktop\" aria-label=\"FREE SHIPPING for orders over {{ model.freeShippingThreshold }} !(Restrictions apply. Not valid for heat-sensitive orders. Click here for details.)\">\r\n                <span class=\"free-text\"></span>\r\n                <span class=\"orders-over-text\"></span>\r\n                <span class=\"click-text\"></span>\r\n            </div>\r\n            <div class=\"free-shipping-text isMobile\" aria-label=\"FREE SHIPPING for orders over {{ model.freeShippingThreshold }} !(Restrictions apply. Not valid for heat-sensitive orders. Click here for details.)\">\r\n                <p class=\"free-text\"></p>\r\n                <p class=\"orders-over-text\"></p>\r\n                <p class=\"click-text\"></p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n        <div class=\"\">\r\n            <span class=\"norton-placeholder\">\r\n            </span>\r\n        </div>\r\n        {% endif %}\r\n    {% endif %}\r\n    {% comment %}\r\n    <div class=\"review-snippet-cointainer\">\r\n        <div class=\"p-w-r\">\r\n            <div class=\"pr-review-snapshot\">\r\n            {% dropzone \"power-review-snippet\" scope=\"template\" %}\r\n            </div>\r\n        </div>\r\n    </div>\r\n    {% endcomment %}\r\n\r\n  {% endif %}\r\n{# /amazon-walmart #}\r\n\r\n    <div id=\"testimonial-section\" class=\"product-detail-container\"  style=\"height: 100%; background: #EFEFEF; border: 1px solid #CBCBCB; line-height: 1.3; padding: 7px; border-radius: 7px; display: none; font-size: 16px; text-align: center; margin-top: 10px; margin-bottom: 10px;\">\r\n        <div style=\"vertical-align: middle;\" tabindex=\"0\">\r\n            \"<em><span id=\"testimonial-quote\"></span></em>\"\r\n            <br>\r\n            <span id=\"testimonial-data\"></span>\r\n        </div>\r\n    </div>\r\n</div>\r\n<script type=\"text/javascript\">\r\n    var bnProductId = \"{{ model.productCode }}\";\r\n</script>\r\n","modules/product/product-images":"<p class=\"sr-only\">\r\nFollowing is an image gallery for the product which has the Following\r\nfunctionality:\r\n</p>\r\n<ul class=\"sr-only\">\r\n  <li>Displays the first image of the gallery</li>\r\n  <li>Provides a zoomed in detail view of the image</li>\r\n  <li>If there is more than one image, a row of thumbnail images are\r\n      provided for image selection.</li>\r\n</ul>\r\n\r\n    <span role=\"button\" tabindex=\"0\" class=\"wishlist-heart add-wishlistIcon isMobile\" id=\"add-to-wishlist\" data-mz-prdcode=\"{{model.productCode}}\" data-mz-productpage=\"\" class=\"mz-productdetail-addtowishlist add-to-wishlist\" aria-label=\"add to wishlist\"></span>\r\n\r\n\r\n{% if model.content.productImages.length > 0 %}\r\n\r\n  <div class=\"mz-productimages-main\" id=\"jb-images\" role=\"button\" tabindex=\"0\">\r\n    <img itemprop=\"image\" alt=\"{{  model.content.productName|safe }}\" class=\"mz-productimages-mainimage\" data-mz-productimage-main src=\"{{ model.mainImage.imageUrl }}?max=650\" data-jb-Zoomimg=\"{{ model.mainImage.imageUrl }}\" />\r\n    <img class=\"mz-zoom-icon new-lazy-load pdp-magnifying-glass\" src=\"/resources/images/Zoom_Icon.png\" data-src=\"/resources/images/Zoom_Icon.png\" alt=\"opens an enlarged product image\" width=\"22\" />\r\n  </div> \r\n\r\n{% if model.content.productImages.length > 1 %}\r\n    <div class=\"mz-productimages-thumbs\">\r\n        {% for image in model.content.productImages %}\r\n          {% if forloop.first %}\r\n          <p class=\"sr-only\">\r\n          This is a series of one or more thumbnail images of {{ model.content.productName|safe }}.\r\n          By selecting a thumbnail image, the product image for the thumbnail is displayed.\r\n          </p>\r\n          {% endif %}\r\n          {% if image.cmsId != \"493ba1e2-2b6b-4b6e-ad77-9ec9c0d65a45\" %}\r\n            {% if image.cmsId != \"f754608d-79b4-4ac7-a6ed-eec51e91f889\" %}\r\n              {% if image.cmsId != \"49b2df1a-a0c0-4b04-837c-6ccafed2949b\" %}\r\n                {% if image.cmsId != \"44203990-d2f7-4885-85a3-ecc85b8e281e\" %}\r\n                  {% if image.cmsId != \"60fb82dd-0eb7-4296-b0ab-196288acbb78\" %}\r\n                    {% if image.cmsId != \"2eb1a0d1-edf4-40fc-8c37-a8ae78b890dc\" %}\r\n                      {% if image.cmsId != \"623311db-5c14-48f7-ab44-232586e91758\" %}\r\n                        <a role=\"button\" class=\"mz-productimages-thumb\" data-mz-productimage-thumb=\"{{ image.sequence }}\" href=\"javascript:void(0)\">\r\n                          <img class=\"mz-productimages-thumbimage\" src=\"{{ image.imageUrl }}?max={{ themeSettings.maxProductImageThumbnailSize }}\" alt=\"View thumbnail of {{ image.altText|safe }}\"/>\r\n                        </a>\r\n                      {% endif %}\r\n                    {% endif %}\r\n                  {% endif %}\r\n                {% endif %}\r\n              {% endif %}\r\n            {% endif %}\r\n          {% endif %}\r\n        {% endfor %}\r\n      <!-- now loop for video -->\r\n        {% comment %}\r\n        {% for property in model.properties %}\r\n            {% if property.attributeFQN == \"tenant~video-url\" || property.attributeFQN == \"tenant~video-url-2\" || property.attributeFQN == \"tenant~video-url-3\" %}\r\n                {% for val in property.values %}\r\n            <a role=\"button\" class=\"mz-productimages-thumb open-video\" href=\"#\">\r\n                <div><img class=\"mz-productimages-thumbimage\" src=\"/resources/images/play-button.jpg\" data-mz-video-id=\"{{ val.value }}\" alt=\"View product video\" /></div>\r\n            </a>\r\n                {% endfor %}\r\n            {% endif %}\r\n        {% endfor %}\r\n        {% endcomment %}\r\n    </div>\r\n{% endif %}   \r\n{% else %}\r\n<div class=\"mz-productimages-main\" id=\"jb-images\">\r\n    <img itemprop=\"image\" role=\"button\" tabindex=\"0\" alt=\"{{ model.mainImage.altText|safe }}\" title=\"{{  model.content.productName|safe }}\" class=\"mz-productimages-mainimage\" data-mz-productimage-main src=\"{{ siteContext.cdnPrefix }}/cms/{{siteContext.siteId}}/files/{{themeSettings.no_product_image}}?max=650\" data-jb-Zoomimg=\"{{ model.mainImage.imageUrl }}\" />\r\n</div>\r\n{% comment %}\r\n    <span class=\"mz-productimages-noimage\">[{{ labels.noImages}}]</span>\r\n{% endcomment %}\r\n{% endif %}\r\n","modules/product/product-instock-request":"<script>\r\n  function stripspaces(input)\r\n  {\r\n  input.value = input.value.replace(/\\s/gi,\"\");\r\n  return true;\r\n  }\r\n</script>\r\n\r\n{% require_script \"pages/related-products-oos\" %}\r\n{% comment %}\r\n{% block stylesheets %}\r\n    {{ \"stylesheets/pages/related-products-oos.less\"|stylesheet_tag:\"default\" }}\r\n{% endblock stylesheets %}\r\n{% endcomment %}\r\n\r\n<div class=\"pdp-related-prods\" id=\"related-to-{{ model.productCode }}\"></div>\r\n\r\n<div class=\"mz-instock-request\" id=\"mz-instock-request\">\r\n  {% if subscribed %}\r\n  <p tabindex=\"0\"  id=\"notify-success\">{{ labels.notifyWidgetSuccess }}</p>\r\n  {% else %}\r\n  {% comment %}\r\n  <div class=\"notify-header\"><label for=\"mz-instock-request-email\">{{ labels.notifyWidgetHeader }}</label></div>\r\n  {% endcomment %}\r\n  <div>\r\n    <section class=\"mz-l-stack-section mz-productdetail-conversion\">\r\n    {# hideNotifyMeAndMore #}\r\n    {% if hideNotifyMeAndMore != \"True\" %}\r\n        {% if model.purchasableState.isPurchasable %}\r\n          <div class=\"mz-productdetail-conversion-controls\">\r\n\r\n              <span class=\"mz-qty-label\">\r\n                  <label for=\"quantity\">Qty</label>\r\n              </span>\r\n              <div class=\"qty-input-box\" tabindex=\"0\" aria-label=\"Quantity - 1\">\r\n                  <input class=\"quantity\" value=\"1\" tabindex=\"-1\" id=\"quantity-scroll\" name=\"quantity\"  data-mz-value=\"quantity\" min=\"1\" max=\"25\"\r\n                  onChange=\"this.parentElement.querySelectorAll('.quantity')[0].value =\r\n                    (parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) >= 1\r\n                    && parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) <= 25) ?\r\n                    parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) :\r\n                    (parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) > 25) ? 25 : 1\"/>\r\n                  <span class=\"increment spinner\" tabindex=\"0\" role=\"button\" aria-label = \"increase quantity\" data-mz-action=\"qtyPlus\"></span>\r\n                  <span class=\"decrement spinner\" tabindex=\"0\" role=\"button\" aria-label = \"decrease quantity\"  data-mz-action=\"qtyMinus\"></span>\r\n                  <div class=\"clear\"></div>\r\n              </div>\r\n              <span class=\"mz-validationmessage\" data-mz-validationmessage-for=\"quantity\"></span>\r\n          </div>\r\n        {% endif %}\r\n\r\n        <section class=\"buttons-container\">\r\n        <div class=\"mz-productdetail-conversion-buttons\">                     \r\n            \r\n            <button class=\"mz-productdetail-outofstock product-out-ofstock-pdp\" disabled=\"disabled\">\r\n                Add to Cart\r\n            </button>\r\n            <a class=\"mz-productdetail-outofstock product-out-ofstock-pdp isMobile\" disabled=\"disabled\">\r\n                Quick Buy \r\n            </a>\r\n                                  \r\n        </div> \r\n    </section>\r\n    {% endif %}\r\n    {# /hideNotifyMeAndMore #}\r\n\r\n    </section>\r\n\r\n    {# hideNotifyMeAndMore #}\r\n    {% if hideNotifyMeAndMore != \"True\" %}\r\n    <input type=\"text\" placeholder=\"Enter your email address\" data-mz-role=\"email\" value=\"{{ user.email }}\" class=\"mz-instock-request-email\" id=\"mz-instock-request-email\" aria-describedby=\"instock-email-error\" onkeypress=\"this.value=removeSpaces(this.value)\" onblur=\"this.value=removeSpaces(this.value)\"/>\r\n    <button data-mz-action=\"widgetNotifyUserAction\" id=\"button\" class=\"notify-me-pdp\">{{ labels.notifyWidgetButton }}</button>\r\n    <span class=\"mz-validationmessage\" id=\"instock-email-error\" tabindex=\"-1\" data-mz-validationmessage-for=\"email\"></span>\r\n    {% endif %}\r\n    {# /hideNotifyMeAndMore #}\r\n\r\n  </div>\r\n  {% endif %}\r\n</div>\r\n\r\n<script language=\"javascript\" type=\"text/javascript\">\r\n  function removeSpaces(string) {\r\n  return string.split(' ').join('');\r\n  }\r\n</script>\r\n\r\n\r\n<script type=\"text/javascript\">\r\n    if(document.getElementById(\"mz-instock-request-email\")){\r\n        document.getElementById(\"mz-instock-request-email\")\r\n        .addEventListener(\"keyup\", function(event) {\r\n            event.preventDefault();\r\n            if (event.keyCode == 13) {\r\n                document.getElementById(\"button\").click();\r\n            }\r\n        });\r\n    }\r\n</script>\r\n","modules/product/product-list-carousel":"{% extends \"modules/product/product-list\" %}\r\n{% block module-classes %}mz-productlist-carousel{% endblock module-classes %}\r\n{% block list-classes %}mz-l-carousel{% endblock list-classes %}","modules/product/product-list-tiled":"{% extends \"modules/product/product-list\" %}\r\n{% block module-classes %}mz-productlist-tiled{% endblock module-classes %}\r\n \r\n","modules/product/product-list":"<div class=\"ip-container\">\r\n    <div class=\"jb-inner-overlay\"></div>\r\n</div>\r\n<div class=\"mz-productlist {% block module-classes %}{% endblock module-classes %}\">\r\n    {% if model.items %}\r\n    <ul class=\"mz-productlist-grid\" id=\"mz-productlist-list\">\r\n        {% for prod in model.items %}\r\n        <li createDate=\"{{ prod.createDate }}\" price=\"{{ prod.price.price }}\"\r\n            salePrice=\"{{ prod.price.salePrice }}\" productType=\"{{ prod.productType }}\"\r\n            class=\"mz-productlist-item\" data-mz-product=\"{{ prod.productCode }}\"\r\n            onlineStockAvailable=\"{{ prod.inventoryInfo.onlineStockAvailable }}\">\r\n            {% include \"modules/product/product-listing\" with model=prod productIndex=forloop.counter0 %}\r\n        </li>\r\n        {% endfor %}\r\n    </ul>\r\n    {% endif %}\r\n</div>","modules/product/product-listing-alt":"<style>\r\n  .discontinued-msg {\r\n    display: inline-block;\r\n    position: relative;\r\n    padding: 5px 10px;\r\n    margin: 0;\r\n    border: 1px solid #cc0207;\r\n  }\r\n</style>\r\n{% with model.properties|findwhere('attributeFQN','tenant~custom1') as prop1 %}\r\n  {% set_var productAlternateSku=prop1.values.0.value %}\r\n{% endwith %}\r\n\r\n{% with model.properties|findwhere('attributeFQN','tenant~custom2') as prop2 %}\r\n  {% set_var productAlternateName=prop2.values.0.value %}\r\n{% endwith %}\r\n\r\n{% if productAlternateSku and productAlternateName %}\r\n  <h3 class=\"discontinued-msg\">Unfortunately, this is no longer available.\r\n    <br>We think you might like<br>\r\n    <a href=\"/p/{{productAlternateSku}}\">{{productAlternateName}}</a>\r\n  </h3>\r\n{% endif %}\r\n","modules/product/product-listing-marketplace":"{% comment %}\r\n <div class=\"marketplace-buttons\">\r\n  <a\r\n    class=\"marketplace-button\"\r\n    href=\"/marketplace?id1={{amazonId|replace(\" \", \"\")|urlencode}}&id2={{walmartId|replace(\" \", \"\")|urlencode}}&pcid={{model.productCode}}\"\r\n  >\r\n    SHOP NOW\r\n  </a>\r\n</div>\r\n{% endcomment %}\r\n\r\n{% with model.properties|findwhere(\"attributeFQN\",\"tenant~video-url\") as amazonIdObj %}\r\n  {% with model.properties|findwhere(\"attributeFQN\",\"tenant~video-url-2\") as walmartIdObj %}\r\n    {% with amazonIdObj.values.0.stringValue|safe as amazonId %}\r\n      {% with walmartIdObj.values.0.stringValue|safe as walmartId %}\r\n        {% with amazonId|add(\"_\")|add(walmartId)|add(\"_\")|add(model.productCode)|replace(\" \", \"\") as dialogId %}\r\n          <div class=\"marketplace-buttons\">\r\n            <button class=\"marketplace-button\" id=\"show-button-{{dialogId}}\">SHOP NOW</button>\r\n          </div>\r\n\r\n          <dialog id=\"marketplace-dialog-{{dialogId}}\"\r\n            class=\"marketplace-dialog\"\r\n            role=\"dialog\"\r\n            aria-labelledby=\"marketplace-dialog-title-{{dialogId}}\"\r\n          >\r\n            <div id=\"marketplace-dialog-title-{{dialogId}}\" class=\"marketplace-dialog-title\">\r\n              <strong>Unavailable: Find on Marketplace</strong>\r\n              <!-- Top right close button -->\r\n              <button\r\n                class=\"close-button-top\"\r\n                id=\"close-button-top-{{dialogId}}\"\r\n                type=\"button\"\r\n                aria-label=\"Close\"\r\n              ><span>&times;</span>\r\n              </button>\r\n            </div>\r\n            <div class=\"product-container\">\r\n              {% include_products \"modules/product/product-detail-simple\" with productCodes=model.productCode %}\r\n              <div id=\"content-{{dialogId}}\" class=\"dialog-content-accessibility\"></div>\r\n              <div class=\"product-2-col-buttons\">\r\n                {% if amazonId.value.length != 0 %}\r\n                <div class=\"button-container\">\r\n                  <a class=\"product-panel-button btn-amazon\"\r\n                    target=\"_blank\"\r\n                    href=\"https://www.amazon.com/dp/{{ amazonId }}\"\r\n                  >Available at <strong>Amazon</strong></a>\r\n                  <p>Opens new tab</p>\r\n                </div>\r\n                {% endif %}\r\n                {% if walmartId.value.length != 0 %}\r\n                <div class=\"button-container\">\r\n                  <a class=\"product-panel-button btn-walmart\"\r\n                    target=\"_blank\"\r\n                    href=\"https://www.walmart.com/ip/{{ walmartId }}\"\r\n                  >Available at <strong>Walmart</strong></a>\r\n                  <p>Opens new tab</p>\r\n                </div>\r\n                {% endif %}\r\n              </div>\r\n              {% comment %}\r\n              <button\r\n                class=\"close-button\"\r\n                id=\"close-button-{{dialogId}}\"\r\n                style=\"width:auto; margin:auto;\"\r\n              >Close</button>\r\n              {% endcomment %}\r\n            </div>\r\n          </dialog>\r\n          <!-- /marketplace-container -->\r\n          <script>\r\n            (function () {\r\n              function getAccessibilityNotice(content) {\r\n                const accessibilityNotice = document.querySelector(\"#accessibility-notice-builder\");\r\n                console.log('accessibilityNotice', accessibilityNotice);\r\n                if (accessibilityNotice) {\r\n                  content.innerHTML = accessibilityNotice.innerHTML;\r\n                }\r\n              }\r\n\r\n              function run() {\r\n                console.log('[init] running');\r\n                const dialog = document.querySelector(\"#marketplace-dialog-{{dialogId}}\");\r\n                const showButton = document.querySelector(\"#show-button-{{dialogId}}\");\r\n                // const closeButton = document.querySelector(\"#close-button-{{dialogId}}\");\r\n                const dialogTitle = document.querySelector(\"#marketplace-dialog-title-{{dialogId}}\");\r\n                const content = document.querySelector(\"#content-{{dialogId}}\");\r\n                const closeButtonTop = document.querySelector(\"#close-button-top-{{dialogId}}\");\r\n\r\n                console.log('dialog', dialog);\r\n                closeButtonTop.addEventListener(\"click\", function() {\r\n                  dialog.close();\r\n                  showButton.focus(); // Return focus to trigger button\r\n                });\r\n                // Select the builder component\r\n                var builderComponent = document.querySelector('builder-component');\r\n\r\n                // Event listener for when the component first makes a request\r\n                builderComponent.addEventListener('load', function() {\r\n                  getAccessibilityNotice(content);\r\n                });\r\n\r\n                // \"SHOP NOW\" button opens the dialog modally\r\n                showButton.addEventListener(\"click\", () => {\r\n                  console.log('show dialog');\r\n                  if (dialog && typeof dialog.showModal === \"function\") {\r\n                    getAccessibilityNotice(content);\r\n                    dialog.showModal();\r\n                    // Move focus to dialog title for screen readers\r\n                    setTimeout(() => { dialogTitle.focus(); }, 10);\r\n                  } else {\r\n                    alert(\"Sorry, your browser does not support the dialog element.\");\r\n                  }\r\n                });\r\n\r\n                // \"Close\" button closes the dialog\r\n                // closeButton.addEventListener(\"click\", () => {\r\n                //   dialog.close();\r\n                //   showButton.focus(); // Return focus to trigger button\r\n                // });\r\n\r\n                // Trap focus inside dialog\r\n                dialog.addEventListener(\"keydown\", function(e) {\r\n                  if (e.key === \"Tab\") {\r\n                    const focusable = dialog.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])');\r\n                    const first = focusable[0];\r\n                    const last = focusable[focusable.length - 1];\r\n                    if (e.shiftKey) {\r\n                      if (document.activeElement === first) {\r\n                        last.focus();\r\n                        e.preventDefault();\r\n                      }\r\n                    } else {\r\n                      if (document.activeElement === last) {\r\n                        first.focus();\r\n                        e.preventDefault();\r\n                      }\r\n                    }\r\n                  }\r\n                  // ESC closes dialog\r\n                  if (e.key === \"Escape\") {\r\n                    dialog.close();\r\n                    showButton.focus();\r\n                  }\r\n                });\r\n\r\n                // Prevent background scroll when dialog is open\r\n                dialog.addEventListener(\"close\", function() {\r\n                  document.body.style.overflow = \"\";\r\n                });\r\n                dialog.addEventListener(\"show\", function() {\r\n                  document.body.style.overflow = \"hidden\";\r\n                });\r\n\r\n              }\r\n\r\n              if (document.readyState === 'loading') {\r\n                document.addEventListener('DOMContentLoaded', run);\r\n              } else {\r\n                // DOM is already parsed (interactive or complete)\r\n                run();\r\n              }\r\n            })();\r\n          </script>\r\n        {% endwith %}\r\n      {% endwith %}\r\n    {% endwith %}\r\n  {% endwith %}\r\n{% endwith %}\r\n","modules/product/product-options":"<div class=\"mz-productoptions\">\r\n    {% for option in model.options %}\r\n    <div class=\"mz-productoptions-optioncontainer\">\r\n        <div class=\"mz-productoptions-valuecontainer\">\r\n            {% if option.attributeDetail.inputType == \"List\" %}\r\n                <select {% if option.isMultiValue %}multiple{% endif %} class=\"mz-productoptions-option myacc-add-form-sel\" data-mz-product-option=\"{{ option.attributeFQN }}\">\r\n                    {% if not option.isMultiValue %}<option>Select Gift Card Amount</option>{% endif %}\r\n                    {% for value in option.values %}\r\n                    <option {% if not value.isEnabled %} class=\"is-disabled\" {% endif %} {% if value.isSelected %}selected=\"true\"{% endif %} value=\"{{value.value}}\">{{value.stringValue|default(value.value)|currency}}{% if value.deltaPrice and value.deltaPrice > 0 %} ( {{ value.deltaPrice|currency }} {{ labels.more }} ){% endif %}</option>\r\n                    {% endfor %}\r\n                </select>\r\n                <img class=\"down-caret-quantity-myacc-add\" src=\"/resources/images/icons/down_caret.png\" style=\"display: block;\" width=\"13\">\r\n                <img class=\"up-caret-quantity-myacc-add\" src=\"/resources/images/icons/up_caret.png\" style=\"display: none;\" width=\"13\">\r\n            {% else %}\r\n                {% if option.attributeDetail.inputType == \"YesNo\" %}\r\n                    <input class=\"mz-productoptions-option\" type=\"checkbox\" {% if option.shopperEnteredValue %}checked=\"checked\"{% endif %} data-mz-product-option=\"{{ option.attributeFQN }}\" />\r\n                {% endif %}\r\n                {% if option.attributeDetail.inputType == \"TextBox\" %}\r\n                    {% if option.attributeDetail.dataType == \"Number\" %}\r\n                    <input class=\"mz-productoptions-option\" type=\"number\" min=\"{{ option.attributeDetail.validation.minNumericValue }}\" max=\"{{ option.attributeDetail.validation.maxNumericValue }}\" value=\"{{ option.shopperEnteredValue }}\" data-mz-product-option=\"{{ option.attributeFQN }}\" data-mz-focus-bookmark=\"{{ option.attributeFQN }}\">\r\n                        {% else %}\r\n                    <input class=\"mz-productoptions-option\" type=\"text\" value=\"{{ option.shopperEnteredValue }}\" data-mz-product-option=\"{{ option.attributeFQN }}\" data-mz-focus-bookmark=\"{{ option.attributeFQN }}\">\r\n                        {% endif %}\r\n                {% endif %}\r\n                {% if option.attributeDetail.inputType == \"TextArea\" %}\r\n                    <textarea class=\"mz-productoptions-option\" data-mz-product-option=\"{{ option.attributeFQN }}\" data-mz-focus-bookmark=\"{{ option.attributeFQN }}\">{{ option.shopperEnteredValue }}</textarea>\r\n                {% endif %}\r\n                {% if option.attributeDetail.inputType == \"Date\" %}\r\n                    <input type=\"text\" data-mz-is-datepicker data-mz-focus-bookmark=\"{{ option.attributeFQN }}\" data-mz-product-option=\"{{ option.attributeFQN }}\" class=\"mz-productoptions-option\" style=\"color:transparent\" value=\"{{ option.shopperEnteredValue }}\" data-format=\"mm/dd/yy\" data-max=\"{{option.maxValue}}\" data-min=\"{{ option.minValue }}\">\r\n                {% endif %}\r\n                {% if option.values %}\r\n                  {% for value in option.values %}\r\n                    {% if forloop.counter0 == 0 and value.deltaPrice > 0 %}\r\n                      ({{ value.deltaPrice|currency }} {{ labels.more }})\r\n                    {% endif %}\r\n                  {% endfor %}\r\n                {% endif %}\r\n            {% endif %}\r\n        </div>\r\n    </div>\r\n    {% endfor %}\r\n</div>\r\n\r\n\r\n","modules/product/product-with-bg":"\n    <div class=\"wrapper\">\n    \n        <img wi-prduct-image src='loading.jpg' width=\"100%\">\n        <div class=\"bttn-container\">\n        \t<a class=\"btton-link\" wi-link href='#'> </a>\n        \t<a class=\"btton-link\" wi-link href='#'> </a>\n        </div>\n    \n    {% if model.items %}\n        <div class=\"right-wrapper\">\n            {% for prod in model.items %}\n                {%if forloop.counter == 1%}\n                <div class=\"clear-container\">\n                    <ul class='block'>\n                        <li>\n                        {% if prod.mainImage.imageUrl %}\n                            <a href=\"{{prod.url}}\">\n                                <img alt=\"{{prod.content.productName|safe}}\" src=\"{{prod.mainImage.imageUrl}}?max=105\" />\n                            </a>\n                        {% else %}\n                            <a href=\"{{prod.url}}\">\n                                <img alt=\"{{prod.content.productName|safe}}\" src=\"{{ siteContext.cdnPrefix }}/cms/{{siteContext.siteId}}/files/{{themeSettings.no_product_image}}?max=105\" />\n                            </a>\n                        {% endif %}\n                        </li>\n                        <li style=\"height: 66px;overflow: hidden;\"><a href=\"{{prod.url}}\">{{prod.content.productName|safe}}</a></li>\n                        \n                        <li><a WI-IDENTI-FYER=\"{{prod.productCode}}\" href=\"/p/{{prod.productCode}}\">..loading {{prod.productCode}}..</a></li>\n                    </ul>\n                {% endif %}\n                {%if forloop.counter == 2%}\n                    <ul class='block'>\n                        <li>\n                        {% if prod.mainImage.imageUrl %}\n                            <a href=\"{{prod.url}}\">\n                                <img alt=\"{{prod.content.productName|safe}}\" src=\"{{prod.mainImage.imageUrl}}?max=105\" />\n                            </a>\n                        {% else %}\n                            <a href=\"{{prod.url}}\">\n                                <img alt=\"{{prod.content.productName|safe}}\" src=\"{{ siteContext.cdnPrefix }}/cms/{{siteContext.siteId}}/files/{{themeSettings.no_product_image}}?max=105\" />\n                            </a>\n                        {% endif %}\n                        </li>\n                        <li style=\"height: 66px;overflow: hidden;\"><a href=\"{{prod.url}}\">{{prod.content.productName|safe}}</a></li>\n                        \n                        <li><a WI-IDENTI-FYER=\"{{prod.productCode}}\" href=\"/p/{{prod.productCode}}\">..loading {{prod.productCode}}..</a></li>\n                    </ul>\n                </div>\n                {% endif %}\n                {%if forloop.counter == 3%}\n                <div class=\"clear-container\">\n                    <ul class='block'>\n                        <li>\n                        {% if prod.mainImage.imageUrl %}\n                            <a href=\"{{prod.url}}\">\n                                <img alt=\"{{prod.content.productName|safe}}\" src=\"{{prod.mainImage.imageUrl}}?max=105\" />\n                            </a>\n                        {% else %}\n                            <a href=\"{{prod.url}}\">\n                                <img alt=\"{{prod.content.productName|safe}}\" src=\"{{ siteContext.cdnPrefix }}/cms/{{siteContext.siteId}}/files/{{themeSettings.no_product_image}}?max=105\" />\n                            </a>\n                        {% endif %}\n                        </li>\n                        <li style=\"height: 66px;overflow: hidden;\"><a href=\"{{prod.url}}\">{{prod.content.productName|safe}}</a></li>\n                        \n                        <li><a WI-IDENTI-FYER=\"{{prod.productCode}}\" href=\"/p/{{prod.productCode}}\">..loading {{prod.productCode}}..</a></li>\n                    </ul>\n                {% endif %}\n                {%if forloop.counter == 4%}\n                    <ul class='block'>\n                        <li>\n                        {% if prod.mainImage.imageUrl %}\n                            <a href=\"{{prod.url}}\">\n                                <img alt=\"{{prod.content.productName|safe}}\" src=\"{{prod.mainImage.imageUrl}}?max=105\" />\n                            </a>\n                        {% else %}\n                            <a href=\"{{prod.url}}\">\n                                <img alt=\"{{prod.content.productName|safe}}\" src=\"{{ siteContext.cdnPrefix }}/cms/{{siteContext.siteId}}/files/{{themeSettings.no_product_image}}?max=105\" />\n                            </a>\n                        {% endif %}\n                        </li>\n                        <li style=\"height: 66px;overflow: hidden;\"><a href=\"{{prod.url}}\">{{prod.content.productName|safe}}</a></li>\n                        \n                        <li><a WI-IDENTI-FYER=\"{{prod.productCode}}\" href=\"/p/{{prod.productCode}}\">..loading {{prod.productCode}}..</a></li>\n                    </ul>\n                </div>\n                {% endif %}\n            {% endfor %}\n        </div>\n    {% endif %}\n    </div>\n    {% require_script \"pages/product-with-bg\" %}\n\n\n\n\r\n","modules/product_quickview":"\n<div id=\"tz-model-dialog\" data-mz-role=\"product-variants-wrapper\"class=\"mz-modal mz-modal-outer\" \n        style=\"background-color: rgba(0, 0, 0, 0.5);text-align: center;overflow:hidden;\">\n\n        \t           {% if model.mainImage.imageUrl %}\n                            <img style=\"top: 25%; max-width: 100%; max-height: 100%;\n                                        position: relative;-webkit-transition: top 1s ease-in-out;\n                                        -moz-transition: top 1s ease-in-out;\n                                        -o-transition: top 1s ease-in-out;\n                                        transition: top 1s ease-in-out;\n                                        box-shadow: 0px 0px 20px #000;\n                                        overflow: hidden;\n                                        opacity: 0.1;\n                                        -webkit-transition: opacity 1s ease-in-out;\n                                        -moz-transition: opacity 1s ease-in-out;\n                                        -o-transition: opacity 1s ease-in-out;\n                                        transition: opacity 1s ease-in-out;\n                                        border-radius: 20px;\" \n                                src=\"{{model.selectImageUrl}}\" />\n                        {% endif %}\n            \t\t<a class=\"mz-btnclose\" style=\"position: fixed;display:none; border-radius: 50%;\n                                                    top: 15px;\" href=\"javascript:void(0);\" data-mz-role=\"modal-close\">Close</a>\n            \n</div>\n\n\n\n\n\n\n\r\n","modules/search/autocomplete-listing-product":"{% comment %}\r\n    Code Changes made by Amit on 03-july for Auto search price display\r\n    line no 30\r\n{% endcomment %}\r\n\r\n{% extends \"modules/common/item-listing\" %}\r\n\r\n    {% block module-classes %}mz-itemlisting-autocomplete mz-itemlisting-autocomplete-product{% endblock module-classes %}\r\n    <div role=\"option\" tabindex=\"0\">\r\n            {% block item-listing-image %}\r\n                <div class=\"mz-itemlisting-thumb\" >\r\n                    {% with model.content.productImages|first as image %}\r\n                        {% if image.imageUrl %}\r\n                         <a href=\"/p/{{ model.productCode }}\" >\r\n                        <img class=\"mz-itemlisting-thumb-img\" src=\"{{ image.imageUrl }}?max=140\" />\r\n                        </a>\r\n                        {% endif %}\r\n                    {% endwith %}\r\n                </div>\r\n            {% endblock item-listing-image%}\r\n            \r\n            {% block item-name %}\r\n                <div class=\"details\">\r\n                    <a class=\"mz-itemlisting-title\" href=\"/p/{{ model.productCode }}\">{{ model.content.productName|safe }}</a>\r\n                    {% comment %} <div class=\"mz-itemlisting-description\">\r\n                    <span>{% if model.price.salePrice > 0 %}{{ model.price.salePrice|currency }}{% else %}{{ model.price.price|currency }}{% endif %}</span> \r\n                   \r\n                         <a href=\"/p/{{ model.productCode }}\" style=\"text-decoration: none;\">\r\n                            <label>{{model.content.productShortDescription|safe|truncatewords(5)}}</label>\r\n                            {% if model.price.salePrice %}<span>${{ model.price.salePrice|safe }}</span> {% endif %}\r\n                         </a>\r\n                   \r\n                    </div>\r\n                    {% endcomment %}\r\n                    </div>\r\n                <div class=\"clearfix\"></div>\r\n            {% endblock item-name %}\r\n                    \r\n    </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","modules/search/autocomplete-page-result":"\r\n<div class=\"search-item\" id=\"results\" role=\"listbox\" tabindex=\"0\">\r\n{% with \"modules/search/autocomplete-listing-{0}\"|string_format(suggestionType)|lower as tpt %}\r\n{% include tpt with model=suggestion %}\r\n{% endwith %}\r\n\r\n</div>\r\n\r\n\r\n","modules/product/product-listing":"<style>\r\n  .visually-hidden {\r\n    position:absolute;\r\n    left:-10000px;\r\n    top:auto;\r\n    width:1px;\r\n    height:1px;\r\n    overflow:hidden;\r\n  }\r\n\r\n  .prod-title-heading {\r\n    font-size: 16px;\r\n    font-weight: normal;\r\n  }\r\n\r\n  .prod-title-heading:hover {\r\n    color:#004E99; \r\n  }\r\n</style>\r\n\r\n{% with model.properties|findwhere(\"attributeFQN\",\"tenant~video-url\") as prop1 %}\r\n  {% set_var amazonId=prop1.values.0.stringValue %}\r\n{% endwith %}\r\n\r\n{% with model.properties|findwhere(\"attributeFQN\",\"tenant~video-url-2\") as prop2 %}\r\n  {% set_var walmartId=prop2.values.0.stringValue %}\r\n{% endwith %}\r\n\r\n{% if amazonId or walmartId %}\r\n{# Hide Unavailable but try: #}\r\n<style>\r\n.mz-productlisting[data-mz-product=\"{{ model.productCode }}\"] .related-text,\r\n.mz-productlisting[data-mz-product=\"{{ model.productCode }}\"] #related-to-{{ model.productCode }} {\r\n  display: none;\r\n}\r\n</style>\r\n{% endif %}\r\n\r\n\r\n{{ \"stylesheets/pages/related-products-oos.less\"|stylesheet_tag:\"default\" }}\r\n\r\n<!-- Sets the variable to determine whether or not a product is licensed -->\r\n{% with model.properties|findwhere('attributeFQN','tenant~gift-picture') as data %}\r\n  {% set_var licensedStatus=data %}\r\n{% endwith %}\r\n\r\n<!-- Set variables to determine if item is outofstock and discontinued; for sku rationalization -->\r\n{% set_var onlineStock=model.inventoryInfo.onlineStockAvailable %}\r\n{% with model.properties|findwhere('attributeFQN','tenant~product-state') as data %}\r\n  {% set_var productState=data.values.0.value %}\r\n{% endwith %}\r\n\r\n{% with model.properties|findwhere('attributeFQN','tenant~product-state') as prodState %}\r\n<input style=\"display: none;\" class=\"ispurchasable\" type=\"checkbox\" {% if model.purchasableState.isPurchasable %}checked{% endif %}/>\r\n<div class=\"mz-productlisting{% if productState == \"DISCONTINUED\" and onlineStock == 0 %} discontinued-styles{% endif %} {% if model.price.price > model.price.salePrice and model.price.salePrice !== null and model.price.salePrice !== 0 %}{% if licensedStatus === 'LICENSED_REDUCED' %}withsale-new-label{% else %}withsale-new-label{% endif %}{% else %}{% if prodState %}{% for state in prodState.values %}{% if state.value == 'COMINGSOON' or state.value == 'NEW' %}withsale-new-label-test{% endif %}{% endfor %}{% endif %}{% endif %} {% if model.options and model.options.length > 0 %}{% for option in model.options %}{% if option.attributeDetail.inputType == 'List' %}giftcard giftcardwishlist{% endif %}{% endfor %}{% endif %}\" data-mz-product=\"{{ model.productCode }}\" role=\"group\" aria-label=\"product\">\r\n  \r\n  <div  data-mz-prdcode=\"{{ model.productCode }}\" class=\"add-to-wishlist add-to-wishlist-qv add-wishlistIcon\" tabindex=\"0\" role=\"button\" aria-lable=\"Wishlist icon\"></div>\r\n  \r\n  {% if model.price.price > model.price.salePrice and model.price.salePrice !== null and model.price.salePrice !== 0 %}\r\n    {% if productState == \"DISCONTINUED\" and onlineStock == 0 %}\r\n      <!-- remove Reduced/Sale flag if item discontinued and stock is 0 -->\r\n    {% else %}\r\n      {% if licensedStatus === \"LICENSED_REDUCED\" %}\r\n        <p class=\"product-sale-new-label mz-reduced\" aria-hidden=\"true\"><em></em> <span>Reduced</span><em></em></p>\r\n        <p class=\"sr-only\">The following licensed product has a reduced price.</p>\r\n      {% else %}\r\n        <p class=\"product-sale-new-label\" attr-value=\"\" aria-hidden=\"true\"><em></em> <span>Sale</span><em></em></p>\r\n        <p class=\"sr-only\">The following product is on sale.</p>\r\n      {% endif %}\r\n    {% endif %}\r\n\r\n  {% else %}\r\n\r\n      {% if prodState %}\r\n        {% for state in prodState.values %}\r\n          {% if state.value == \"COMINGSOON\" or state.value == \"NEW\" %}\r\n            <p class=\"product-sale-new-label mz-{{state.value}}\" attr-value=\"\" aria-hidden=\"true\">{% if state.value == \"COMINGSOON\" %}<em></em> <span>Coming Soon</span><em></em> {% else %} {% if state.value == \"NEW\"%}<em></em> <span>New</span><em></em>  {% endif %} {% endif %}</p>\r\n            {% if state.value == \"COMINGSOON\" %}\r\n              <span class=\"sr-only\">The following product is coming soon.</span>\r\n            {% endif %}\r\n            {% if state.value == \"NEW\" %}\r\n              <span class=\"sr-only\">The following product is new.</span>\r\n            {% endif %}\r\n          {% endif %}\r\n        {% endfor %}\r\n      {% endif %}\r\n\r\n  {% endif %}\r\n  <div class=\"mz-productlisting-image\">\r\n    <!-- The code below lazy-loads images that do not appear above the fold for each device type   -->\r\n    \r\n    <a href=\"{{model.url}}\">\r\n      {% if model.mainImage.imageUrl %}\r\n          <!-- Rey: PageSpeed Insights says first 4 are above the fold, so no lazy loading for first 4 -->\r\n          <img {% if productIndex > 3 %}loading=\"lazy\"{% endif %} tabindex=\"-1\" class=\"img-quick\" alt=\"\" src=\"{% make_url \"image\" model.mainImage.imageUrl with max=200 %}\" data-src=\"{% make_url \"image\" model.mainImage.imageUrl with max=200 %}\"/>\r\n      {% else %}\r\n          <img alt=\"\" loading=\"lazy\" src=\"{{ siteContext.cdnPrefix }}/cms/{{siteContext.siteId}}/files/{{themeSettings.no_product_image}}?max=200\" />\r\n      {% endif %}\r\n       <div class=\"mz-productlisting-title\" title=\"{{model.content.productName|safe}}\" >\r\n          <h2 class=\"prod-title-heading\">\r\n            {{model.content.productName}}\r\n          </h2>\r\n      </div>\r\n    </a>\r\n  </div>\r\n  \r\n  <div class=\"jb-product-min-details\">\r\n    <div class=\"clear\"></div>\r\n    <div class=\"product-listing-details\">\r\n      {% if productState == \"DISCONTINUED\" and onlineStock == 0 %}\r\n        \r\n        {% comment %}\r\n        Hiding reviews, price, and ui buttons for item that is not coming back.\r\n        Displaying message to try new item.\r\n        {% endcomment %}\r\n        {% include \"modules/product/product-listing-alt\" with model=model %}\r\n      {% else %}\r\n        <div class=\"bazaarvoice-inline-rating\"\r\n          data-bv-show=\"inline_rating\"\r\n          data-bv-product-id=\"{{ model.productCode }}\"\r\n          data-bv-redirect-url=\"{{ model.url }}\">\r\n        </div>\r\n        <div class=\"jb-product-prize\" data-mz-product-price=\"{{model.price.price}}\">\r\n          {% if model.options and model.options.length > 0 %}\r\n            {% for option in model.options %}\r\n              {% if option.attributeDetail.inputType == \"List\" %}\r\n                <select plp-giftcart-prize-change-action data-jb-pid=\"{{ model.productCode }}\" data-mz-product-option=\"tenant~gift-card-prices\" {% if option.isMultiValue %}multiple{% endif %} class=\"\" data-mz-product-option=\"{{ option.attributeFQN }}\">\r\n                  {% if not option.isMultiValue %}\r\n                    <option>Select Gift Card Amount</option>\r\n                  {% endif %}\r\n                  {% for value in option.values %}\r\n                    <option {% if not value.isEnabled %} class=\"is-disabled\" {% endif %} {% if value.isSelected %}selected=\"true\"{% endif %} value=\"{{value.value}}\">\r\n                      $ {{value.stringValue|default(value.value)}}{% if value.deltaPrice and value.deltaPrice > 0 %} ( {{ value.deltaPrice|currency }} {{ labels.more }} ){% endif %}\r\n                    </option>\r\n                  {% endfor %}\r\n                </select>\r\n                <img class=\"down-caret-quantity-myacc-add\" src=\"/resources/images/icons/down_caret.png\" style=\"display: block;\" width=\"13\">\r\n                <img class=\"up-caret-quantity-myacc-add\" src=\"/resources/images/icons/up_caret.png\" style=\"display: none;\" width=\"13\">\r\n              {% endif %}\r\n            {% endfor %}\r\n          {% else %}\r\n          {% if model.price.price%}\r\n            {% if model.price.price > model.price.salePrice and model.price.salePrice !== null and model.price.salePrice !== 0 %}\r\n              <span class=\"visually-hidden\">Original price: </span>\r\n            {% else %}\r\n              <span class=\"visually-hidden\">Current price: </span>\r\n            {% endif %}\r\n                {% with model.properties|findwhere(\"attributeFQN\",\"tenant~video-url\") as prop1 %}\r\n                  {% set_var amazonId=prop1.values.0.stringValue %}\r\n                {% endwith %}\r\n\r\n                {% with model.properties|findwhere(\"attributeFQN\",\"tenant~video-url-2\") as prop2 %}\r\n                  {% set_var walmartId=prop2.values.0.stringValue %}\r\n                {% endwith %}\r\n\r\n                {% if onlineStock == 0 %}\r\n                  {% if amazonId or walmartId %}\r\n                    <!-- 158 -->\r\n                    <!-- onlineStock == {{ onlineStock }} -->\r\n                    <!-- amazonId = {{ amazonId }} -->\r\n                    <!-- walmartId = {{ walmartId }} -->\r\n                    <!-- price is hidden when marketplace link exists -->\r\n                  {% endif %}\r\n                {% else %}\r\n            <span class=\"jb-quickprice {% if model.price.price > model.price.salePrice and model.price.salePrice !== null and model.price.salePrice !== 0 %} strikeprice {% endif %}\">{{model.price.price|currency}}</span>\r\n                {% endif %}\r\n          {%endif%}\r\n\r\n            {% with model.properties|findwhere(\"attributeFQN\",\"tenant~video-url\") as prop1 %}\r\n              {% set_var amazonId=prop1.values.0.stringValue %}\r\n            {% endwith %}\r\n\r\n            {% with model.properties|findwhere(\"attributeFQN\",\"tenant~video-url-2\") as prop2 %}\r\n              {% set_var walmartId=prop2.values.0.stringValue %}\r\n            {% endwith %}\r\n\r\n            {% if model.price.salePrice and model.price.price > model.price.salePrice %}\r\n              {% if licensedStatus === \"LICENSED_REDUCED\" %}\r\n\r\n                {% if onlineStock == 0 %}\r\n                  {% if amazonId or walmartId %}\r\n                  <!-- 182 -->\r\n                  <!-- onlineStock == {{ onlineStock }} -->\r\n                  <!-- amazonId = {{ amazonId }} -->\r\n                  <!-- walmartId = {{ walmartId }} -->\r\n                  <!-- price is hidden when marketplace link exists -->\r\n                  {% endif %}\r\n                {% else %}\r\n                <span class=\"jb-quickcsale\">{{model.price.salePrice|currency}}</span>\r\n                {% endif %}\r\n\r\n              {% else %}\r\n\r\n                {% if onlineStock == 0 %}\r\n                  {% if amazonId or walmartId %}\r\n                  <!-- 196 -->\r\n                  <!-- onlineStock == {{ onlineStock }} -->\r\n                  <!-- amazonId = {{ amazonId }} -->\r\n                  <!-- walmartId = {{ walmartId }} -->\r\n                  <!-- price is hidden when marketplace link exists -->\r\n                  {% endif %}\r\n                {% else %}\r\n                <span class=\"visually-hidden\">Current price: </span>\r\n                <span class=\"jb-quickcsale\"> {{model.price.salePrice|currency}}</span>\r\n                <span class=\"sale-percentage\">\r\n                  {% with model.price.price|floatformat(2) as actP %}\r\n                    {% with model.price.salePrice|floatformat(2) as saleP %}\r\n                      {% with actP|subtract(saleP)|floatformat(2)|divide(actP)|floatformat(2)|multiply(100)|floatformat(0) as sale %}\r\n                        {% if sale > 0 %} You save {{sale}}%! {% endif %}\r\n                      {% endwith %}\r\n                    {% endwith %}\r\n                  {% endwith %}\r\n                </span>\r\n                {% endif %}\r\n\r\n                <span class=\"low-stock-label\">\r\n                  {% with model.price.price|floatformat(2) as actP %}\r\n                    {% with model.price.salePrice|floatformat(2) as saleP %}\r\n                      {% with actP|subtract(saleP)|floatformat(2)|divide(actP)|floatformat(2)|multiply(100)|floatformat(0) as sale %}\r\n                        {% if sale > 0 %}\r\n                            {% if model.inventoryInfo.onlineStockAvailable > 0 and model.inventoryInfo.onlineStockAvailable <= 20 %}\r\n                              Only {{ model.inventoryInfo.onlineStockAvailable }} Left\r\n                            {% endif %}  \r\n                        {% endif %}\r\n                      {% endwith %}\r\n                    {% endwith %}\r\n                  {% endwith %}\r\n                </span>\r\n              {% endif %}\r\n            {% endif %}\r\n          {% endif %}\r\n\r\n        </div>\r\n        \r\n        <div class=\"cardMobCTAcontainer\">\r\n          <div class=\"jb-buy-product quickview-jb\"\r\n            {% if onlineStock == 0 %}\r\n              style=\"flex-direction: column;\"\r\n            {% endif %}\r\n          >\r\n            {% if model.purchasableState.isPurchasable and model.goodsType !==\"DigitalCredit\" %}\r\n              <div class=\"qty qty-input-box\">\r\n                <input aria-label=\"Quantity of {{ prod.content.productName|safe }} to add to cart\" type=\"number\" class=\"quantity\"\r\n                onChange=\"this.parentElement.querySelectorAll('.quantity')[0].value =\r\n                (parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) >= 1\r\n                && parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) <= 25) ?\r\n                parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) :\r\n                (parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) > 25) ? 25 : 1  \" min=\"1\" name=\"quantity\" value=\"1\"/>\r\n                \r\n                <span\r\n                  tabindex=\"0\"\r\n                  role=\"button\"\r\n                  class=\"plpquantityincrement increment spinner\"\r\n                  aria-label=\"Increase quantity of {{ prod.content.productName|safe }} by one to add to cart\"\r\n                ></span>\r\n                <span\r\n                  tabindex=\"0\"\r\n                  role=\"button\"\r\n                  class=\"dicrement spinner plpquantitydicrement\"\r\n                  aria-label=\"Decrease quantity of {{ prod.content.productName|safe }} by one to add to cart\"\r\n                ></span>\r\n                \r\n                <span class=\"mz-validationmessage\" data-mz-validationmessage-for=\"quantity\"></span>\r\n              </div>\r\n\r\n              <button  role=\"button\" data-mz-prcode=\"{{ model.productCode }}\"  data-jb-price=\"{% if model.price.onSale %}{{ model.price.salePrice }} {% else %} {{ model.price.price }} {% endif %}\" data-jb-pid=\"{{ model.productCode }}\" data-jb-productName=\"{{ model.productName }}\" data-jb-img=\"{{ model.mainImage.src }}\" data-jb-url=\"{{ model.url }}\" class=\"jb-add-to-cart jb-tealium-trigger add-to-cart-btn-plp\" type=\"submit\" >ADD TO CART</button>\r\n            {% else %}\r\n              {% if model.options and model.options.length > 0 %}\r\n                <div class=\"qty qty-input-box\">\r\n                  <input aria-label=\"Quantity of {{ prod.content.productName|safe }} to add to cart\" type=\"number\" class=\"quantity\"\r\n                  onChange=\"this.parentElement.querySelectorAll('.quantity')[0].value =\r\n                  (parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) >= 1\r\n                  && parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) <= 25) ?\r\n                  parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) :\r\n                  (parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) > 25) ? 25 : 1  \" min=\"1\" name=\"quantity\" value=\"1\"/>\r\n                  <div class=\"qty-change-container\">\r\n                  <span tabindex=\"0\" role=\"button\" aria-label=\"Increase quantity of {{ prod.content.productName|safe }} by one to add to cart\" class=\"plpquantityincrement increment spinner\" onclick=\"parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) < 25 ? this.parentElement.querySelectorAll('.quantity')[0].value = parseInt(this.parentElement.querySelectorAll('.quantity')[0].value)+1 : 25\"></span>\r\n                  <span tabindex=\"0\" role=\"button\" class=\"dicrement spinner plpquantitydicrement\" aria-label=\"Decrease quantity of {{ prod.content.productName|safe }} by one to add to cart\" onclick=\"parseInt(this.parentElement.querySelectorAll('.quantity')[0].value) > 1 ? this.parentElement.querySelectorAll('.quantity')[0].value = parseInt(this.parentElement.querySelectorAll('.quantity')[0].value)-1 : 1\"></span>\r\n                  </div>\r\n                  <span class=\"mz-validationmessage\" data-mz-validationmessage-for=\"quantity\"></span>\r\n                </div>\r\n                <button role=\"button\" data-jb-productName=\"{{ model.productName }}\" data-jb-img=\"{{ model.mainImage.src }}\" data-jb-url=\"{{ model.url }}\" data-mz-prcode=\"{{ model.productCode }}\" data-jb-price=\"{% if model.price.onSale %}{{ model.price.salePrice }}{% else %}{% if model.hasPriceRange %}10{% else %}{{ model.price.price }}{% endif %}{% endif %}\" data-jb-pid=\"{{ model.productCode }}\" class=\"jb-add-to-cart jb-tealium-trigger gift-prize-select add-to-cart-btn-plp\" type=\"submit\" >\r\n                  SELECT CARD AMOUNT\r\n                </button>\r\n              {% else %} \r\n\r\n                {# marketplace modal #}\r\n                {% if amazonId or walmartId %}\r\n                {% include \"modules/product/product-listing-marketplace\" with model=model %}\r\n\r\n                {% comment %}\r\n                <button  class=\"jb-out-of-stock notify-me-plp-rti jb-out-of-stock-cur\" data-mz-location-code = \"{{ model.inventoryInfo.onlineLocationCode }}\" data-mz-product-code=\"{{ model.productCode }}\" role=\"button\" aria-label=\"Notify me\"> NOTIFY ME </button> \r\n                {% endcomment %}\r\n\r\n                {% endif %}\r\n                {# /marketplace modal #}\r\n\r\n              {% endif %}\r\n            {% endif %}\r\n            </div>\r\n            \r\n            <div class=\"productcardBottomButtoms {% if model.goodsType == \"DigitalCredit\" %} hide {% endif %}\">\r\n               <div class=\"findastorecontainer\">\r\n                   <button href=\"javascript:void(0)\" data-mz-prdcode=\"{{ model.productCode }}\" data-mz-product-price=\"{{model.price.price|currency}}\" class=\"findastorebutton\">FIND LOCALLY</button>\r\n               </div>   \r\n            </div>\r\n        </div>\r\n      {% endif %}\r\n    </div>\r\n  </div>\r\n</div>\r\n{% endwith %}\r\n","modules/product/selected-facets":"{% comment %}\r\nchanges made by Pradeep D\r\nfilter changing the ui\r\n{% endcomment %}\r\n<div class=\"facets-container-selected\"> \r\n    {% comment %}\r\n    <a href=\"javascript:void(0);\" class=\"facets-header\" aria-label=\"Filters\"><div class=\"container-filter\">Filter<span class=\"arrow down\"></span></div></a> \r\n    <div class=\"pointer-filter\"></div> \r\n    {% endcomment %}\r\n    <div class=\"filter-list-selected\">\r\n        <section class=\"mz-facetingform-selected\">\r\n            {% comment %}\r\n                <div class=\"facets-type-list\">\r\n                    <ul class=\"facete-type-ul\">{% for facet in model.facets %}{% if facet.values and facet.facetType != \"Hierarchy\" %}{% if  facet.label != \"packagesize\" %}<li data-attr=\"{% if facet.label == \"Color\"%}g-color {% else %} {% if facet.label == \"RatingForFacet\"%} g-rating {% else %} {% if facet.label == \"Price\"%}g-price {% else %} {% if facet.label == \"Flavors\"%}g-flavour {% else %}  {% if facet.label == \"Brand\"%} g-brand {% else %} {% if facet.label == \"Taste\"%}g-taste {% endif %}{% endif %}{% endif %}{% endif %}{% endif %}{% endif %}\" class=\"facete-type-li\" tabindex=\"0\" role=\"button\" aria-label=\"{% if facet.label == \"RatingForFacet\" %}Rating{%else%}{{ facet.label }}{%endif%}\"><div class=\"mz-l-sidebaritem-main\"><span> {% if facet.label == \"RatingForFacet\" %}Rating{%else%}{{ facet.label }}{%endif%}</span></div></li>{% endif %}{% endif %}{% endfor %}{% for facet in model.facets %}{% if facet.values and facet.facetType == \"Hierarchy\" %}{% if  facet.values and  facet.values.length > 0 %}<li class=\"facete-type-li\" tabindex=\"0\" role=\"button\" aria-label=\"{{ facet.label|safe }}\" data-attr=\"g-category\"><div class=\"mz-l-sidebaritem-main\"><span>{{ facet.label|safe }}</span></div></li>{% endif %}{% endif %}{% endfor %}</ul>\r\n                </div> \r\n            {% endcomment %}\r\n            <div class=\"facet-name-list\"> \r\n                <div class=\"mz-l-sidebaritem\">\r\n                    <ul class=\"mz-facetingform-facet mz-facetingform-facet-hierarchy\">\r\n                        {% for facet in model.facets %} \r\n                            {% if facet.values and facet.facetType == \"Hierarchy\" %}\r\n                                {% if  facet.values and  facet.values.length > 0 %}\r\n                                    {% for fval in facet.values %}\r\n                                        {% if fval.isDisplayed and fval.isApplied %}\r\n                                            <li aria-label=\"{{ fval.label|title}}\" class=\"item-name selected-facet-value\"  url-component=\"{{fval.filterValue}}\">\r\n                                                <a tabindex=\"-1\" href=\"{% make_url \"facet\" fval  %}\" class=\"mz-facetingform-link\" data-mz-action=\"drillDown\" data-mz-hierarchy-id=\"{{ fval.value }}\"\r\n                                                data-mz-facet-value=\"{{ fval.filterValue }}\" data-mz-facet=\"{{ facet.field }}\">{{ fval.label|safe }}</a>\r\n                                                <ul class=\"mz-facetingform-facet mz-facetingform-facet-hierarchy\">\r\n                                                    {% for child in fval.childrenFacetValues %}\r\n                                                        {% if child.isDisplayed %} \r\n                                                            <li>\r\n                                                                <a href=\"{% make_url \"facet\" child %}\" class=\"mz-facetingform-link\" data-mz-action=\"drillDown\" data-mz-hierarchy-id=\"{{ child.value }}\"\r\n                                                                data-mz-facet-value=\"{{ child.filterValue }}\" data-mz-facet=\"{{ facet.field }}\">{{ child.label|safe }}</a>\r\n                                                            </li>\r\n                                                        {% endif %}\r\n                                                    {% endfor %}\r\n                                                </ul>\r\n                                                <span tabindex=\"0\" role=\"button\" aria-label=\"remove-facet {{ fval.label|title}}\" class=\"cross-btn-facets\">&#10006;</span>\r\n                                            </li>\r\n                                        {% endif %}\r\n                                    {% endfor %}\r\n                                {% endif %}\r\n                            {% endif %} \r\n                        {% endfor %}\r\n                        {% for facet in model.facets %}\r\n                            {% if facet.values and facet.facetType != \"Hierarchy\" %}\r\n                                {% for fval in facet.values %} \r\n                                    {% if facet.label == \"Price\" and fval.isApplied %} \r\n                                        <li aria-label=\"{{ fval.label|title}} $\" class=\"item-name li_price selected-facet-value {% if fval.isApplied %} mz-facetform-selected {% endif %}\" count url-component=\"{{fval.filterValue}}\">\r\n                                            {% comment %} <input style=\"display:none\" type=\"checkbox\" id=\"{{facet.field|slugify }}_{{ fval.value|slugify }}\" class=\"mz-facetingform-value\" {% if fval.isApplied %}checked=\"checked\"{% endif %} data-mz-facet=\"{{ facet.field }}\" data-mz-facet-value=\"{{ fval.value }}\" data-mz-url=\"{% make_url \"facet\" fval %}\">{% endcomment %}\r\n                                            <label class=\"mz-facetingform-valuelabel mz1-facetingform-value\" data-mz-facet-value=\"{{ fval.value }}\" for=\"{{facet.field|slugify }}_{{ fval.value|slugify }}\">${{fval.rangeQueryValueStart}} to ${{fval.rangeQueryValueEnd}}\r\n                                                 \r\n                                            </label>\r\n                                            <span tabindex=\"0\" role=\"button\" aria-label=\"remove-facet {{ fval.label|title}}\"  class=\"cross-btn-facets\">&#10006;</span>\r\n                                        </li>\r\n                                    {% else %}\r\n                                    {% if facet.label == \"Color\" and fval.isApplied %}\r\n                                        <li aria-label=\"{{ fval.label|title}}\" class=\"item-name color selected-facet-value {% if fval.isApplied %} mz-facetform-selected {% endif %}\"  url-component=\"{{fval.filterValue}}\">\r\n                                            {% comment %}<input style=\"display:none\" type=\"checkbox\" id=\"{{facet.field|slugify }}_{{ fval.value|slugify }}\" class=\"mz-facetingform-value\"\r\n                                            {% if fval.isApplied %}checked=\"checked\"{% endif %} data-mz-facet=\"{{ facet.field }}\" data-mz-facet-value=\"{{ fval.value }}\"\r\n                                            data-mz-url=\"{% make_url \"facet\" fval %}\"> {% endcomment %}\r\n                                            <label class=\"mz1-facetingform-value color\" title=\"{{ fval.value }}\" id=\"{{facet.field|slugify }}_{{ fval.value|slugify }}\"\r\n                                                data-mz-facet=\"{{ facet.field }}\" data-mz-facet-value=\"{{ fval.value }}\" >{{ fval.value }}\r\n                                                {% comment %}<span class=\"mz1-selectcolr\"{%if fval.isApplied %} style=\"display:block\" {% else %} style=\"display:none\" {% endif %}></span> {% endcomment %}\r\n                                            </label>\r\n                                            <span tabindex=\"0\" role=\"button\" aria-label=\"remove-facet {{ fval.label|title}}\"  class=\"cross-btn-facets\">&#10006;</span>\r\n                                        </li>\r\n                                    {% else %} \r\n                                    {% if facet.label == \"RatingForFacet\" and fval.isApplied %}\r\n                                        <li aria-label=\"{% if fval.label == \"10 to 50\" %} one star and up {% else %}{% if fval.label == \"20 to 50\" %} two stars and up {% else %}{% if fval.label == \"30 to 50\" %} three stars and up {% else %}{% if fval.label == \"40 to 50\" %} four stars and up {% endif %}{% endif %}{% endif %}{% endif %}\" class=\"item-name rating selected-facet-value {% if fval.isApplied %}mz-facetform-selected{% endif %}\"  url-component=\"{{fval.filterValue}}\">\r\n                                            {% if fval.label == \"10 to 50\" and fval.isApplied %}\r\n                                                {% comment %}<input style=\"display:none\" type=\"checkbox\" id=\"{{facet.field|slugify }}_{{ fval.value|slugify }}\" class=\"mz-facetingform-value\" {% if fval.isApplied %}checked=\"checked\"{% endif %} data-mz-facet=\"{{ facet.field }}\" data-mz-facet-value=\"{{ fval.value }}\" data-mz-url=\"{% make_url \"facet\" fval %}\">\r\n                                                <span data-mz-facet-value  class=\"mz1-facetingform-value RatingForFacet reviewStar\">\r\n                                                    <img src='{% make_url \"image\" \"/resources/images/stars_small_1.gif\" with max=100 as_parameter %}' alt=\"one stars\" title=\"one stars\" />\r\n                                                </span>\r\n                                                <p data-mz-facet-value class=\"countVal mz1-facetingform-value\" > & Up</p> \r\n                                                {% endcomment %}\r\n                                                <label class=\"mz-facetingform-valuelabel mz1-facetingform-value\" data-mz-facet-value=\"{{fval.filterValue}}\">1+ stars</label>\r\n                                            {% else %}\r\n                                            {% if fval.label == \"20 to 50\" and fval.isApplied %}\r\n                                                {% comment %}<input style=\"display:none\" type=\"checkbox\" id=\"{{facet.field|slugify }}_{{ fval.value|slugify }}\" class=\"mz-facetingform-value\" {% if fval.isApplied %}checked=\"checked\"{% endif %} data-mz-facet=\"{{ facet.field }}\" data-mz-facet-value=\"{{ fval.value }}\" data-mz-url=\"{% make_url \"facet\" fval %}\">\r\n                                                <span data-mz-facet-value  class=\"mz1-facetingform-value RatingForFacet reviewStar\">\r\n                                                    <img src='{% make_url \"image\" \"/resources/images/stars_small_2.gif\" with max=100 as_parameter %}' alt=\"two stars\" title=\"two stars\" /> \r\n                                                </span>\r\n                                                <p data-mz-facet-value class=\"countVal mz1-facetingform-value\" > & Up</p>\r\n                                                {% endcomment %}\r\n                                                <label class=\"mz-facetingform-valuelabel mz1-facetingform-value\" data-mz-facet-value=\"{{fval.filterValue}}\">2+ stars</label>\r\n                                            {% else %} \r\n                                            {% if fval.label == \"30 to 50\" and fval.isApplied %}\r\n                                                {% comment %}<input style=\"display:none\" type=\"checkbox\" id=\"{{facet.field|slugify }}_{{ fval.value|slugify }}\" class=\"mz-facetingform-value\" {% if fval.isApplied %}checked=\"checked\"{% endif %} data-mz-facet=\"{{ facet.field }}\" data-mz-facet-value=\"{{ fval.value }}\" data-mz-url=\"{% make_url \"facet\" fval %}\">\r\n                                                <span data-mz-facet-value  class=\"mz1-facetingform-value RatingForFacet reviewStar\">\r\n                                                    <img src='{% make_url \"image\" \"/resources/images/stars_small_3.gif\" with max=100 as_parameter %}' alt=\"three stars\" title=\"three stars\" />\r\n                                                </span>\r\n                                                <p data-mz-facet-value class=\"countVal mz1-facetingform-value\" > & Up</p>\r\n                                                {% endcomment %}\r\n                                                <label class=\"mz-facetingform-valuelabel mz1-facetingform-value\" data-mz-facet-value=\"{{fval.filterValue}}\">3+ stars</label>\r\n                                            {% else %}   \r\n                                            {% if fval.label == \"40 to 50\" and fval.isApplied %} \r\n                                                {% comment %}<input style=\"display:none\" type=\"checkbox\" id=\"{{facet.field|slugify }}_{{ fval.value|slugify }}\" class=\"mz-facetingform-value\" {% if fval.isApplied %}checked=\"checked\"{% endif %} data-mz-facet=\"{{ facet.field }}\" data-mz-facet-value=\"{{ fval.value }}\" data-mz-url=\"{% make_url \"facet\" fval %}\">\r\n                                                <span data-mz-facet-value  class=\"mz1-facetingform-value RatingForFacet reviewStar\">\r\n                                                    <img src='{% make_url \"image\" \"/resources/images/stars_small_4.gif\" with max=100 as_parameter %}' alt=\"four stars\" title=\"four stars\" />\r\n                                                </span>\r\n                                                <p data-mz-facet-value class=\"countVal mz1-facetingform-value\" > & Up</p>\r\n                                                {% endcomment %}\r\n                                                <label class=\"mz-facetingform-valuelabel mz1-facetingform-value\" data-mz-facet-value=\"{{fval.filterValue}}\">4+ stars</label>\r\n                                            {% endif %}\r\n                                            {% endif %} \r\n                                            {% endif %}\r\n                                            {% endif %} \r\n                                            <span tabindex=\"0\" role=\"button\" aria-label=\"remove-facet {% if fval.label == \"10 to 50\" %} one star and up {% else %}{% if fval.label == \"20 to 50\" %} two stars and up {% else %}{% if fval.label == \"30 to 50\" %} three stars and up {% else %}{% if fval.label == \"40 to 50\" %} four stars and up {% endif %}{% endif %}{% endif %}{% endif %}\"  class=\"cross-btn-facets\">&#10006;</span>\r\n                                        </li>\r\n                                    {%else %} \r\n                                    {% if facet.label == \"packagesize\" %}    \r\n                                    {% else %} \r\n                                        {% if fval.isApplied %}  \r\n                                            <li aria-label=\"{{ fval.label|title}}\" class=\"item-name selected-facet-value {{ facet.label|lower }}{% if fval.isApplied %} mz-facetform-selected {% endif %}\" url-component=\"{{fval.filterValue}}\">\r\n                                                {% comment %}<input style=\"display:none\" type=\"checkbox\" id=\"{{facet.field|slugify }}_{{ fval.value|slugify }}\" class=\"mz-facetingform-value\" {% if fval.isApplied %}checked=\"checked\"{% endif %}\r\n                                                data-mz-facet=\"{{ facet.field }}\" data-mz-facet-value=\"{{ fval.value }}\" data-mz-url=\"{% make_url \"facet\" fval %}\">{% endcomment %}\r\n                                                <label class=\"mz1-facetingform-value\" id=\"{{facet.field|slugify }}_{{ fval.value|slugify }}\" data-mz-facet=\"{{ facet.field }}\"\r\n                                                    data-mz-facet-value=\"{{ fval.value }}\">{{ fval.label|title}}\r\n                                                </label>\r\n                                                <span tabindex=\"0\" role=\"button\" aria-label=\"remove-facet {{ fval.label|title}}\" class=\"cross-btn-facets\">&#10006;</span>\r\n                                            </li>\r\n                                        {% endif %}\r\n                                    {% endif %}\r\n                                    {% endif %}\r\n                                    {% endif %}\r\n                                    {% endif %}\r\n                                {% endfor %}\r\n                            {% endif %}\r\n                        {% endfor %} \r\n                    </ul>\r\n                </div>\r\n            </div>  \r\n            {% comment %}\r\n            <div class=\"ip-container\"><div class=\"jb-inner-overlay\"></div></div> \r\n            <div class=\"mz-facetHeaderdiv\">\r\n            </div>\r\n            {% endcomment %} \r\n            <div class=\"mz-l-sidebaritem mz-shop-home\"> \r\n                <a tabindex=\"-1\" class=\"mz-facetingform-shop hidden-element-to-apply\">test</a>  \r\n                <a class=\"mz-facetingform-clearall clear-all-outer-btn\" tabindex=\"0\" role=\"button\" aria-label=\"{{ labels.reset }}\"  data-mz-url=\"{% make_url \"facet\" \"clear\" %}\" data-mz-action=\"clearFacets\">CLEAR ALL</a>\r\n            </div>\r\n        </section>\r\n    </div>\r\n</div>\r\n\r\n","modules/shop-our-product-brands-listing":"{% for modelItem in model %}\n\t<li class=\"ourproducts-brand-item\">\n        <a href=\"/{{modelItem.slug}}/c/{{modelItem.categoryId}}\">\n                <div class=\"ourproducts-brand-details\" \n                    style=\"background-image:url('{{modelItem.logoBGI}}')\">\n                <img src=\"{{modelItem.logo }}\" alt=\"{{modelItem.name|safe}}\"></img>\n            </div>\n            <p> {{modelItem.name|safe}} </p>\n        </a>\n    </li>\n{% endfor %}\n\n\n","modules/voting-booth/default":"<style>\r\n\t.bean-candidate {\r\n\t\tdisplay: inline-block;\r\n\t\ttext-align: center;\r\n\t\tmargin: 5px;\r\n\t}\r\n\t.flavorbattle-bean, .flavorbattle-votes {\r\n\t\tfont-size: 30px;\r\n\t\tfont-weight: bold;\r\n\t}\r\n\r\n\t.flavorbattle-votes {\r\n\t\tdisplay: none;\r\n\t\tmargin-left: 30px;\r\n\t\tmargin-right: 30px;\r\n\t}\r\n\t.vote-button {\r\n\t\tfont-size: 30px;\r\n\t\tfont-weight: bold;\r\n\t\tcolor: #ffffff;\r\n\t\tbackground: #6E56F5;\r\n\t\tborder: 0px;\r\n\t\tborder-radius: 10px;\r\n\t\tpadding: 10px;\r\n\t\tmargin-top: 20px;\r\n\t\tmargin-left: 30px;\r\n\t\tmargin-right: 30px;\r\n\t\tdisplay: none;\r\n\t}\r\n\t.float-left {\r\n\t\tfloat: left;\r\n\t\tmargin-left: 20px;\r\n\t}\r\n\t.float-right {\r\n\t\tfloat: right;\r\n\t\tmargin-right: 20px;\r\n\t}\r\n\r\n\t.battle-pair {\r\n\t\twidth: 100%;\r\n\t\tmargin-top: 20px;\r\n\t\tmargin-bottom: 20px;\r\n\t\tpadding: 10px;.\r\n\t\tborder-bottom: 20px solid #cccccc;\r\n\t}\r\n\t.bean-pair {\r\n\t\tmax-width: 100%;\r\n\t}\r\n\t.already-voted {\r\n\t\tfont-size 20px;\r\n\t\tfont-weight: bold;\r\n\t}\r\n\t.button-container {\r\n\t\theight: 75px;\r\n\t\ttext-align: center;\r\n\t}\r\n</style>\r\n\r\n<!-- <div>\r\n\t<img src=\"/resources/images/flavorbattles/logos/flavor bracket.jpg\">\r\n</div>\r\n-->\r\n\r\n<div id=\"daydiv\" data-mz-day=\"2\" style=\"display: none;\"></div>\r\n\r\n<center>\r\n<div class=\"battle-pair\">\r\n<div style=\"height: auto;\">\r\n\t<img class=\"bean-pair\" src=\"/resources/images/flavorbattles/pairs/red_apple_vs_green_apple.jpg\">\r\n</div>\r\n<div style=\"height: 50px; text-align: center;\">\r\n\t<span class=\"flavorbattle-votes\" data-mz-votes  data-mz-match-id=\"ROUND1-MATCH1\" data-mz-bean=\"RED_APPLE\" >0</span>\r\n\t<span class=\"flavorbattle-votes\" data-mz-votes  data-mz-match-id=\"ROUND1-MATCH1\" data-mz-bean=\"GREEN_APPLE\" >0</span>\r\n</div>\r\n<div class=\"button-container\">\r\n\t<button data-mz-match-id=\"ROUND1-MATCH1\" data-mz-bean=\"RED_APPLE\" class=\"save-votes vote-button\">VOTE</button>\r\n\t<button data-mz-match-id=\"ROUND1-MATCH1\" data-mz-bean=\"GREEN_APPLE\" class=\"save-votes vote-button\">VOTE</button>\r\n</div>\r\n</div>\r\n\r\n<div class=\"battle-pair\">\r\n<div>\r\n\t<img class=\"bean-pair\"  src=\"/resources/images/flavorbattles/pairs/licorice_vs_tutti_fruitti.jpg\">\r\n</div>\r\n\r\n<span class=\"flavorbattle-votes\" data-mz-votes data-mz-match-id=\"ROUND1-MATCH2\" data-mz-bean=\"LICORICE\" >0</span>\r\n<span class=\"flavorbattle-votes\" data-mz-votes data-mz-match-id=\"ROUND1-MATCH2\" data-mz-bean=\"TUTTI-FRUITTI\" >0</span>\r\n<br>\r\n<div class=\"button-container\">\r\n\t<button data-mz-match-id=\"ROUND1-MATCH2\" data-mz-bean=\"LICORICE\" class=\"save-votes vote-button\">VOTE</button>\r\n\t<button data-mz-match-id=\"ROUND1-MATCH2\" data-mz-bean=\"TUTTI-FRUITTI\" class=\"save-votes vote-button\">VOTE</button>\r\n</div>\r\n</div>\r\n\r\n<div class=\"battle-pair\">\r\n<div>\r\n\t<img  class=\"bean-pair\" src=\"/resources/images/flavorbattles/pairs/very_cherry_vs_coconut.jpg\">\r\n</div>\r\n\r\n<span class=\"flavorbattle-votes\" data-mz-votes data-mz-match-id=\"ROUND1-MATCH3\" data-mz-bean=\"VERY_CHERRY\" >0</span>\r\n<span class=\"flavorbattle-votes\" data-mz-votes data-mz-match-id=\"ROUND1-MATCH3\" data-mz-bean=\"COCONUT\" >0</span>\r\n<br>\r\n<div class=\"button-container\">\r\n\t<button data-mz-match-id=\"ROUND1-MATCH3\" data-mz-bean=\"VERY_CHERRY\" class=\"save-votes vote-button\">VOTE</button>\r\n\t<button data-mz-match-id=\"ROUND1-MATCH3\" data-mz-bean=\"COCONUT\" class=\"save-votes vote-button\">VOTE</button>\r\n</div>\r\n</div>\r\n\r\n<div class=\"battle-pair\">\r\n<div>\r\n\t<img  class=\"bean-pair\" src=\"/resources/images/flavorbattles/pairs/berry_blue_vs_tangerine.jpg\">\r\n</div>\r\n\r\n<span class=\"flavorbattle-votes\" data-mz-votes data-mz-match-id=\"ROUND1-MATCH4\" data-mz-bean=\"BERRY_BLUE\" >0</span>\r\n<span class=\"flavorbattle-votes\" data-mz-votes data-mz-match-id=\"ROUND1-MATCH4\" data-mz-bean=\"TANGERINE\" >0</span>\r\n<br>\r\n<div class=\"button-container\">\r\n<button data-mz-match-id=\"ROUND1-MATCH4\" data-mz-bean=\"BERRY_BLUE\" class=\"save-votes vote-button\">VOTE</button>\r\n<button data-mz-match-id=\"ROUND1-MATCH4\" data-mz-bean=\"TANGERINE\" class=\"save-votes vote-button\">VOTE</button>\r\n</div>\r\n</div>\r\n\r\n<div class=\"battle-pair\">\r\n<div>\r\n\t<img  class=\"bean-pair\" src=\"/resources/images/flavorbattles/pairs/mango_vs_watermelon.jpg\">\r\n</div>\r\n\r\n<span class=\"flavorbattle-votes\" data-mz-votes data-mz-match-id=\"ROUND1-MATCH5\" data-mz-bean=\"MANGO\" >0</span>\r\n<span class=\"flavorbattle-votes\" data-mz-votes data-mz-match-id=\"ROUND1-MATCH5\" data-mz-bean=\"WATERMELON\" >0</span>\r\n<br>\r\n<div class=\"button-container\">\r\n\t<button data-mz-match-id=\"ROUND1-MATCH5\" data-mz-bean=\"MANGO\" class=\"save-votes vote-button\">VOTE</button>\r\n\t<button data-mz-match-id=\"ROUND1-MATCH5\" data-mz-bean=\"WATERMELON\" class=\"save-votes vote-button\">VOTE</button>\r\n</div>\r\n</div>\r\n\r\n<div class=\"battle-pair\">\r\n<div>\r\n\t<img  class=\"bean-pair\" src=\"/resources/images/flavorbattles/pairs/cotton_candy_vs_sizzling_cinamon.jpg\">\r\n</div>\r\n\r\n<span class=\"flavorbattle-votes\" data-mz-votes data-mz-match-id=\"ROUND1-MATCH6\" data-mz-bean=\"COTTON_CANDY\" >0</span>\r\n<span class=\"flavorbattle-votes\" data-mz-votes data-mz-match-id=\"ROUND1-MATCH6\" data-mz-bean=\"SIZZLING_CINNAMON\" >0</span>\r\n<br>\r\n<div class=\"button-container\">\r\n\t<button data-mz-match-id=\"ROUND1-MATCH6\" data-mz-bean=\"COTTON_CANDY\" class=\"save-votes vote-button\">VOTE</button>\r\n\t<button data-mz-match-id=\"ROUND1-MATCH6\" data-mz-bean=\"SIZZLING_CINNAMON\" class=\"save-votes vote-button\">VOTE</button>\r\n</div>\r\n</div>\r\n\r\n<div class=\"battle-pair\">\r\n<div>\r\n\t\r\n\t<img  class=\"bean-pair\" src=\"/resources/images/flavorbattles/pairs/juicy_pear_vs_toasted_marshmallow.jpg\">\r\n</div>\r\n\r\n<span class=\"flavorbattle-votes\" data-mz-votes data-mz-match-id=\"ROUND1-MATCH7\" data-mz-bean=\"JUICY_PEAR\" >0</span>\r\n<span class=\"flavorbattle-votes\" data-mz-votes data-mz-match-id=\"ROUND1-MATCH7\" data-mz-bean=\"TOASTED_MARSHMALLOW\" >0</span>\r\n<br>\r\n<div class=\"button-container\">\r\n\t<button data-mz-match-id=\"ROUND1-MATCH7\" data-mz-bean=\"JUICY_PEAR\" class=\"save-votes vote-button\">VOTE</button>\r\n\t<button data-mz-match-id=\"ROUND1-MATCH7\" data-mz-bean=\"TOASTED_MARSHMALLOW\" class=\"save-votes vote-button\">VOTE</button>\r\n</div>\r\n</div>\r\n\r\n<div class=\"battle-pair\">\r\n<div>\r\n\t<img  class=\"bean-pair\" src=\"/resources/images/flavorbattles/pairs/buttered_popcorn_vs_lemon_lime.jpg\">\r\n</div>\r\n\r\n<span class=\"flavorbattle-votes\" data-mz-votes data-mz-match-id=\"ROUND1-MATCH8\" data-mz-bean=\"BUTTERED_POPCORN\" >0</span>\r\n<span class=\"flavorbattle-votes\" data-mz-votes data-mz-match-id=\"ROUND1-MATCH8\" data-mz-bean=\"LEMON_LIME\" >0</span>\r\n<br>\r\n<div class=\"button-container\">\r\n<button data-mz-match-id=\"ROUND1-MATCH8\" data-mz-bean=\"BUTTERED_POPCORN\" class=\"save-votes vote-button\">VOTE</button>\r\n<button data-mz-match-id=\"ROUND1-MATCH8\" data-mz-bean=\"LEMON_LIME\" class=\"save-votes vote-button\">VOTE</button>\r\n</div>\r\n</div>\r\n</center>","modules/search/autocomplete-empty":"\r\n\r\n<div class=\"mz-itemlisting mz-itemlisting-autocomplete mz-itemlisting-autocomplete-product\">\r\n    <p style=\"padding: 0 20px;\">No Results Found</p>\r\n</div>\r\n\r\n","pages/candy-calculator":"<style>\n    .hidden-label:not(:focus):not(:active) {\n        clip: rect(0 0 0 0); \n        clip-path: inset(50%);\n        height: 1px;\n        overflow: hidden;\n        position: absolute;\n        white-space: nowrap; \n        width: 1px;\n    }\n    .contentContainer p{\n        font-size: 16px;\n        margin: 1vw 0;\n    }\n    .candy-type-container{\n        margin: 0 0 0 0;\n    }\n    .contentContainer p{\n        margin: 0;\n    }\n    .candy-type-container,.candy-shape-container{\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n    }\n    #candyType{\n        height: 38px;\n        font-size: 18px;\n        width: 35vw;\n        appearance: auto;\n        -moz-appearance: auto;\n        -webkit-appearance: auto;\n    }\n    #container_shape{\n        height: 38px;\n        font-size: 18px;\n        width: 20vw;\n        appearance: auto;\n        -moz-appearance: auto;\n        -webkit-appearance: auto;\n    }\n    #numContDiv{\n       margin: 0 0 0 22px;\n    }\n    #numCont{\n        width: 5vw;\n        font-size: 18px;\n        height: 29px;\n        appearance: auto;\n        -moz-appearance: auto;\n        -webkit-appearance: auto;\n    }\n    .candy-shape-count-container{\n        display: flex;\n        flex-direction: row;\n    }\n    .candy-shape-count-container fieldset{\n        display: flex;\n        flex-direction: row;\n    }\n    .candyResults{\n        font-size: 16px;  \n        line-height: 25px;    \n        text-align: left;    \n        padding: 85px 50px 0px 45px;\n    }\n    .candyCalcError {\n        color: #b00020;\n        background: #fff3f3;\n        border-left: 4px solid #b00020;\n        padding: 12px;\n        margin: 12px 40px;\n        font-size: 15px;\n    }\n</style>\n<div style=\"width: 100%; \n            height: 100%;\n            position: fixed;\n            top: 0px;\n            z-index: 10;  \n            opacity: .9; \n            background-color: #373636;\"></div> \n        \n        <div id=\"candyCalcFields\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Candy Calculator\" tabindex=\"-1\" style=\"display: block; \n                                                                                                                        top: 1%;\n                                                                                                                        width: 650px; \n                                                                                                                        height: 620px;\n                                                                                                                        position: fixed;\n                                                                                                                        background-color: #FFF;\n                                                                                                                        z-index: 10;\n                                                                                                                        overflow: hidden; \n                                                                                                                        left: 42%;\n                                                                                                                        transform: translate(-32%,0);\n                                                                                                                        -webkit-transform: translate(-32%, 0%) ;\n                                                                                                                        -moz-transform:translate(-32%, 0); \n                                                                                                                        -ms-transform:translate(-32%, 0) ; \n                                                                                                                        -o-transform:translate(-32%, 0) ;\">\n                        <div id=\"candyCalcError\"\n                            class=\"candyCalcError\"\n                            role=\"alert\"\n                            aria-live=\"assertive\"\n                            aria-atomic=\"true\"\n                            tabindex=\"-1\"\n                            style=\"display:none;\">\n                        </div>\n                                            \n                        <button type=\"button\" id=\"cboxClose\" class=\"cboxClose\" style=\"position: absolute;\n                                                                    top: 3px;\n                                                                    right: 3px;\n                                                                    width: 26px;\n                                                                    height: 24px;\n                                                                    border: 0;\n                                                                    background: #fff url('../resources/images/directimages/controls.png') -25px 0px no-repeat !important;\n                                                                    box-shadow: none;\n                                                                    z-index: 12;\n                                                                    text-indent: -9999px;\">close</button>\n                    <div id=\"candyCalcSlideOne\" class=\"candyCalcSlideOne\" style=\" background: url('../resources/images/directimages/headerImage_edit.jpg') no-repeat top center;\n                                                        height: 315px;\n                                                        width: 100%;\n                                                        position: absolute;\n                                                        display: block;\">\n                    <h1 style=\"position: absolute; top: -41px; z-index: 1; color: white; font-weight: 400; font-size: 54px; left: 50%; transform: translateX(-50%); width: 400px; text-align: center;\">Candy Calculator</h1>\n                        <div  style=\" bottom: -25px;\n                                    position: absolute;\n                                    right: 35px;\n                                    width: 400px;  \n                                    text-align: center;\" tabindex=\"0\">\n                            Easily see how much candy you need for your event. Just choose your preferred candy and container shape,\n                            then enter the container dimensions and the Candy Calculator will give you an approximate amount of candy necessary.\n\t\t\t\t\t\t\t<p style=\"margin:5px;\">All measurements are in inches.</p>\n                            <a href=\"javascript:void(0);\" tabindex=\"0\" class=\"candyCalcSlideOne_a\" style=\"display: block;padding: 15px 1px;\">\n                                <img src=\"/resources/images/directimages/startButton.png\" alt=\"Get started\">\n                            </a>\n                        </div>   \n                    </div> \n                    \n                    \n                    <div id=\"candyCalcSlideTwo\" class=\"candyCalcSlideTwo\" style=\"height: 315px;width: 100%;position: absolute;display: none; margin-top: 10px;\">\n                        <h1 style=\"margin: 0px 40px;color: #444;font-weight: 900;font-size: 32px;width: 400px;text-align: left;text-transform: uppercase;\">Candy Calculator</h1>\n                        <div class=\"contentContainer\" style=\"margin: 5px 40px 10px 40px; border-top: 1px solid #D6D6D6;\">\n                        <p>* indicates required field</p>    \n                            <div class=\"candy-type-container\">\n                                <fieldset>\n                                    <legend style=\"display:none;\">Candy Type</legend>\n                                    <label for=\"candyType\">\n                                        <p>Choose Type of Candy*</p>\n                                    </label>\n                                    <select name=\"candyType\" id=\"candyType\" aria-required=\"true\">\n                                        <option data-position=\"-100%\" value=\"none\">Candy Type</option>\n                                        <option data-position=\"0%\" value=\".523\">Jelly Belly® Jelly Beans</option>\n                                        <option data-position=\"25%\" value=\".383\">Champagne Bubbles</option>\n                                        <option data-position=\"50%\" value=\".3830\">Raspberries &amp; Blackberries</option>\n                                        <option data-position=\"75%\" value=\".463\">Jordan Almonds</option>\n                                        <option data-position=\"100%\" value=\".44\">Dutch Mints</option>\n                                    </select>\n                                </fieldset>    \n                            </div>\n                            <div class=\"candy-shape-count-container\">\n                                <fieldset>\n                                    <legend style=\"display:none;\">Container Information</legend>\n                                    <div class=\"candy-shape-container\">\n                                        <label for=\"container_shape\">\n                                            <p>Choose Type of Container*</p>\n                                        </label>\n                                        <select name=\"container\" id=\"container_shape\" aria-required=\"true\">\n                                            <option selected=\"selected\" value=\"none\">Container Shape</option>\n                                            <option value=\"Square\">Square/Rectangle</option>\n                                            <option value=\"Circular\">Circular/Cylindrical</option>\n                                        </select>\n                                    </div>\n                                    <div id=\"numContDiv\">\n                                        <label for=\"numCont\">\n                                            <p>Number of Containers*</p>\n                                        </label>\n                                        <input type=\"number\" id=\"numCont\" name=\"numCont\" aria-required=\"true\" size=\"4\" maxlength=\"4\" min=\"0\" max=\"9999\">\n                                    </div>\n                                </fieldset>\n                            </div>\n                            \n                        </div>\n                        <!--/candy info -->\n                        <!-- CUBE DIV -->\n                        <div id=\"cube-detail-heading\" class=\"contentContainer\" style=\"background-color: #F7F7F7;padding: 10px 40px 20px 40px;display:none;\">\n                            <h2 style=\"color:#2A3756;font-weight:900;font-size:22px;text-transform: uppercase;margin:0;\">Enter your Measurements</h2>\n                            <div class=\"candyDetails\" style=\"float: left;position: relative;width: 40%;\">\n                                <div id=\"cube\" style=\"display: none;\">\n                                    <fieldset>\n                                        <legend style=\"display:none;\">Rectangular Dimensions</legend>\n                                        <div class=\"contentContainer\">\n                                            <h3 style=\"margin: 0;\">Fill in Rectangular Dimensions:</h3>\n                                            <label for=\"heightCube\">\n                                                <p style=\"margin: 0 0 7px 0;\">Height*</p>\n                                            </label>\n                                            <input id=\"heightCube\" placeholder=\"Inches\" type=\"number\" name=\"heightCube\" aria-required=\"true\" size=\"2\" maxlength=\"2\"  min=\"0\" max=\"99\" style=\"width: 80px;height: 30px;\">\n                                            <label for=\"heightCubeFrac\" class=\"hidden-label\">\n                                                Height in fractions of an inch\n                                            </label>\n                                            <select id=\"heightCubeFrac\" name=\"heightCubeFrac\" aria-required=\"true\" style=\"width: 75px;height: 40px;\">\n                                                <option value=\"\">-</option>       \n                                                <option value=\".125\">1/8</option>\n                                                <option value=\".25\">1/4</option>\n                                                <option value=\".375\">3/8</option>\n                                                <option value=\".5\">1/2</option>\n                                                <option value=\".625\">5/8</option>\n                                                <option value=\".625\">5/8</option>\n                                                <option value=\".75\">3/4</option>\n                                                <option value=\".875\">7/8</option>\n                                            </select>\n                                        </div>\n            \n                                        <div class=\"contentContainer\">\n                                            <label for=\"widthCube\">\n                                                <p style=\"margin: 0 0 7px 0;\">Width*</p>\n                                            </label>\n                                            <input id=\"widthCube\" type=\"number\" placeholder=\"Inches\" name=\"widthCube\" size=\"2\" aria-required=\"true\" maxlength=\"2\"  min=\"0\" max=\"99\" style=\"width: 80px;height: 30px;\">\n                                            <label for=\"widthCubeFrac\" class=\"hidden-label\">\n                                                Width in fractions of an inch\n                                            </label>\n                                            <select id=\"widthCubeFrac\" name=\"widthCubeFrac\" aria-required=\"true\" style=\"width: 75px;\n                                                                                height: 40px;\">\n                                                <option value=\"\">-</option>\n                                                <option value=\".125\">1/8</option>\n                                                <option value=\".25\">1/4</option>\n                                                <option value=\".375\">3/8</option>\n                                                <option value=\".5\">1/2</option>\n                                                <option value=\".625\">5/8</option>\n                                                <option value=\".75\">3/4</option>\n                                                <option value=\".875\">7/8</option>\n                                            </select>\n                                        </div>\n            \n                                        <div class=\"contentContainer\">\n                                            <label for=\"depthCube\">\n                                                <p style=\"margin: 0 0 7px 0;\">Depth*</p>\n                                            </label>\n                                            <input id=\"depthCube\" name=\"depthCube\" placeholder=\"Inches\" type=\"number\" size=\"2\" aria-required=\"true\" maxlength=\"2\"   min=\"0\" max=\"99\" style=\"width: 80px;height: 30px;\">\n                                            <label for=\"depthCubeFrac\" class=\"hidden-label\">\n                                                Depth in fractions of an inch\n                                            </label>\n                                            <select id=\"depthCubeFrac\" name=\"depthCubeFrac\" aria-required=\"true\" style=\"width: 75px; height: 40px;\"> \n                                                <option value=\"\">-</option>\n                                                <option value=\".125\">1/8</option>\n                                                <option value=\".25\">1/4</option>\n                                                <option value=\".375\">3/8</option>\n                                                <option value=\".5\">1/2</option>\n                                                <option value=\".625\">5/8</option>\n                                                <option value=\".75\">3/4</option>\n                                                <option value=\".875\">7/8</option>\n                                            </select>\n                                        </div>\n                                    </fieldset>\n                                </div><!-- /CUBE DIV -->\n        \n                                <!-- CYLINDER DIV -->\n                                <div id=\"cyl\" style=\"display:none;\">\n                                    <fieldset>\n                                        <legend style=\"display:none;\">Cylindrical Dimensions</legend>\n                                        <div class=\"contentContainer\">\n                                            <h3>Fill in Cylindrical Dimensions:</h3>\n                                            <label for=\"heightCyl\">\n                                                <p style=\"margin: 0 0 7px 0;\">Height*</p>\n                                            </label>\n                                            <input id=\"heightCyl\"type=\"number\" placeholder=\"Inches\" name=\"heightCyl\" size=\"2\" aria-required=\"true\" maxlength=\"2\"   min=\"0\" max=\"99\" style=\"width: 80px;height: 30px;\">\n                                            <label for=\"heightCylFrac\" class=\"hidden-label\">\n                                                Height in fractions of an inch.\n                                            </label>\n                                            <select id=\"heightCylFrac\" name=\"heightCylFrac\" aria-required=\"true\" style=\"width:75px;\n                                                                                height: 40px;\">\n                                                <option value=\"\">-</option>\n                                                <option value=\".125\">1/8</option>\n                                                <option value=\".25\">1/4</option>\n                                                <option value=\".375\">3/8</option>\n                                                <option value=\".5\">1/2</option>\n                                                <option value=\".625\">5/8</option>\n                                                <option value=\".75\">3/4</option>\n                                                <option value=\".875\">7/8</option> \n                                            </select>\n                                        </div>\n                                        <div class=\"contentContainer\">\n                                            <label for=\"widthCyl\">\n                                                <p style=\"margin: 0 0 7px 0;\">Width*</p>\n                                            </label>\n                                            <input id=\"widthCyl\" type=\"number\" placeholder=\"Inches\" name=\"widthCyl\" size=\"2\" maxlength=\"2\" aria-required=\"true\" min=\"0\" max=\"99\" style=\"height: 30px;width: 80px;\">\n                                            <label for=\"widthCylFrac\" class=\"hidden-label\">\n                                                Width in fractions of an inch.\n                                            </label>\n                                            <select id=\"widthCylFrac\" name=\"widthCylFrac\" aria-required=\"true\" style=\"width: 75px; height: 40px;\">\n                                                <option value=\"\">-</option>\n                                                <option value=\".125\">1/8</option>\n                                                <option value=\".25\">1/4</option>\n                                                <option value=\".375\">3/8</option>\n                                                <option value=\".5\">1/2</option>\n                                                <option value=\".625\">5/8</option>\n                                                <option value=\".75\">3/4</option>\n                                                <option value=\".875\">7/8</option>\n                                            </select>\n                                        </div>\n                                     </fieldset>    \n                                    <br style=\"clear:both;\">\n                                </div><!-- CYLN DIV -->\n                                <p style=\"font-size: 16px; margin-top: 0;\">(All measurements are in inches)</p>\n                                <div class=\"candyCalcButton\"  id=\"submit_with_label\" style=\"display: none;\"> \n                                    <button class=\"buttonStandard action\" name=\"submit\" id=\"submit\" value=\"Submit\" style=\"width: 20vw;\n                                                                                                        height: 40px;\n                                                                                                        background-color: #CC0207;\n                                                                                                        font-size: 16px;\n                                                                                                        text-transform: uppercase;\n                                                                                                        display: inline-block;\n                                                                                                        position: relative;                                                                                                        \n                                                                                                        color: #fff;border:none;\">\n                                                                                                        Submit</button>\n                                </div>\n                            </div>\n                            <div class=\"candyDetailImages\" style=\"  float: right;\n                                                                    width: 50%;\n                                                                    text-align: center;\">\n                                <div id=\"candyChoice\" style=\"   background: url(../resources/images/directimages/candycalc_bagImages.jpg) no-repeat 0 -125px;\n                                                                height: 128px;\n                                                                position: relative;\n                                                                width: 125px;\n                                                                width: 100%;\n                                                                background-position: 26px 0px;\n                                                                display: none;\"></div>\n                                <div id=\"containerChoice\" style=\"   background: url(../resources/images/directimages/candycalc_containers_02.png) no-repeat;\n                                                                    height: 147px;\n                                                                    overflow: hidden;\n                                                                    display: none;\n                                                                    width: 188px;\n                                                                    background-position: 0px -26px;\n                                                                \"></div>\n                            </div>\n                            <div style=\"clear:both;\"></div>\n                        </div>\n                    </div>\n                <div id=\"candyCalcSlideThree\" style=\"display:none;\">\n                    <div id=\"resultsDiv\" style=\"height: 250px;position: relative;top: -12px;\">\n                    <div></div>\n                    <h1 style=\"position: absolute;top: 0;width: 100%;margin: 8px auto;color: #2A3756;font-weight: 900;font-size: 30px;text-align: left;text-transform: uppercase;padding: 0 0 10px 40px;border-bottom: 1px solid #D6D6D6;\">You will need</h1>\n                    </div>\n                    <p class=\"candyCalcFinePrint\" style=\"color: #777777;font-size: 16px;line-height: 16px; margin: 0 auto;padding: 26px 28px 0 40px;text-align: left;\" >\n                        The results provided by Jelly Belly’s Candy Calculator are approximate.\n                        Jelly Belly &reg; candy assumes no responsibility in the event that the amount of candy ordered by the consumer proves incorrect.\n                        The amount needed is the sole responsibility of the consumer.\n                    </p>\n                    <p style=\"text-align: left; font-size: 22px; font-weight: bold; margin: 22px 40px;\">\n                        <button id=\"recalculateAll\" style=\"text-decoration: none; border: 1px solid #000; color: #000000; cursor: pointer; background-color: #FFF; padding: 8px 22px; font-size: 16px;text-transform: uppercase;\">\n                            recalculate\n                        </button>\n                    </p>\n                    \n                </div>\n                    \n        </div>\n        \n","pages/flavor-guides-item":"<div class=\"jb-childcategory\" data-mz-category-url=\"{{model.guide}}\" data-mz-category-guide=\"{{model.guide}}\">\r\n  <div class=\"jb-colapsing-title\">\r\n    <h2 role=\"button\" class=\"jb-category-title\" aria-expanded=\"false\" tabindex=\"0\">{{model.name|safe}}</h2>\r\n    <p class=\"mz-desktop\" title=\"open/close button\" aria-expanded=\"false\" tabindex=\"0\">open/close</p>\r\n    <p class=\"mz-mobile\" aria-label=\"open/close button\" title=\"expand, button, collapsed\" aria-expanded=\"false\" tabindex=\"-1\">+</p>\r\n  </div>\r\n\r\n  <div class=\"jb_contentfolder\" style=\"display:none\">\r\n    <div class=\"jb-childcategory-description\" tabindex=\"0\">{{model.description|safe}}</div>\r\n    <div class=\"jb-childChildrenCategories-container\">\r\n\r\n    <ul style=\"list-style: none;\">\r\n      {% for childChildrenCategories in model.childcategories%}\r\n        {% if childChildrenCategories.name != \"Sour Peach\" %}\r\n          <li style=\"display: inline;\">\r\n          <a href=\"/c/{{childChildrenCategories.slug}}\">\r\n            <div class=\"jb-childChildrenCategory\" style=\"\">\r\n    \t\t  <img class=\"load-on-scroll\" src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\" data-src='{{ siteContext.cdnPrefix }}/cms/{{siteContext.siteId}}/files/{{childChildrenCategories.image}}?max=60' alt=\"\"/>\r\n              <p href=\"/c/{{childChildrenCategories.slug}}\">\r\n                  {{childChildrenCategories.name|safe}}\r\n              </p>\r\n            </div>\r\n          </a>\r\n          </li>\r\n        {% endif %}\r\n      {% endfor %}\r\n      </ul>\r\n    </div>\r\n    <div class=\"jb-child-category-button\">\r\n\t<br>\r\n      <a href=\"c/{{model.category}}\" tabindex=\"0\">\r\n        <span>Shop</span>  {{model.shopName}}&nbsp;►\r\n      </a>\r\n      <a href=\"/store-locator\" tabindex=\"0\">\r\n        <span>Find</span> a store near you&nbsp;►\r\n      </a>\r\n    </div>\r\n  </div>\r\n</div>\r\n","pages/single-flavorcolor":"<div class=\"cjb-flavor-collection\" >\r\n    <div class=\"cjb-flavor-collection-container\">\r\n        <div id=\"cjb-flavor-top-section\" class=\"cjb-flavor-top-section\">\r\n            <h2 id=\"cjb-flavor-top-section-heading\">Jelly Belly Jelly Bean Flavors</h2>\r\n            <a href=\"/jelly-belly-flavor-collections\">See All Flavor Collections</a>\r\n        </div>\r\n        <div class=\"cjb-flavors-list-sections\">\r\n            <ul class=\"flavors\">\r\n                {% for item in model.items %}    \r\n                <li role=\"group\" aria-label=\"single flavor\" id=\"{{item.id}}\" class=\"single\" style=\"{{item.beanBackgroundColor}}\" >\r\n                    <div class=\"flavor-item\">\r\n                        <img loading=\"lazy\" class=\"card-bean-image\" src=\"{{item.beanImageColor}}\" alt=\"\">\r\n                        <p class=\"blue-text {{item.color}}\" style=\"font-size:16px !important;\"> {{item.beanText}} </p> \r\n                    </div>\r\n                    <button aria-expanded=\"false\" aria-controls=\"flavor-content\" learnmoreAbout class=\"blue-border learnmoreAbout {{item.color}}\" style=\"font-size:14px !important\">Learn more about {{item.beanText}}</button>\r\n                    <div class=\"dynamicContainer hide\" id=\"flavor-content\" style=\"flex-direction:column;\">\r\n                        <button class=\"close-button {{item.color}}\" aria-label=\"close\" style=\"position:absolute;\">x</button>\r\n                        <div class=\"expanded-view-container\">\r\n                          <div class=\"largeBean\"> \r\n                              <img class=\"large-bean-image\" src=\"{{item.largeBean}}\" loading=\"lazy\" alt=\"\" />\r\n                          </div>\r\n                          <div class=\"contentContainer\">\r\n                              <h3 class=\"title {{item.color}}\" style=\"margin-top:30px;\"> {{item.beanText}} </h3>\r\n                              <p class=\"shortDesc {{item.color}}\">{{item.shortDesc}}</p>\r\n                              <p class=\"recipe {{item.color}}\" style=\"font-size:16px !important;\"> {{item.recipe|safe}} </p>\r\n                              <a class=\"readmoreAbout {{item.color}}\"style=\"font-size:16px !important;\" href=\"{{item.href}}\">SEE {{item.beanText}} PRODUCTS</a>\r\n                              <div class=\"allergenContainer {{item.color}}\">\r\n                              {% comment %}     \r\n                                  <h4 class=\"allergentitle {{item.color}}\"> Allergens</h4>\r\n                                  <div class=\"imageContainerForAllergens test\" >\r\n\r\n                                  </div>\r\n                              {% endcomment %}\r\n                                  <h4 class=\"allergentitle {{item.color}}\" style=\"font-size:16px !important; margin-top:25px\">INGREDIENTS</h4>\r\n                                  <p class=\"ingredients {{item.color}}\" style=\"font-size:16px !important;\"> \r\n                                      {{item.ingredient}}\r\n                                  </p>\r\n\r\n                              </div>\r\n\r\n                              <div class=\"allergen-disclaimer {{item.color}}\">\r\n                                <h4 class=\"{{item.color}}\">Disclaimer</h1>\r\n                                <p class=\"{{item.color}}\">Ingredients may be changed at any time. Check the physical package for the most accurate, up-to-date list of ingredients for the product in that package.</p>\r\n                              </div>\r\n                              \r\n                          </div>\r\n                          <div class=\"sampleImageContainer\">\r\n                              <div class=\"svgimageContainer main\">\r\n                                  {{item.svg |safe }}\r\n                              </div>\r\n                          </div>\r\n                        </div>\r\n                    </div>\r\n                </li> \r\n                {% endfor %}\r\n                {% for item in model.emotycontainers %}\r\n                    <li class=\"hide\">\r\n                    </li>\r\n                {% endfor %}\r\n            </ul>\r\n        </div>\r\n\r\n    </div>\r\n</div>","widgets/catalog/home-featuredbrands":"{% preload_json featured_brands.config.featured-brand-categories \"home_featured_categories\" %}\n\n{% require_script \"widgets/home-page-featuredbrands\" %}\n<ul class=\"brand-lister\" id=\"home_featured_categories\">\n\n</ul>\n\n\n\n\n\n\r\n","widgets/catalog/shop-our-products-featuredbrands":"\n{% preload_json featured_brands.config.featured-brand-categories \"shop_featured_categories\" %}\n\n{% require_script \"widgets/shop-our-products-featuredbrands\" %}\n<ul class=\"jb-ourproducts-brand-lister\" id=\"jb-ourproducts-brand-lister\">\n\n</ul>\n\n\n\n\n\r\n"},"locals":{"themeSettings":{"devCategories":{"cocktailClassics":228,"jellyBellyJellyBeans":335,"byThePound":252,"tenPoundLooseBulk":123,"giftBoxes":115,"cansJarsAndTins":358,"giftBags":33,"grabAndGo":117,"smallBagsAndBoxes":255,"beanboozled":341,"boxesAndDispensers":341,"refills":341,"fieryFive":513,"gourmetCandyAndConfections":339,"confectionsByThePound":339,"bulkConfections":10,"candyCornAndMore":214,"licorice":291,"nutty":156,"chocolate":295,"gummi":112,"sour":293,"jells":112,"bellyFlops":343,"sugarFree":338,"sportBeans":336,"snapple":223,"energizing":336,"caffeinated":336,"harryPotter":344,"bertieBottsEveryFlavourBeans":512,"magicalChocolate":215,"gummiCreatures":112,"sodaPopShoppe":506,"krispyKreme":505,"barbie":525,"hotwheels":526,"sunkist":342,"citrusMix":509,"fruitGems":220,"bobaMilkTea":524,"coldStone":157,"weirdWildAndGross":289,"fruity":347,"iceCream":292,"sodaPop":290,"sourFlavor":293,"hotAndSpicy":294,"licoriceFlavor":291,"tropicalFlavor":297,"chocolateFlavor":295,"mintyFlavor":298,"nuttyFlavor":296,"vanillaFlavor":288,"beanMachinesAndDispensers":318,"giftBasket":302,"mrJellyBelly":318,"summerFavorites":1032,"fallFavorites":315,"halloween":314,"christmas":24,"valentines":57,"easter":248,"mothersDay":211,"fathersDay":188,"holidayGifts":243,"fourthOfJuly":313,"resealableBags":60,"wholesaleBulk":305,"giftBoxesAssorted":61,"giftBundles":20,"giftBasketsAssorted":302,"singleServing":349,"bagLittleMore":304,"boxLittle":303,"giftBagWeight":300,"blueColor":334,"pinkColor":327,"greenColor":324,"orangeColor":326,"yellowColor":331,"brownColor":323,"blackColor":333,"whiteColor":330,"redColor":329,"purpleColor":328,"multiColor":325,"beigeColor":332},"prodCategories":{"cocktailClassics":228,"jellyBellyJellyBeans":335,"byThePound":252,"tenPoundLooseBulk":637,"giftBoxes":22,"cansJarsAndTins":348,"giftBags":835,"grabAndGo":836,"smallBagsAndBoxes":255,"beanboozled":341,"boxesAndDispensers":870,"refills":871,"fieryFive":890,"gourmetCandyAndConfections":339,"confectionsByThePound":876,"bulkConfections":10,"candyCornAndMore":875,"licorice":755,"nutty":877,"chocolate":557,"gummi":558,"sour":563,"jells":878,"bellyFlops":343,"sugarFree":338,"sportBeans":336,"snapple":223,"energizing":882,"caffeinated":883,"harryPotter":344,"bertieBottsEveryFlavourBeans":633,"magicalChocolate":873,"gummiCreatures":874,"sodaPopShoppe":884,"krispyKreme":721,"barbie":1056,"hotwheels":1055,"sunkist":342,"citrusMix":879,"fruitGems":880,"bobaMilkTea":1034,"coldStone":157,"weirdWildAndGross":289,"fruity":347,"iceCream":292,"sodaPop":290,"sourFlavor":293,"hotAndSpicy":294,"licoriceFlavor":291,"tropicalFlavor":297,"chocolateFlavor":295,"mintyFlavor":298,"nuttyFlavor":296,"vanillaFlavor":288,"beanMachinesAndDispensers":318,"giftBasket":302,"mrJellyBelly":888,"summerFavorites":1032,"fallFavorites":315,"halloween":314,"christmas":24,"valentines":57,"easter":248,"mothersDay":211,"fathersDay":188,"holidayGifts":860,"fourthOfJuly":313,"resealableBags":60,"wholesaleBulk":305,"giftBoxesAssorted":22,"giftBundles":302,"giftBasketsAssorted":302,"singleServing":709,"bagLittleMore":304,"boxLittle":303,"giftBagWeight":300,"blueColor":334,"pinkColor":327,"greenColor":324,"orangeColor":326,"yellowColor":331,"brownColor":323,"blackColor":333,"whiteColor":330,"redColor":329,"purpleColor":328,"multiColor":325,"beigeColor":332},"allStar_dev":"ALLSTAR","mvp_dev":"MVP","rookie_dev":"ROOKIE","allStar_prod":"SR-ALLSTAR","mvp_prod":"MVP-SWEET-REWARDS","rookie_prod":"SR Rookie","zinreloPartnerID_dev":"00dbc73b8e","zinreloPartnerID_prod":"540f33640c","zinreloActivityCode_dev":"22a64_custom_activity","zinreloActivityCode_prod":"c1eb9_custom_activity","powerReviewsSettingsList":"mozu-powerreviews2-sitesettings@mzint","canonicalProtocol":"https","requirejsWaitSeconds":200,"backofficeDateTimeFormat":"m/d/Y H:i:s O","extendedPropertiesEnabled":false,"extendedPropertyParameters":"","isCvvSuppressed":false,"zipCodeEnabled":false,"phoneNumberEnabled":true,"billingEmailEnabled":true,"bannerImage":"/resources/images/banner.jpg","bodyBackgroundColor":"#FFFFFF","defaultPageSize":20,"defaultSort":"createDate asc","enablePartialCaching":true,"recaptchaSiteKey":"6LeedZ8pAAAAAFluPUmYrn1CrInsZMb4Jonk45vl","recaptchaValidityScore":0.5,"fontSize":"14px","gutterWidth":"25px","itemListingThumbSize":80,"listProductThumbSize":160,"maxProductImageThumbnailSize":50,"preselectCountryCode":"US","productImagesContainerWidth":300,"requireCheckoutAgreeToTerms":false,"showAddressTypeDropdown":true,"showBreadcrumbs":true,"showCartItemImage":true,"showCartItemOptions":true,"showCategoryFacets":true,"showChildCategoriesInFaceting":true,"showCheckoutCommentsField":true,"showProductDetailShortDesc":true,"textColor":"#111111","usStates":[{"abbreviation":"AA","name":"Armed Forces Americas (AA)"},{"abbreviation":"AE","name":"Armed Forces Europe (AE)"},{"abbreviation":"AP","name":"Armed Forces Pacific (AP)"},{"abbreviation":"AL","name":"Alabama"},{"abbreviation":"AK","name":"Alaska"},{"abbreviation":"AZ","name":"Arizona"},{"abbreviation":"AR","name":"Arkansas"},{"abbreviation":"CA","name":"California"},{"abbreviation":"CO","name":"Colorado"},{"abbreviation":"CT","name":"Connecticut"},{"abbreviation":"DE","name":"Delaware"},{"abbreviation":"DC","name":"District Of Columbia"},{"abbreviation":"FL","name":"Florida"},{"abbreviation":"GA","name":"Georgia"},{"abbreviation":"HI","name":"Hawaii"},{"abbreviation":"ID","name":"Idaho"},{"abbreviation":"IL","name":"Illinois"},{"abbreviation":"IN","name":"Indiana"},{"abbreviation":"IA","name":"Iowa"},{"abbreviation":"KS","name":"Kansas"},{"abbreviation":"KY","name":"Kentucky"},{"abbreviation":"LA","name":"Louisiana"},{"abbreviation":"ME","name":"Maine"},{"abbreviation":"MD","name":"Maryland"},{"abbreviation":"MA","name":"Massachusetts"},{"abbreviation":"MI","name":"Michigan"},{"abbreviation":"MN","name":"Minnesota"},{"abbreviation":"MS","name":"Mississippi"},{"abbreviation":"MO","name":"Missouri"},{"abbreviation":"MT","name":"Montana"},{"abbreviation":"NE","name":"Nebraska"},{"abbreviation":"NV","name":"Nevada"},{"abbreviation":"NH","name":"New Hampshire"},{"abbreviation":"NJ","name":"New Jersey"},{"abbreviation":"NM","name":"New Mexico"},{"abbreviation":"NY","name":"New York"},{"abbreviation":"NC","name":"North Carolina"},{"abbreviation":"ND","name":"North Dakota"},{"abbreviation":"OH","name":"Ohio"},{"abbreviation":"OK","name":"Oklahoma"},{"abbreviation":"OR","name":"Oregon"},{"abbreviation":"PA","name":"Pennsylvania"},{"abbreviation":"RI","name":"Rhode Island"},{"abbreviation":"SC","name":"South Carolina"},{"abbreviation":"SD","name":"South Dakota"},{"abbreviation":"TN","name":"Tennessee"},{"abbreviation":"TX","name":"Texas"},{"abbreviation":"UT","name":"Utah"},{"abbreviation":"VT","name":"Vermont"},{"abbreviation":"VA","name":"Virginia"},{"abbreviation":"WA","name":"Washington"},{"abbreviation":"WV","name":"West Virginia"},{"abbreviation":"WI","name":"Wisconsin"},{"abbreviation":"WY","name":"Wyoming"}],"useDebugScripts":false,"allowCustomerInitiatedReturns":true,"themeRC":"RC 71","mobileAddToCartPopupTimer":2,"giftcardMessage":"CLAIMING YOUR GIFT CERTIFICATE IS EASY!<br/>Simply type the gift certificate code below and click “Apply” to attach the gift certificate to your account. You may use your total credit balance for any purchase you make today or in future.","GiftcardHeadline":"MY GIFT CERTIFICATE BALANCE","giftcardbalMessage":"You currently have a gift certificate balance of {0}. This balance is available for you to apply to any future purchases here on <a href='https://www.jellybelly.com'>www.jellybelly.com</a>.","shippedMessage":"Hurray! Your order shipped and we sent an email with tracking information. We hope you enjoy your treats and please let us know if anything is amiss!","processingMessage":"Good news! We're in the middle of packing and shipping your order. Keep an eye out for an email with shipping information.","acceptedMessage":"Congratulations! Your order has been received and will be processed as soon as possible.","shippingMethods":"ups_UPS_GROUND,ups_UPS_SECOND_DAY_AIR,ups_UPS_THREE_DAY_SELECT,ups_UPS_NEXT_DAY_AIR_SAVER,ups_UPS_SUREPOST_1LB_OR_GREATER,upssurepost_UPS_SUREPOST_1LB_OR_GREATER,upssurepost_UPS_SUREPOST_LESS_THAN_1LB","editingHelp":true,"allowQuickOrder":true,"newsLetterMarkettingInMyAccount":false,"robots_value":"nofollow","googlebot_value":"index,follow","google-site-verification_value":"nvjYSw4EcnycKd6qG0rARmm8FVaZxyVZjUFQ6fNo1x0","allowWishlist":true,"freeshippingBoundingValue":39,"ALLSTARfreeshippingBoundingValue":29,"MVPfreeshippingBoundingValue":39,"ROOKIEfreeshippingBoundingValue":49,"noFreeShippingId_dev":515,"noFreeShippingId_prod":912,"noFreeShippingSkuList":"7003052,7003051,7003050,7003049,7003048,91704,91705,91707,91706,91703,91702,91701,91700,7003055,7003054,7003053","isshippingCalculationEnabled":true,"isGlobalOverlayEnabled":true,"disableCheckoutModal":false,"reviewsConnection":"powerreviews@jbelly","newLabelThreshold":200,"shipaddress1":"4995 Citation Dr","shipcityOrTown":"Memphis","shipcountryCode":"US","shippostalOrZipCode":38118,"shipstateOrProvince":"TN","shipamtCode":"USD","nostore_url":"/","no_product_image":"missing.gif","breadcrumbsDomain":"jellybelly.com","searchSort":"","bypass_headline1":"Error: Click \"Use this Address\" (below) to proceed with the address as entered.","bypass_headline2":"please understand that:","bypass_warn1":"Your order may not arrive on time (or ever!); and","bypass_warn2":"Jelly Belly is not responsible for any costs associated with orders shipped to invalid addresses.","low_stock_alert":0,"ProductView":["Grid","List"],"defaultProductView":"Grid","pageSizeOptions":[12,24,36,300],"quantityOptions":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25],"showShippingAddressChoosingRadioButton":"none","emailMissing":"Error: Please enter a valid email address","passwordMissing":"Error: Please provide a valid Password, which must have a minimum of 6 characters with at least 1 number and 1 alphabetic character","passwordsDoNotMatch":"Error: Please provide a valid Password, which must have a minimum of 6 characters with at least 1 number and 1 alphabetic character, a second time.","passwordsDoNotMatchforaccount":"Error: Please make sure that the matching Passwords you have entered are valid (at least 6 characters, with at least 1 number and 1 alphabetic character) in each field.","phoneMissing":"Error: Please add your Phone Number. ","streetMissing":"Error: Please add your Street Address. ","cityMissing":"Error: Please add your City or Town.","stateProvMissing":"Error: Please add your State. ","postalCodeMissing":"Error: Please add your Postal Code. ","countryMissing":"Error: Please make a country selection","firstNameMissing":"Error: Please add your First Name. ","lastNameMissing":"Error: Please add your Last Name .","myAccountGiftCertificateItemNotFound":"Sorry, but '{0}' does not appear to qualify as a valid coupon code. Please be sure that you're using the correct code (copy-and-paste may help), that it hasn't expired and that you have met any required threshold.","resetPasswordMessage":"Please make sure your Email Address is correct and that you have an account. Make sure you have included the '@' and the '.' in the address","resetPasswordEntered":"Please make sure you have entered your new Password, which must have a minimum of 6 characters with at least 1 number and 1 alphabetic character, twice.","differentFromPreviousPasswords":"To keep things safe, your new Password cannot be one of your 4 previous Passwords. Please make sure the new Password has a minimum of 6 characters with at least 1 number and 1 alphabetic character.","resetEmailSent":"You should receive an email with instructions to reset your password shortly.","validEmail":"Please enter a valid Email Address and Password combination. Make sure you include the '@' and the '.' in the Email Address and that your Password has a minimum of 6 characters with at least 1 number and 1 alphabetic character.","validPassword":"Error: Sorry, but your password doesn't meet the requirement. Use at least 6 characters, with a minimum of 1 letter and 1 number.","passwordNotMatch":"Sorry, but your Password and Confirm Password entries don't match. Make sure your new Password has a minimum of 6 characters with at least 1 number and 1 alphabetic character.","city":"Error: Please add your City or Town .","addressType":"Error: Please select the appropriate Address Type so that we know where to deliver the package.","chooseShippingMethod":"Error: Please select a shipping method.","cardFormat":"Sorry, but that Card Number appears to be invalid, as it is in an unrecognized format.","cardType":"Error: Please select your Card Type","cardNumber":"Error: Please enter your Card Number ","nameOnCard":"Error: Please enter the Name shown on your card. ","expires":"Error: Please enter an Expiration Date in the future. ","validEmialSignUp":"Error: Please be sure to provide your Email Address. Make sure you have included the '@' and the '.' in the address.","validPasswordSecond":"Error: Please provide a valid Password, which must have a minimum of 6 characters with at least 1 number and 1 alphabetic character, a second time.","missingcredentials":"Sorry, but you need to enter an Email Address and Password.","alreadyassociated":"Error: Sorry, but that Email Address is already associated with an account on our site","lockedaccount":"Error: Sorry, but you've exceeded the allowable number of attempts. Contact us and we'll help.","zinreloPointMultiplier":10,"storeiframeurl":"https://hosted.where2getit.com/jellybelly/productlocator-0908.html","searchCategoryId":"335"},"labels":{"dateFormat":"F j, Y","logOut":"Log Out","logIn":"Log In","logIn2":"Log In To Your Account ","anonOrderNumberMissing":"The order number you provided was not found. Please validate the order number and try again or contact customer service.","anonAuthError":"Sorry, the information you provided did not match our records. Please check the information that you provided and try again or contact the customer service department.","signUp":"Sign up for a Jelly Belly Account to:","signUpLink":"Create an Account","forgotPassword":"Forgot your password?","orderStatus":"Order Status","order":"Order","verifyWith":"Verify With","verification":"Verification Data (phone or email)","billingPostalCode":"Billing Zip Code","billingPhoneNumber":"Billing Phone Number","viewCart":"View Cart","search":"Search for Jelly Belly Products","searchLabel":"Search Button","of":"of","or":"or","from":"from","all":"All","save":"Save","add":"Add","allRightsReserved":"All rights reserved.","poweredBy":"Powered by Mozu Shopping Cart","product":"Product Details","item":"Item","price":"Price","qty":"Quantity","qtypdp":"Qty","each":"Each","total":"Order Total","subtotal":"SubTotal","tax":"Tax","taxDuty":"Duties and Taxes","shippingHandling":"Shipping & Handling","additionalHandling":"Additional Handling","digitalCreditTotal":"Less: Gift Cards","digitalCreditSubtractFromOrderPrefix":"(","digitalCreditSubtractFromOrderSuffix":")","remainingBalance":"Remaining Balance","clear":"Clear","cancel":"Cancel","sendEmail":"Send Email","productCode":"Product Code","remove":"Remove","del":"Delete","edit":"Edit","next":"Next","submit":"Submit","actions":"Actions","status":"Status","comments":"Comments","couponCode":"Coupon Code","couponDisclaimer":"Note: \"{0}\" may be reflected in checkout.","apply":"Apply","nameOnCheck":"Name On Check","routingNumber":"Routing Number","checkNumber":"Check Number","cardType":"Card Type","cardNumber":"Card Number","nameOnCard":"Name On Card","expires":"Expires","securityCode":"Security Code","phone":"Phone","email":"Email","emailAddress":"Email Address","creditCard":"Credit Card","newCreditCard":"New Credit Card","savedCreditCard":"Saved Credit Card","selectSavedCreditCard":"Select a credit card","change":"change","removePayment":"remove","editSavedCard":"Edit saved credit card information","ccVisa":"Visa","ccMastercard":"MasterCard","ccAmericanExpress":"American Express","ccDiscover":"Discover","ccJcb":"JCB","payPal":"PayPal Express","payWithAmazon":"Pay With Amazon","password":"Password","newPassword":"New Password","oldPassword":"Old Password","passwordChanged":"Password successfully changed","confirmPassword":"Confirm Password","billingContact":"Billing Contact","shippingContact":"Shipping Contact","firstName":"First Name","lastName":"Last Name","address":"Address","addressType":"Address Type","residential":"Residential","commercial":"Commercial","city":"City","country":"Country","state":"State","province":"Province","stateOrProvince":"State/Province","postalCode":"Zip/Postal Code","postalTown":"Postal Town","freeShipping":"Free Shipping","trackingNumber":"Tracking Number","previousPage":"Previous","nextPage":"Next","pageStatePlural":"Showing {0} - {1} of {2} products","pageStateSingular":"Showing 1 product","show":"Show:","resultsPerPage":"results per page","sortBy":"Sort By","default":"Popularity","sortByPriceAsc":"Price: Low to High","sortByPriceDesc":"Price: High to Low","sortByNameAsc":"name: A-Z","sortByNameDesc":"name: Z-A","sortByDateAsc":"Oldest","sortByDateDesc":"Newest","registeredCustomer":"Registered customer?","register":"Register","stackTrace":"Details","pleaseSelect":"Please Select","forgotPasswordLink":"Forgot password?","resetPassword":"Forgot Password?","resetEmailSent":"You should receive an email with instructions to reset your password shortly.","resetPasswordDone":"Your new password has been set. Please <a href=\"/user/login\">login</a>.","unexpectedError":"Sorry, an unexpected error occurred. Please refresh the page and try again, or contact support.","navMore":"More...","searchResults":"Search Results","searchTitle":"Search Results for {0}","noResultsTitle":"No results for {0}","noResults":"No Results","noResultsText":"We're sorry! No results were found matching your query.","searchResultsSummary":"Your search for \"{0}\" within {1} returned {2} results. <a href=\"#\" data-mz-action=\"expandSearch\">Repeat this search across all categories.</a>","cart":"Shopping Cart","itemTotal":"Item Total","cartEmpty":"You have no items in your cart.","taxAtCheckout":"Tax & Shipping Calculated at Checkout","orderTotal":"Order Total","emptyCart":"Empty Cart","proceedToCheckout":"Proceed to Checkout","storePickupAt":"In-Store Pickup at <strong>{0}</strong>","checkout":"Secure Checkout","awsChangeAddress":"Change your Amazon shipping information","aswChangeBilling":"Change your Amazon payment information","awsCheckout":"Shipping & Billing Summary","awsAddressWarning":"Note: For security reasons, if you change the shipping information, this order will not be eligible for Amazon payment protection.","awsPaymentWarning":"Note: For security reasons, if you change the payment or billing information, this will no longer be a pay with Amazon transaction.","awsNoShippingOptions":"No shipping methods found for selected address","continue":"Continue","orderSummary":"Order Summary","shippingInformation":"Shipping Information","noFulfillmentInfoRequired":"Because this order will be sent electronically (via email) to the recipient, no shipping information is required.","selectValidAddress":"Select an address from these alternatives:","addressValidationError":"Address validation failed, but you can BYPASS this step (see below).","suggestionNum":"Suggestion #{0}","shippingMethod":"Shipping Method","noShippingMethods":"An error occurred while determining shipping methods. Please <a href=''>refresh</a> this page or contact our Consumer Affairs department <a href='tel:+1-800-522-3267' rel='noopener noreferrer'>1-800-522-3267</a> Monday - Friday from 7 AM to 5 PM PST to complete your order.","digitalFulfillmentContact":"Digital Gift Card Recipient's Information","paymentInformation":"Payment Information","saveCard":"Save credit card information","saveCard2":"To save Credit Card info and make future ordering simple,","billingAddress":"Billing Address","savedPaymentMethods":"Saved Cards","selectSavedPaymentMethod":"Select a saved card","enterNewPaymentMethod":"Enter a new payment method","paymentType":"Payment Type","selectPaymentType":"Select a payment type","paypalExpress":"PayPal Express","payPalTagline":"The safer, easier way to pay.","paypalExpressInfo":"When you click 'Next', you will be taken to PayPal to complete your transaction.","paypalExpressSummary":"This transaction will be processed by PayPal Express.","paypalExpressCancelled":"The Paypal Express transaction was cancelled.  Please select another payment method.","checkByMail":"Check by Mail","useShippingAddress":"Use my shipping address","optIn":"Yes! I want to receive news and special offers from Jelly Belly!","promoCodeError":"Sorry, but '{0}' does not appear to qualify as a valid coupon code. Please be sure that you're using the correct code (copy-and-paste may help), that it hasn't expired and that you have met any required threshold.","promoCodeError1":"Sorry, but '{0}' does not appear to qualify as a valid Gift card or store credit code. Please be sure that you're using the correct code (copy-and-paste may help), that it hasn't expired and that you have met any required threshold.","reviewOrder":"Review & Place Order","reviewOrderText":"Please review all of the information on this page and, if necessary, make changes before placing your order.","recalculatePayments":"Your order total has changed. Please re-enter your payment information to recalculate payment.","agreeToTerms":"I agree to the terms &amp; conditions.","createAccount":"Create an account for easy checkout on future orders","placeOrder":"Place Order","orderConfirmation":"Order Confirmation","yourOrderNumber":"Thank you for your order! Your order number is <strong>{0}</strong>.","yourOrderNumbertext1":"Thank you for your order!","yourOrderNumbertext2":" Your order number is <strong>{0}</strong>.","confirmationText":"You will receive an email confirmation.","payments":"Payments","orderDetails":"Order Details","orderNumber":"Order Number","subscriptionNumber":"Subcription Number","orderNo":"Order #","orderDate":"Order Date","orderWelcome":"Hello","storePickupFor":"Store Pickup for <strong>{0}</strong>","storeName":"Store Name","itemCancelBlob1":"The following item(s) from order #{0} have been cancelled.","itemCancelBlob2":"Full credit for any cancelled items will be applied to the payment method you used to place your order. To place a new order, please order through JellyBelly.com. We apologize for any inconvenience this has caused.","orderCancelBlob0":"Thank you for shopping with Jelly Belly. Unfortunately, we are unable to fulfill your recent order.","orderCancelBlob1":"The following item(s) from order <strong>#{0}</strong> have been cancelled.","orderCancelBlob2":"Order Cancellations can happen for various reasons, including but not limited to:","orderCancelBlob3a":"Invalid Payment Form (Jelly Belly accepts payment from US Based Credit Cards, Amazon Pay or PayPal) ","orderCancelBlob3b":"Out of Stock Items","orderCancelBlob3c":"Unable to Verify or Process Order","orderCancelBlob4":"If you have any questions, please visit <a style=\"font-weight:normal;font-size:14px;font-family:Helvetica,Arial,sans-serif;text-decoration:underline;padding:0\" href=\"https://www.ferrara.com/contact-us/\">https://www.ferrara.com/contact-us</a> or call 1-800-JB-BEANS (522-3267) Monday – Friday from 8:30AM – 5:00PM ET","orderCancelBlob5":"To place a new order, please order through <a style=\"font-weight:normal;font-size:14px;font-family:Helvetica,Arial,sans-serif;text-decoration:underline;padding:0\" href=\"https://www.jellybelly.com/\">JellyBelly.com</a>. We apologize for any inconvenience this has caused.","orderCancelBlob6":"Full credit for any cancelled items will be applied to the payment method you used to place your order. ","orderConfirmationBlob1":"<p>We appreciate that you've chosen to buy our high-quality products directly from the source. And did you know that we have much more than jelly beans? We also make chocolate items, gummi products, candy corn and other mellocremes, and much more!</p>","checkOrderStatus":"Check Order Status","emailOpening":"<p>Hello {0}!</p>","emailOpeningAlternative":"<p>Hello!</p>","emailClosing":"<p>Sincerely,<br /><br />Customer Service </br> {0}</p>","emailClosingConsumerAffairs":"<p style=\"font-family:Helvetica,Arial,sans-serif\">Sweet Regards,<br />The Jelly Belly Team</p>","inStockBlob1":"<p>Thank you for shopping at {0}!  We have good news for you-- we now have the following item(s) in stock:</p>","inStockBlob2":"<p>TO ADD THE ITEMS TO YOUR CART: <a href=\"http://{0}/p/{1}\">CLICK HERE</a>.</p>","orderShipped":"Your Order Has Shipped","orderShippedPkgHeader":"Shipped {0} via {1}","orderShipmentBlob1":"<p>We know you can’t wait to get your Jelly Belly order and now it’s on the way! Please see below for the details.</p>","orderShipmentBlob2":"<p> We really hope you enjoy your Jelly Belly treats! </p>","returnApprovedBlob1":"<p>Thank you for shopping at {0}. Your request to return the following item(s) has been accepted.</p>","returnApprovedBlob2":"<p>To return your online purchase:</p><ol><li>Pack your return in the original shipping package, if possible.</li><li>Include the attached packing slip and return label, and indicate the reason for the return.</li><li>Include all original packing materials and accessories.</li><li>Send your return to:</li></ol>","returnApprovedBlob3":"<p>You will receive another email when we receive the returned item(s).</p>","returnRejectedBlob1":"<p>Thank you for shopping at {0}. We regret to inform you that your request to return the following item(s) has been rejected:</p>","returnRejectedBlob2":"<p>If you would like more information about our return and exchange policy, please visit our Return & Exchange Policy page.</p>","returnReceivedBlob1":"<p>Thank you for shopping at {0}. We wanted to let you know that we have received the following returned items:</p>","returnReceivedBlob2":"<p>You will receive another email when we have processed your return.</p>","returnOtherBlob1":"<p>Thank you for shopping at {0}. We wanted to let you know that your return status is now {1}.</p>","returnOtherBlob2":"<p>You will receive another email when we have processed your return.</p>","returnClosedBlob1":"<p>Please be informed that we have completed processing your refund request. You will receive your refund within 3-5?? business days using the original payment method used when the purchase was placed.</p>","returnClosedBlob2":"<p>If you require any additional assistance, please feel free to contact customer service</p>","orderRefundBlob":"<p>Thank you for shopping at {0}. We wanted to let you know that a refund has been applied to your order.</p>","itemsShipped":"Shipment Details","newUserEmailSalutation":"Welcome to {0}","newUserEmailNotification":"Your customer account has been created and you can log in anytime at <a href=\"http://{0}/\">http://{0}/</a> as {1}.","emailPasswordTop":"<p>We received a request to reset the password associated with this email address and the username {0}.  If you made this request, please click the link below, or copy and paste it into your browser's address window:</p>","emailPasswordBottom":"<p>For security purposes, this link remains active only for the next 72 hours. If you did not make this password reset request, then ignore this email.  Thank you for shopping at {0}.</p>","billingInformation":"Billing Information","billingName":"Billing Name","billingPhone":"Billing Phone","billingEmail":"Billing Email","billing":"Billing","storeCredits":"Store Credits","storeCreditAvailable":"You have the following store credits available:","storeCreditApplied":"You have applied the following store credits to your order:","digitalCredits":"Gift Card or Store Credit","digitalCreditCode":"Gift Card or Store Credit Code","coupncodeNote":"Note: The field for Coupon Codes is above.","digitalCreditBalance":"Available Amount","digitalCreditAmtToUse":"Amount to Apply","digitalCreditRemainder":"Remainder","digitalCreditAddToAccount":"Add to my account","digitalCreditApplied":"You have applied the following gift card or store credit payments to your order:","remainingTotal":"Your remaining total is: ","applyCredit":"Apply Credit","mailCheckTo":"Mail check to","shipTo":"Ship to","shippedTo":"Shipped to","giftMessage":"Gift Message","customerAlreadyExists":"Sorry, but an account for {0} already exists. <a href=\"/user/login?returnUrl={1}\">Login as this customer</a>","noPaymentRequired":"Your total is {0}, so no payment method is required.","noPaymentWasRequired":"Your total was {0}, so no payment method was required.","giftCardEmailBanner":"<!--<a href=\"{0}\"><img src=\"//:0\"/></a>-->","giftCardEmailGreeting":"Hello {0} {1},","giftCardEmailImage":"<!--<a href=\"{0}\"><img src=\"//:0\"/></a>-->","giftCardEmailIntro":"<p>Thank you for purchasing a {0} Gift Card.  Do not delete this message -- to redeem the gift card you must use the gift card claim code below.  You may want to print a copy of this message for easy reference later.</p>","giftCardEmailAmount":"Gift Card Amount:","giftCardEmailClaimCode":"Claim Code:","giftCardEmailInstructions":"Follow these steps to redeem the gift card:<ul><li>Visit <a href=\"http://{0}\">{0}</a></li> <li>Enter the Claim Code when prompted during checkout.</li>   <li>Gift card funds will then be applied automatically to orders.<br/>NOTE: if you have an account, the remaining funds will be added to your account.  If you do not have an account, you will need to use the claim code again to use the remaining funds on any future purchases.</li> <li>You must pay for any remaining balance on your order with another payment method.</li>  </ul>","giftCardEmailClosing":"<p> If you have questions about redeeming your gift card, please visit <a href=\"http://{0}\">{0}</a> </p> <p>Sincerely,</p><p>Customer Service</p>","errorApology":"Sorry, an error occurred.","errorDetail":"Our software encountered an error it couldn't resolve.","myAccount":"My Account","yourAccount":"My Account","accountSettings":"ACCOUNT INFO","accountMyWishlist":"MY WISHLIST","accountYourWishlist":"Your Wishlist","accountNoWishlists":"You do not have any wishlist items.","accountNoOrders":"You have not placed any orders.","accountNoReturns":"You have not requested any returns.","accountNoCredits":"You have no store credits.","mySubscription":"MY SUBSCRIPTIONS","orderHistory":"MY ORDERS","paymentMethod":"Payment Method","paymentMethods":"SAVED CARDS","addressBook":"ADDRESS BOOK","storeCredit":"Store Credit","digitalCredit":"Gift Cards & Store Credits","accountOptIn":"Alerts sms and news letter","viewOrderHistory":"View order history","changePassword":"Change Password","shipped":"Shipped","trackPackage":"Track Package","return":"Return","returns":"RETURNS","refund":"Refund","replace":"Replace","returnOrReplace":"Return or Replace Items","returnRequestDate":"Return Request Date","addNewCard":"Add new card","noSavedCards":"You have no saved cards.","confirmDeleteCard":"Are you sure you want to delete the credit card {0}?","contactType":"Type","primary":"Primary","addNewContact":"Add new address","noSavedContacts":"You have no saved addresses.","confirmDeleteContact":"Are you sure you want to delete the address {0}?","confirmDeleteContact2":"This will delete all associated credit cards!","removeFromWishlist":"Remove From Wishlist","addedToCart":"{0} has been added to your cart.","leaveOnWishlist":"Leave On Wishlist","confirmRemoveFromWishlist":"Are you sure you want to remove {0} from your wishlist?","selectBillingAddress":"Select Billing Address","enterNewAddress":"Enter New Address","reasonForReturn":"Reason for Return","quantityToReturn":"Quantity to Return","optionalComments":"Comments (Optional)","returnType":"Return Type","returnInfo":"Please fill out this form to request a return. Returns are requested per item, rather than per order or shipment. View the <a href=\"/returnpolicy\" target=\"_blank\">Return Policy</a> to learn more.","returnTotal":"Return Total","returning":"Returning","returnDetails":"Return Details","returnNumber":"RMA #","enterStoreCredit":"Enter Store Credit Number","storeCreditNumber":"Store Credit Number","enterDigitalCredit":"Enter Gift Card or Store Credit Code","digitalCreditAvailable":"You have the following gift cards & store credits available:","digitalCreditsAnchor":"giftcards","creditDate":"Credit Date","creditAmount":"Credit Amount","remaining":"Remaining","totalCreditBalance":"Total Credit Balance","pageNotFound":"Page Not Found","genericRequired":"This field is required","genericAcceptance":"{0} must be accepted","genericMin":"{0} must be greater than or equal to {1}","genericMax":"{0} must be less than or equal to {1}","genericRange":"{0} must be between {1} and {2}","genericLength":"{0} must be {1} characters","genericMinLength":"{0} must be at least {1} characters","genericMaxLength":"{0} must be at most {1} characters","genericRangeLength":"{0} must be between {1} and {2} characters","genericOneOf":"{0} must be one of: {1}","genericEqualTo":"{0} must be the same as {1}","genericPattern":"{0} must be a valid {1}","genericNotFound":"Item was not found","phoneMissing":"Error: Please add your Phone Number.","streetMissing":"Error: Please add your Street Address.","cityMissing":"Error: Please add your City or Town.","stateProvMissing":"Error: Please add your State.","postalCodeMissing":"Error: Please add your Postal Code.","countryMissing":"Error: Please make a country selection","firstNameMissing":"Error: Please add your First Name.","lastNameMissing":"Error: Please add your Last Name.","paymentTypeMissing":"Error: Please select a payment type","selectASavedCard":"Error: Please select a saved card","cardTypeMissing":"Error: Please select your Card Type","cardNameMissing":"Error: Please enter the Name shown on your card","cardNumberMissing":"Error: Please enter your Card Number","cardExpInvalid":"Error: Please enter an Expiration Date in the future.","securityCodeMissing":"Error: Please enter your card's CVV (Security Code)","reenterCVV":"Error: Please verify your card's security code","cardBillingMissing":"Error: Please select a billing contact for this credit card.","emailMissing":"Error: Please enter a valid email address","passwordMissing":"Error: Please provide a valid Password, which must have a minimum of 6 characters with at least 1 number and 1 alphabetic character","passwordsDoNotMatch":"Error: Please provide a valid Password, which must have a minimum of 6 characters with at least 1 number and 1 alphabetic character, a second time","chooseShippingMethod":"Error: Please select a shipping method.","didNotAgreeToTerms":"You must agree to the terms and conditions","enterProductQuantity":"Please enter a product quantity above 0","enterReturnReason":"Please select a return reason.","enterReturnQuantity":"Please enter a quantity above 1 to return.","enterOtherComments":"Please enter a comment explaining the reason for this return.","other":"Other (please comment)","missingParts":"Missing parts or accessories","damaged":"Product, box or envelope are damaged","differentExpectations":"Different from what was expected","defective":"Defective - does not work properly","noLongerWanted":"No longer needed/wanted","late":"Arrived too late","wrongCountryForType":"Please select a country supported for this contact type","digitalCodeAlreadyUsed":"This code has already been used.","digitalCreditExceedsBalance":"The amount to apply exceeds the total remaining.","digitalCreditNoRemainingFunds":"This code has no remaining funds.","digitalCreditNotYetActive":"This code does not become active until {0}.","digitalCreditExpired":"This code expired on {0}.","clearAllFilters":"Clear All Filters","productImagePlaceholder":"[no image]","packageWeight":"Package Weight","shortDesc":"Summary","options":"Options","addToCart":"Add to Cart","notPurchasable":"Not Purchasable","addToWishlist":"Wishlist","addedToWishlist":"Added","fullDesc":"Description","bundleContents":"Bundle Contents","properties":"Properties","measurements":"Measurements","noImages":"no image","more":"more","checkLocalStores":"Check Local Stores","mfgPartNumber":"Mfg. Part Number","msrp":"MSRP","upc":"UPC","weight":"Weight","length":"Length","width":"Width","height":"Height","localStores":"Local Stores","findAtLocalStore":"Find it at a Local Store","locationWait":"We're searching for local stores. Your browser may ask for permission to use your location. Click \"Allow\" to sort the search results by distance.","locationWaitProd":"We're searching local stores for <strong>{0}</strong>. Your browser may ask for permission to use your location. Click \"Allow\" to sort the search results by distance.","storeInformation":"Store Information","storePickup":"Store Pickup","outOfStock":"Out of stock","availableNow":"Available Now","noNearbyLocations":"No nearby locations could be found.","noNearbyLocationsProd":"No nearby locations could be found for this product.1","milesAway":"{0} miles away","positionError":"Your position could not be determined. Displaying stores out of order.","notifyWidgetHeader":"Enter your email to be notified when this product is back in stock.","notifyWidgetButton":"Notify Me","notifyWidgetSuccess":"THANK YOU! We will send you an email when this product is back in stock.","notifyWidgetError":"Error: There was an error subscribing. Please try again.","dealOfTheDay":"Deal of the Day","visaCheckoutEditReminder":"For security reasons you cannot edit the credit card information from Visa Checkout. If you proceed, your Visa Checkout details will be removed and this order will be processed without Visa Checkout.","selectSavedAddress":"Select a saved address","addAddress":"Add new address","editAddress":"Edit saved address","january":"January","february":"February","march":"March","april":"April","may":"May","june":"June","july":"July","august":"August","september":"September","october":"October","november":"November","december":"December","shortJanuary":"Jan","shortFebruary":"Feb","shortMarch":"Mar","shortApril":"Apr","shortMay":"May","shortJune":"Jun","shortJuly":"Jul","shortAugust":"Aug","shortSeptember":"Sep","shortOctober":"Oct","shortNovember":"Nov","shortDecember":"Dec","sunday":"Sunday","monday":"Monday","tuesday":"Tuesday","wednesday":"Wednesday","thursday":"Thursday","friday":"Friday","saturday":"Saturday","shortSunday":"Sun","shortMonday":"Mon","shortTuesday":"Tue","shortWednesday":"Wed","shortThursday":"Thu","shortFriday":"Fri","shortSaturday":"Sat","orderQty":"Qty","description":"Description","orderPrice":"$","delete":"Delete","companyName":"Company Name","address1":"Address 1","address2":"Address 2","pageStateSearchPlural":"{0} - {1} of {2} Search Results for {3} products","pageStateSearchSingular":"Showing 1 Search Result for {0}","jbNoSearchResultText":"\"{0}\"","jbSearchPhrasesSuggetions":"","editCart":"Back to Cart","addressValidationErrorLine1":"Address validation failed, but you can BYPASS this step (see below).","addressValidationErrorLine2":"Please check the address you entered and try again.","contToShipMethod":"Continue to Shipping Method","contToPayInfo":"Continue to Payment Information","cont":"Continue","submitOrder":"Submit Order","accountNavHead":"PERSONAL INFORMATION","accountQuickOrder":"QUICK ORDER","giftCards":"GIFT CARDS / STORE CREDITS","tooLate":"Arrived too late","view":"View:","exploreOurProducts":"Explore Our Products","sort":"Sort","refine":"Filter By","shopnow":"SHOP HOME","resetall":"Reset All","shipbillInternationally":"SHIP/BILL INTERNATIONALLY","promoCodeAlreadyUsed":"Sorry Coupon Code Already Used","passwordStrong":"Password must be at least 4 characters, no more than 8 characters, and must include at least one upper case letter, one lower case letter, and one numeric digit.","minPasswordReqs":"Create a password with at least 6 characters, containing at least 1 number and 1 alphabetic character. Please don’t use a password from another site or something too obvious (like “password” or your name).","giftCardLabelGeneric":"You’re the lucky recipient of a Jelly Belly Gift Card from {0} {1}! {2} thinks you're special enough to enjoy our gourmet candy, whether you choose our famous true-to-life jelly beans, gummi candies or other gourmet confections.","giftCardLabelHappyBirthday":"Happy Birthday – you're the lucky recipient of a Jelly Belly Gift Card from {0} {1}! {2} thinks you should enjoy our gourmet candy on your special day.  Since it’s your birthday, you get to choose to treat yourself with our famous true-to-life jelly beans, gummi candies or our other gourmet confections.","giftCardLabelThankYou":"You are appreciated and you're the lucky recipient of a Jelly Belly Gift Card from {0} {1}! {2} thinks you're special enough to enjoy our gourmet candy.  Reward yourself with our famous true-to-life jelly beans, gummi candies or our other gourmet confections.","giftCardLabelCongratulations":"You've done something special and you're the lucky recipient of a Jelly Belly Gift Card from {0} {1}! {2} thinks you should celebrate by enjoying our gourmet candy.  Reward yourself with our famous true-to-life jelly beans, gummi candies or our other gourmet confections.","myAccountGiftCertificateItemNotFound":"Error: Sorry, but we didn't find that code. Please check it and try again.","resetPasswordMessage":"Error: Please make sure your email address is correct.","loginFailedMessage":"Unfortunately, login as {0} failed. Please check your information and try again. If you attempt to login with the wrong password too many times, your account will be locked.  Please contact Customer Service to have your account unlocked.","userNotFountError":"Error: Unfortunately, {0} is not a registered email address. Please click the Sign Up link to begin creating your account.","resetPasswordEntered":"Error: Please make sure you have entered your new Password twice.","emailaccountcreation":"You will have an opportunity to create an account during checkout.","emaillogin":"Login for quick and easy checkout","emailguest":"Continue Guest Checkout","paypamsg":"When you click 'Next', you will be taken to PayPal to complete your transaction.","savedPyamentMethodtooltip":"Saved Cards can be updated in the “Saved Cards” section of the My Account page.  Please see the FAQ section of this page for more information.","loginmodeltabhead":"Continue as Guest or Login","loginmodelguesttab1":"Continue as Guest","loginmodelguesttab2":"Login & Continue","reset":"Reset","storecreditmessage":"Your Store Credit, Sweet Rewards redemption, or other credit of {0} doesn't cover the cost of your order.  Please provide Credit Card or PayPal or Amazon information to make up the difference.","signuperror":"Thanks for trying to register, but there is already an account with that email address. Please visit the <a href='/user/forgotpassword' title='forgot password'>Forgot Password</a> page to update your password or <a href='/contact-us' title='contact us'>Contact Us</a> for additional assistance.","ooserror":"*** At least one of your items is now out-of-stock. Please scroll down to make changes. ***","shippingAKHI":"Shipping to AK, HI, or a Military address can take up to 6 weeks for delivery.","checkoutOos":"Whoops! {0} doesn’t have enough inventory right now.  Please reduce the quantity or remove this from your order.  Don’t forget to sign up for an In-Stock Notification!","bypass_headline1":"Error: Click \"Use this Address\" (below) to proceed with the address as entered.","bypass_warn1":"Your order may not arrive on time (or ever!); and","bypass_warn2":"Jelly Belly is not responsible for any costs associated with orders shipped to invalid addresses.","cartTax":"*Shipping or Tax will be calculated when you enter a shipping address in checkout.","printWindowCancelButton":"Cancel","printWindowPrintButton":"Print","orderItemsNotShipped":"Shipping Soon","orderItemsPickup":"Pick up in store","orderDigitalItems":"Fulfilled Digital Products","returnCreated":"Return Created","returnPrintLabelButton":"Print","economyGround":"Basic Economy Ground"},"siteContext":{"themeId":"~77330~79283","generalSettings":{"websiteName":"Jelly Belly (r) candy","siteTimeZone":"Central Standard Time","siteTimeFormat":"hh:mm:ss tt","adjustForDaylightSavingTime":false,"allowAllIPs":false,"senderEmailAddress":"jbdirect@jellybelly.com","senderEmailAlias":"Jelly Belly Candy Company","cdnCacheBustKey":"_1770239704996","bccEmailAddress":"bpergakis@jellybelly.com","replyToEmailAddress":"jbdirect@jellybelly.com","supressedEmailTransactions":{"backInStock":false,"orderChanged":false,"orderShipped":false,"orderFulfillmentDetailsChanged":false,"shopperLoginCreated":false,"shopperPasswordReset":false,"returnCreated":false,"returnAuthorized":false,"returnUpdated":false,"returnRejected":false,"returnCancelled":false,"returnClosed":false,"refundCreated":false,"storeCreditCreated":false,"storeCreditUpdated":false,"giftCardCreated":false,"orderCancellation":false,"backorder":false,"shipmentConfirmation":false,"orderPickupReady":false,"orderPickupReminder":false,"shipmentBackorderDateChanged":false,"shipmentItemCanceled":false,"shipmentAssigned":false,"transferShipmentCreated":false,"transferShipmentShipped":false,"partialPickupReady":false,"transferShipmentCreatedByFulfiller":false,"intransitConfirmation":false,"curbsideReady":false,"partialCurbsideReady":false,"gatewayGiftCardCreated":false},"logoPath":"","logoText":"","favIconMobilePath":"","favIconPath":"","desktopTheme":{"id":"~77330~79283"},"tabletTheme":{"id":"~77330~79283"},"googleAnalyticsCode":"UA-75177-29","isGoogleAnalyticsEnabled":false,"isGoogleAnalyticsEcommerceEnabled":false,"isWishlistCreationEnabled":true,"isMultishipEnabled":false,"allowInvalidAddresses":false,"isAddressValidationEnabled":true,"isRequiredLoginForLiveEnabled":false,"isRequiredLoginForStagingEnabled":false,"customCdnHostName":"cdn-tp1.mozu.com","emailTypes":[{"enabled":null,"id":"SubscriptionItemQuantityUpdated","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"StoreCreditUpdated","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"ReturnCancelled","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"OrderFulfillmentDetailsChanged","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"SubscriptionShippingInfoUpdated","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"IntransitConfirmation","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"TransferShipmentCreated","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"SubscriptionOrderReminder","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"GatewayGiftCardCreated","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"OrderShipped","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"SubscriptionOrderedNow","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"PartialPickupReady","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"ShopperLoginCreated","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"ShipmentItemCanceled","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"OrderChanged","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"Backorder","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"AccountDenied","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"ShipmentAssigned","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"QuoteReadyForCheckout","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"GiftCardCreated","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"SubstitutionPaymentRequired","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"QuoteExpired","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"PartialCurbsideReady","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"SubscriptionErrored","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"BackInStock","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"CustomerAtCurbside","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"CurbsideReady","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"OtpForLogin","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"SubscriptionPaused","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"ReturnUpdated","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"ReturnAuthorized","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"OrderItemsCanceled","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":"bryan.pergakis@ferrara.com","onlyOnApiRequest":null},{"enabled":null,"id":"ShopperPasswordReset","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"SubscriptionItemsCancelled","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"ReturnRejected","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"StoreCreditCreated","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"TransferShipmentShipped","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"OrderCancellationFailed","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"SubscriptionNextOrderDateUpdated","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"ShipmentConfirmation","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"RefundCreated","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":"nbrown@jellybelly.com","onlyOnApiRequest":null},{"enabled":null,"id":"SubscriptionItemAdded","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"CustomerIntransit","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"OrderCancellation","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":"bryan.pergakis@ferrara.com","onlyOnApiRequest":null},{"enabled":null,"id":"SubscriptionPaymentUpdated","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"TransferShipmentCreatedByFulfiller","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"SubscriptionSkipped","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"DigitalItemFulfilled","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"SubscriptionCancelled","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"SubscriptionActivated","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"SubscriptionPauseLimitReminder","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"ItemSubstituted","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"AccountInactive","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"ReturnCreated","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"DeliveryDateUpdated","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"OrderPickupReady","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"ShipmentBackorderDateChanged","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"QuoteInReview","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"ReadyForDelivery","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"AccountCreated","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"OrderPickupReminder","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"ReturnClosed","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"SubscriptionFrequencyUpdated","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null},{"enabled":null,"id":"SubscriptionPausedReminder","senderEmailAddressOverride":null,"senderEmailAliasOverride":null,"replyToEmailAddressOverride":null,"bccEmailAddressOverride":null,"onlyOnApiRequest":null}],"enforceSitewideSSL":true,"smsTypes":[{"enabled":null,"id":"IntransitConfirmation"},{"enabled":null,"id":"OrderConfirmation"},{"enabled":null,"id":"ShipmentFulfilled"},{"enabled":null,"id":"ShipmentItemCanceled"},{"enabled":null,"id":"ShipmentAssigned"},{"enabled":null,"id":"CustomerAtCurbside"},{"enabled":null,"id":"CurbsideReady"},{"enabled":null,"id":"CustomerAtStore"},{"enabled":null,"id":"CustomerIntransit"},{"enabled":null,"id":"StoreItemsCanceled"},{"enabled":null,"id":"OrderPickupReady"},{"enabled":null,"id":"OrderPickupReminder"},{"enabled":null,"id":"OptOutAcknowledgement"}],"supressedSmsTransactions":{"shipmentItemCanceled":false,"shipmentAssigned":false,"customerAtCurbside":false,"customerIntransit":false,"intransitConfirmation":false,"orderConfirmation":false,"shipmentFulfilled":false,"curbsideReady":false,"storeItemsCanceled":false},"is2FAAlwaysRequired":false,"is2FARequiredOnFingerprintChange":false,"is2FARequiredOnRegionChange":false,"isEmailOtpLoginAllowed":false},"checkoutSettings":{"customerCheckoutType":"LoginOptional","paymentProcessingFlowType":"AuthorizeOnOrderPlacementAndCaptureOnOrderShipment","payByMail":false,"useOverridePriceToCalculateDiscounts":false,"isPayPalEnabled":false,"purchaseOrder":{"isEnabled":false,"allowSplitPayment":false,"customFields":[],"paymentTerms":[]},"supportedCards":{"amex":"AMEX","discover":"DISCOVER","mc":"MC","visa":"VISA"},"visaCheckout":{"isEnabled":false},"externalPaymentWorkflowSettings":[{"name":"PAYPALEXPRESS","namespace":"tenant","fullyQualifiedName":"tenant~PAYPALEXPRESS","isEnabled":false,"credentials":[]},{"name":"VisaCheckout","namespace":"tenant","fullyQualifiedName":"tenant~VisaCheckout","isEnabled":false,"credentials":[{"displayName":"ClientId","apiName":"CLIENTID","inputType":"TextBox","vocabularyValues":[]},{"displayName":"ApiKey","apiName":"APIKEY","inputType":"TextBox","vocabularyValues":[]}]},{"name":"PayPalExpress2","namespace":"mzint","fullyQualifiedName":"mzint~PayPalExpress2","isEnabled":true,"credentials":[{"displayName":"Environment","apiName":"environment","value":"production","inputType":"RadioButton","vocabularyValues":[{"key":"production","contents":[{"localeCode":"en-US","value":"Production"}]},{"key":"sandbox","contents":[{"localeCode":"en-US","value":"Sandbox"}]}]},{"displayName":"Merchant account ID","apiName":"merchantAccountId","value":"397GLJ7YC88K2","inputType":"TextBox","vocabularyValues":[]},{"displayName":"Order Processing","apiName":"orderProcessing","value":"AuthAndCaptureOnOrderPlacement","inputType":"RadioButton","vocabularyValues":[{"key":"AuthAndCaptureOnOrderPlacement","contents":[{"localeCode":"en-US","value":"Authorize and Capture on Order Placement"}]},{"key":"AuthOnOrderPlacementAndCaptureOnOrderShipment","contents":[{"localeCode":"en-US","value":"Authorize on Order Placement and Capture on Order Shipment"}]}]}]},{"name":"PayWithAmazon","namespace":"mzint","fullyQualifiedName":"mzint~PayWithAmazon","isEnabled":true,"credentials":[{"displayName":"Environment","apiName":"environment","value":"production","inputType":"RadioButton","vocabularyValues":[{"key":"production","contents":[{"localeCode":"en-US","value":"Production"}]},{"key":"sandbox","contents":[{"localeCode":"en-US","value":"Sandbox"}]}]},{"displayName":"Seller Id","apiName":"sellerId","value":"A3TXNG9NROVJB5","inputType":"TextBox","vocabularyValues":[]},{"displayName":"Client Id","apiName":"clientId","value":"amzn1.application-oa2-client.76333fa1fe084e3c84c916185bc4481e","inputType":"TextBox","vocabularyValues":[]},{"displayName":"Include Billing Address from Amazon on Order?","apiName":"billingAddressOption","value":"1","inputType":"RadioButton","vocabularyValues":[{"key":"0","contents":[{"localeCode":"No","value":"No"}]},{"key":"1","contents":[{"localeCode":"Yes","value":"Yes"}]}]},{"displayName":"AWS Region","apiName":"region","value":"us","inputType":"RadioButton","vocabularyValues":[{"key":"de","contents":[{"localeCode":"en-US","value":"DE"}]},{"key":"uk","contents":[{"localeCode":"en-US","value":"UK"}]},{"key":"us","contents":[{"localeCode":"en-US","value":"US"}]},{"key":"jp","contents":[{"localeCode":"en-US","value":"JP"}]}]}]}],"supportedGiftCards":{},"paymentSettings":{"gateways":[{"gatewayDefinition":{"id":"2d69226b72594e63b493f19dd4969774","countryCode":"US","name":"CardConnect","prodServiceURL":"https://fts.prinpay.com:8443/cardconnect/rest/","testServiceURL":"https://fts.prinpay.com:6443/cardconnect/rest/","integrationImplTypeName":"Mozu.Payment.Domain.Adapters.CardConnectGatewayAdapter","supportedCards":[{"type":"VISA","friendlyName":"Visa","paymentType":"CC"},{"type":"AMEX","friendlyName":"American Express","paymentType":"CC"},{"type":"DISCOVER","friendlyName":"Discover","paymentType":"CC"},{"type":"MC","friendlyName":"Mastercard","paymentType":"CC"},{"type":"JCB","friendlyName":"JCB","paymentType":"CC"},{"type":"OTHER","friendlyName":"Other","paymentType":"CC"}],"features":["CreditCards"],"credentialDefinitions":[{"name":"HostName","displayName":"Host Name","adminDisplayOrder":0,"isPublic":false},{"name":"API USERNAME","displayName":"API User Name","adminDisplayOrder":0,"isPublic":false},{"name":"API PASSWORD","displayName":"API Password","adminDisplayOrder":2,"isPublic":false},{"name":"MERCHANT ID","displayName":"Merchant ID","adminDisplayOrder":4,"isPublic":false}],"administationUi":[]},"areGatewayCredentialFieldsSet":false,"gatewayAccount":{"id":"9769b82b774a4e77a9ef12293f052304","name":"CardConnects (345827864884)","gatewayDefinitionId":"2d69226b72594e63b493f19dd4969774","countryCode":"US","isActive":true,"credentialFields":[],"binPatterns":[]},"supportedCards":["AMEX","DISCOVER","MC","VISA"],"siteGatewaySupportedCards":[{"gatewayAccountId":"9769b82b774a4e77a9ef12293f052304","cardTypeId":"AMEX","paymentType":"CC"},{"gatewayAccountId":"9769b82b774a4e77a9ef12293f052304","cardTypeId":"DISCOVER","paymentType":"CC"},{"gatewayAccountId":"9769b82b774a4e77a9ef12293f052304","cardTypeId":"MC","paymentType":"CC"},{"gatewayAccountId":"9769b82b774a4e77a9ef12293f052304","cardTypeId":"VISA","paymentType":"CC"}]}],"externalPaymentWorkflowDefinitions":[{"name":"PAYPALEXPRESS","namespace":"tenant","fullyQualifiedName":"tenant~PAYPALEXPRESS","isEnabled":false,"isLegacy":true,"credentials":[{"displayName":"Username","apiName":"USER","value":"JBdirect_api1.jellybelly.com ","vocabularyValues":[],"inputType":"TextBox","isSensitive":true},{"displayName":"Password","apiName":"PWD","value":"FX5FWYF8R3DDUJAG ","vocabularyValues":[],"inputType":"TextBox","isSensitive":true},{"displayName":"Signature","apiName":"SIGNATURE","value":"Ar8jVsx1-VNJMo9FHjbxq3nmk6qhAC-LZqz3ngCwHISOsMYdIlS9D4Rt ","vocabularyValues":[],"inputType":"TextBox","isSensitive":true}]},{"name":"VisaCheckout","namespace":"tenant","fullyQualifiedName":"tenant~VisaCheckout","isEnabled":false,"isLegacy":true,"credentials":[{"displayName":"ClientId","apiName":"CLIENTID","vocabularyValues":[],"inputType":"TextBox","isSensitive":false},{"displayName":"ApiKey","apiName":"APIKEY","vocabularyValues":[],"inputType":"TextBox","isSensitive":false},{"displayName":"SharedSecret","apiName":"SHAREDSECRET","vocabularyValues":[],"inputType":"TextBox","isSensitive":true}]},{"name":"PayPalExpress2","namespace":"mzint","fullyQualifiedName":"mzint~PayPalExpress2","description":"<div style='font-size:13px;font-style:italic'>Please review our <a style='color:blue;' target='mozupaypalhelp' href='http://mozu.github.io/IntegrationDocuments/PayPalExpress/Mozu-PayPalExpress-App.htm'>Help</a> documentation to configure Paypal Express</div>","isEnabled":true,"isLegacy":true,"credentials":[{"displayName":"Environment","apiName":"environment","value":"production","vocabularyValues":[{"key":"production","contents":[{"localeCode":"en-US","value":"Production"}]},{"key":"sandbox","contents":[{"localeCode":"en-US","value":"Sandbox"}]}],"inputType":"RadioButton","isSensitive":false},{"displayName":"User Name","apiName":"username","value":"JBdirect_api1.jellybelly.com","vocabularyValues":[],"inputType":"TextBox","isSensitive":true},{"displayName":"Password","apiName":"password","value":"FX5FWYF8R3DDUJAG","vocabularyValues":[],"inputType":"TextBox","isSensitive":true},{"displayName":"Signature","apiName":"signature","value":"Ar8jVsx1-VNJMo9FHjbxq3nmk6qhAC-LZqz3ngCwHISOsMYdIlS9D4Rt","vocabularyValues":[],"inputType":"TextBox","isSensitive":true},{"displayName":"Merchant account ID","apiName":"merchantAccountId","value":"397GLJ7YC88K2","vocabularyValues":[],"inputType":"TextBox","isSensitive":false},{"displayName":"Order Processing","apiName":"orderProcessing","value":"AuthAndCaptureOnOrderPlacement","vocabularyValues":[{"key":"AuthAndCaptureOnOrderPlacement","contents":[{"localeCode":"en-US","value":"Authorize and Capture on Order Placement"}]},{"key":"AuthOnOrderPlacementAndCaptureOnOrderShipment","contents":[{"localeCode":"en-US","value":"Authorize on Order Placement and Capture on Order Shipment"}]}],"inputType":"RadioButton","isSensitive":false}]},{"name":"PayWithAmazon","namespace":"mzint","fullyQualifiedName":"mzint~PayWithAmazon","description":"<div style='font-size:13px;font-style:italic'>Please review our <a style='color:blue;' target='mozupwahelp' href='http://mozu.github.io/IntegrationDocuments/PayWithAmazon/Mozu-PayWithAmazon-App.htm'>Help</a> documentation to configure Pay With Amazon</div>","isEnabled":true,"isLegacy":true,"credentials":[{"displayName":"Environment","apiName":"environment","value":"production","vocabularyValues":[{"key":"production","contents":[{"localeCode":"en-US","value":"Production"}]},{"key":"sandbox","contents":[{"localeCode":"en-US","value":"Sandbox"}]}],"inputType":"RadioButton","isSensitive":false},{"displayName":"Seller Id","apiName":"sellerId","value":"A3TXNG9NROVJB5","vocabularyValues":[],"inputType":"TextBox","isSensitive":false},{"displayName":"Client Id","apiName":"clientId","value":"amzn1.application-oa2-client.76333fa1fe084e3c84c916185bc4481e","vocabularyValues":[],"inputType":"TextBox","isSensitive":false},{"displayName":"MWS Auth Token","apiName":"authToken","value":"amzn.mws.58bdc19f-137c-0f26-9d2e-9c3455fd93ad","vocabularyValues":[],"inputType":"TextBox","isSensitive":true},{"displayName":"Include Billing Address from Amazon on Order?","apiName":"billingAddressOption","value":"1","vocabularyValues":[{"key":"0","contents":[{"localeCode":"No","value":"No"}]},{"key":"1","contents":[{"localeCode":"Yes","value":"Yes"}]}],"inputType":"RadioButton","isSensitive":false},{"displayName":"AWS Region","apiName":"region","value":"us","vocabularyValues":[{"key":"de","contents":[{"localeCode":"en-US","value":"DE"}]},{"key":"uk","contents":[{"localeCode":"en-US","value":"UK"}]},{"key":"us","contents":[{"localeCode":"en-US","value":"US"}]},{"key":"jp","contents":[{"localeCode":"en-US","value":"JP"}]}],"inputType":"RadioButton","isSensitive":false},{"displayName":"Order Processing","apiName":"orderProcessing","value":"AuthAndCaptureOnOrderPlacement","vocabularyValues":[{"key":"AuthAndCaptureOnOrderPlacement","contents":[{"localeCode":"en-US","value":"Authorize and Capture on Order Placement"}]},{"key":"AuthOnOrderPlacementAndCaptureOnOrderShipment","contents":[{"localeCode":"en-US","value":"Authorize on Order Placement and Capture on Order Shipment"}]}],"inputType":"RadioButton","isSensitive":true}]}],"payByMail":false,"purchaseOrder":{"isEnabled":false,"paymentTerms":[],"allowSplitPayment":false,"customFields":[]},"jobSettings":{"autoCaptureJob":{"flexibleCapture":{},"forceCaptureOnFirstCapture":false,"isEnabled":false,"interval":0},"forceCaptureJob":{"captureAfterDays":0,"isEnabled":false,"interval":0}},"auditInfo":{"updateDate":"2026-02-02T22:27:53.893Z","createDate":"2014-10-09T01:08:28.178Z","updateBy":"45114747dae24f9a9c8cb9d48ed8ef45","createBy":"8d29e4f31df44358b472b410dc9fb052"}}},"cdnPrefix":"//cdn-tp1.mozu.com/9046-11441","secureHost":"https://cdn-origin-tp1.mozu.com","supportsInStorePickup":false,"currencyInfo":{"currencyCode":840,"englishName":"US dollar","symbol":"$","precision":2,"roundingType":0},"siteSubdirectory":null}}}