{"blocks":{"#mana_ajax_wrapper_mana_seo_query":0,"#mana_ajax_wrapper_category_products":1,"#mana_ajax_wrapper_category_products_list":2,"#mana_ajax_wrapper_main_mana_layered_nav":3,"#mana_ajax_wrapper_additional_mana_layered_nav":4,"#mana_ajax_wrapper_above_products_mana_layered_nav":5,"#mana_ajax_wrapper_mobile_mana_layered_nav":6},"query":"","url":"https:\/\/www.spiralbinding.com\/brands\/all-brands\/dahle-north-america\/dahle-cutting-mats","title":"Dahle Cutting Mats - Dahle - All Brands - Our Brands"}
91b5970cd70e2353d866806f8003c1cd56646961
<div id="mana_ajax_wrapper_mana_seo_query"><script>
    manadevSeoQuery = {};
</script></div>
91b5970cd70e2353d866806f8003c1cd56646961
<div id="mana_ajax_wrapper_category_products"><div id="mana_ajax_wrapper_mobile_mana_layered_nav">
    <div class="mana-filter-block mana-mobile" data-mage-init='{"Manadev_Core/js/StatefulCollapsibleWidget":{"id": "mobile.mana.layered_nav.title", "openedState": "active", "collapsible": true, "animate": 150, "active": false}, "Manadev_LayeredNavigation/js/NavigationView": {}}'>
        <dl class="filter-options" data-role="collapsible">
            <dt data-role="title">
                <div class="m-filter-title" data-role="trigger">
                    Filter                    <span class="collapse-indicator">&nbsp;</span>
                </div>
                                            </dt>
            <dd class="block-content" data-role="content" data-mage-init='{"Manadev_Core/js/StatefulAccordionWidget":{"id": "mobile.mana.layered_nav.filters", "openedState": "active", "active": "0", "animate": 150}}'>
<!--            >-->
                                    <dl data-role='collapsible'>
                        <dt data-role="title">
                            Price                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                <ol id="show_on_mobile-price" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/price/-10.49"data-action="+price=-10.49&p=" rel="nofollow">
                    $0 - $10                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/price/10.49-"data-action="+price=10.49-&p=" rel="nofollow">
                    $10+                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </div>
                        </dd>
                    </dl>
                                        <dl data-role='collapsible'>
                        <dt data-role="title">
                            Color                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                <ol id="show_on_mobile-color_filter" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/color/clear"data-action="+color_filter=4672&p=" rel="nofollow">
                    Clear                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/color/black"data-action="+color_filter=4669&p=" rel="nofollow">
                    Black                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/color/blue"data-action="+color_filter=4673&p=" rel="nofollow">
                    Blue                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </div>
                        </dd>
                    </dl>
                                        <dl data-role='collapsible'>
                        <dt data-role="title">
                            Size                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                
<div class="manadev-expandable-filter outer-container show-more-show-less">
    <div class="inner-container">
        <ol id="show_on_mobile-size" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/size/9-inch-x-12-inch-5"data-action="+size=3951&p=" rel="nofollow">
                    9&quot; x 12&quot;                                            <span class="count">3<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/size/12-inch-x-18-inch"data-action="+size=2576&p=" rel="nofollow">
                    12&quot; x 18&quot;                                            <span class="count">3<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/size/18-inch-x-24-inch"data-action="+size=864&p=" rel="nofollow">
                    18&quot; x 24&quot;                                            <span class="count">3<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/size/24-inch-x-36-inch"data-action="+size=1227&p=" rel="nofollow">
                    24&quot; x 36&quot;                                            <span class="count">3<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/size/36-inch-x-48-inch-2"data-action="+size=3318&p=" rel="nofollow">
                    36&quot; x 48&quot;                                            <span class="count">3<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
    </div>
</div>
    <div class="manadev-show-more custom-showmore">
        <a href="#" title="Show more">Show more</a>
    </div>
<script>
    require([
        'jquery',
        'Manadev_LayeredNavigationShowMore/js/showMoreShowLess'
    ], function($) {
        var options = {
    "number_of_visible_items": "4",
    "show_more_label": "Show more",
    "show_less_label": "Show less",
    "transition_duration_ms": "100"
};
        $("#show_on_mobile-size").showMoreShowLess(options);
    });
</script>
                            </div>
                        </dd>
                    </dl>
                                </dd>
        </dl>
    </div>
            <script type="text/x-magento-init">
            {
    ".mana-mobile": {
        "Manadev_LayeredNavigationMobile\/js\/manaMobileLayeredNavigation": {
            "max_width": "767"
        }
    }
}        </script>
            <script>
        require(['jquery'], function ($) {
            //console.log('window width: ' + $(window).width());
            if ($(window).width() <= 767) {
                $('body').addClass('mana-mobile-layered-navigation-enabled');
            }
        });
    </script>
    </div><div id="mana_ajax_wrapper_above_products_mana_layered_nav">
</div>    <div id="mana_ajax_wrapper_category_products_list">        <div class="toolbar toolbar-products" data-mage-init='{"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"list","directionDefault":"asc","orderDefault":"position","limitDefault":36,"url":"https:\/\/www.spiralbinding.com\/brands\/all-brands\/dahle-north-america\/dahle-cutting-mats","formKey":"Dmvz3qEjbXyOX7ts","post":false}}'>
        
        <p class="toolbar-amount" id="toolbar-amount">
            <span class="toolbar-number">3</span> Items    </p>
        
        
    
        
        
    
    

                     
 <div class="toolbar-sorter sorter">
    <label class="sorter-label" for="sorter">Sort By</label>


  <select id="sorter" data-role="sorter" class="sorter-options">
                     <option value="position&product_list_dir=asc" selected="selected"> Popularity </option>
                                                           <option value="price&product_list_dir=asc"
                >
         Price:Low To High</option>
       <option value="price&product_list_dir=desc"
       >
        Price:High To Low </option>
                <option value="bestseller&product_list_dir=desc"> Top Sellers: High to Low </option> 
                                    
</select> 
</div>
                

                  
        <div class="field limiter">
    <label class="label" for="limiter">
        <span>Show per Page</span>
    </label>
    <div class="control">
        <select id="limiter" data-role="limiter" class="limiter-options">
                            <option value="12">
                    12                </option>
                            <option value="24">
                    24                </option>
                            <option value="36"                    selected="selected">
                    36                </option>
                            <option value="48">
                    48                </option>
                            <option value="60">
                    60                </option>
                    </select>
    </div>
</div>
            </div>
    <script type="text/x-magento-init">
    {
        "body": {
            "addToWishlist": {"productType":["simple","virtual","bundle","downloadable","configurable","grouped"]}        }
    }
</script>
        <div class="products wrapper grid products-grid">
                <ol class="products grid list items product-items">
                                    <li class="item product product-item  list-item-14581">
                <div class="product-item-info" data-container="product-grid">
                                        <div class="col-left cell">
                                        <a href="https://www.spiralbinding.com/dahle-vantage-black-self-healing-cutting-mats"
                       class="product photo product-item-photo"
                       tabindex="-1">
                        <span class="product-image-container product-image-container-14581">
    <span class="product-image-wrapper">
            <picture>
        
                    <source type="image/webp"
                    srcset="https://www.spiralbinding.com/media/opti_image/webp/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/d/a/dahlecuttingmat_black_varioussizes_withlogo_2_1.webp">
        
        <source type="image/jpg"
                srcset="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/d/a/dahlecuttingmat_black_varioussizes_withlogo_2_1.jpg">

        <img class="product-image-photo"
                        src="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/d/a/dahlecuttingmat_black_varioussizes_withlogo_2_1.jpg"
            loading="lazy"
            width="320"
            height="320"
            alt="Dahle&#x20;Vantage&#x20;Black&#x20;Self-Healing&#x20;Professional-Quality&#x20;5-Layer&#x20;Cutting&#x20;Mats" loading="lazy" decoding="async" />    </picture>

</span>
</span>
<style>.product-image-container-14581 {
    width: 320px;
}
.product-image-container-14581 span.product-image-wrapper {
    padding-bottom: 100%;
}</style><script type="text&#x2F;javascript">prodImageContainers = document.querySelectorAll(".product-image-container-14581");
for (var i = 0; i < prodImageContainers.length; i++) {
    prodImageContainers[i].style.width = "320px";
}
prodImageContainersWrappers = document.querySelectorAll(
    ".product-image-container-14581  span.product-image-wrapper"
);
for (var i = 0; i < prodImageContainersWrappers.length; i++) {
    prodImageContainersWrappers[i].style.paddingBottom = "100%";
}</script>                    </a>
                    </div>
                    <div class="col-right cell product details product-item-details">
                                                <div class="product-right-info">
<h2 class="product-name product name product-item-name">
  <a class="product-item-link"
  href="https://www.spiralbinding.com/dahle-vantage-black-self-healing-cutting-mats">
  Dahle Vantage Black Self-Healing Professional-Quality 5-Layer Cutting Mats  </a>
</h2>
<span class="product-sku">
</span>
<div class="product-review product-reviews-summary">
</div>

</div>
<div class="product-shop grouped_list">
<a href="https://www.spiralbinding.com/customer/account/login" class="login-pricing"><span>Log in for pricing</span></a><span class="alter-action">or</span><div class="choose-actions"><button class="action primary choose-options" name="quote_choose_opts" type="button" title="Choose Options" data-parent="https://www.spiralbinding.com/dahle-vantage-black-self-healing-cutting-mats"><span>Select Options</span></button></div><div class="quote-actions-primary">
<!-- Start Cart2Quote_Quotation -->
<!-- End Cart2Quote_Quotation -->
</div>
</div>
</div>
  </div>
  <div style="display: none">
  <div id='popup-modal' class="popup-modal">
  </div>
  </div>
  </li>
              <li class="item product product-item  list-item-14582">
                <div class="product-item-info" data-container="product-grid">
                                        <div class="col-left cell">
                                        <a href="https://www.spiralbinding.com/dahle-vantage-blue-self-healing-cutting-mats"
                       class="product photo product-item-photo"
                       tabindex="-1">
                        <span class="product-image-container product-image-container-14582">
    <span class="product-image-wrapper">
            <picture>
        
                    <source type="image/webp"
                    srcset="https://www.spiralbinding.com/media/opti_image/webp/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/d/a/dahlecuttingmat_blue_varioussizes_withlogo_2_1.webp">
        
        <source type="image/jpg"
                srcset="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/d/a/dahlecuttingmat_blue_varioussizes_withlogo_2_1.jpg">

        <img class="product-image-photo"
                        src="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/d/a/dahlecuttingmat_blue_varioussizes_withlogo_2_1.jpg"
            loading="lazy"
            width="320"
            height="320"
            alt="Dahle&#x20;Vantage&#x20;Blue&#x20;Self-Healing&#x20;Professional-Quality&#x20;5-Layer&#x20;Cutting&#x20;Mats" loading="lazy" decoding="async" />    </picture>

</span>
</span>
<style>.product-image-container-14582 {
    width: 320px;
}
.product-image-container-14582 span.product-image-wrapper {
    padding-bottom: 100%;
}</style><script type="text&#x2F;javascript">prodImageContainers = document.querySelectorAll(".product-image-container-14582");
for (var i = 0; i < prodImageContainers.length; i++) {
    prodImageContainers[i].style.width = "320px";
}
prodImageContainersWrappers = document.querySelectorAll(
    ".product-image-container-14582  span.product-image-wrapper"
);
for (var i = 0; i < prodImageContainersWrappers.length; i++) {
    prodImageContainersWrappers[i].style.paddingBottom = "100%";
}</script>                    </a>
                    </div>
                    <div class="col-right cell product details product-item-details">
                                                <div class="product-right-info">
<h2 class="product-name product name product-item-name">
  <a class="product-item-link"
  href="https://www.spiralbinding.com/dahle-vantage-blue-self-healing-cutting-mats">
  Dahle Vantage Blue Self-Healing Professional-Quality 5-Layer Cutting Mats  </a>
</h2>
<span class="product-sku">
</span>
<div class="product-review product-reviews-summary">
</div>

</div>
<div class="product-shop grouped_list">
<a href="https://www.spiralbinding.com/customer/account/login" class="login-pricing"><span>Log in for pricing</span></a><span class="alter-action">or</span><div class="choose-actions"><button class="action primary choose-options" name="quote_choose_opts" type="button" title="Choose Options" data-parent="https://www.spiralbinding.com/dahle-vantage-blue-self-healing-cutting-mats"><span>Select Options</span></button></div><div class="quote-actions-primary">
<!-- Start Cart2Quote_Quotation -->
<!-- End Cart2Quote_Quotation -->
</div>
</div>
</div>
  </div>
  <div style="display: none">
  <div id='popup-modal' class="popup-modal">
  </div>
  </div>
  </li>
              <li class="item product product-item  last list-item-14565">
                <div class="product-item-info" data-container="product-grid">
                                        <div class="col-left cell">
                                        <a href="https://www.spiralbinding.com/dahle-vantage-clear-self-healing-cutting-mats"
                       class="product photo product-item-photo"
                       tabindex="-1">
                        <span class="product-image-container product-image-container-14565">
    <span class="product-image-wrapper">
            <picture>
        
                    <source type="image/webp"
                    srcset="https://www.spiralbinding.com/media/opti_image/webp/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/d/a/dahlecuttingmat_clear_varioussizeswithlogo_1.webp">
        
        <source type="image/jpg"
                srcset="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/d/a/dahlecuttingmat_clear_varioussizeswithlogo_1.jpg">

        <img class="product-image-photo"
                        src="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/d/a/dahlecuttingmat_clear_varioussizeswithlogo_1.jpg"
            loading="lazy"
            width="320"
            height="320"
            alt="Dahle&#x20;Vantage&#x20;Clear&#x20;Self-Healing&#x20;Professional-Quality&#x20;5-Layer&#x20;Cutting&#x20;Mats" loading="lazy" decoding="async" />    </picture>

</span>
</span>
<style>.product-image-container-14565 {
    width: 320px;
}
.product-image-container-14565 span.product-image-wrapper {
    padding-bottom: 100%;
}</style><script type="text&#x2F;javascript">prodImageContainers = document.querySelectorAll(".product-image-container-14565");
for (var i = 0; i < prodImageContainers.length; i++) {
    prodImageContainers[i].style.width = "320px";
}
prodImageContainersWrappers = document.querySelectorAll(
    ".product-image-container-14565  span.product-image-wrapper"
);
for (var i = 0; i < prodImageContainersWrappers.length; i++) {
    prodImageContainersWrappers[i].style.paddingBottom = "100%";
}</script>                    </a>
                    </div>
                    <div class="col-right cell product details product-item-details">
                                                <div class="product-right-info">
<h2 class="product-name product name product-item-name">
  <a class="product-item-link"
  href="https://www.spiralbinding.com/dahle-vantage-clear-self-healing-cutting-mats">
  Dahle Vantage Clear Self-Healing Professional-Quality 5-Layer Cutting Mats  </a>
</h2>
<span class="product-sku">
</span>
<div class="product-review product-reviews-summary">
</div>

</div>
<div class="product-shop grouped_list">
<a href="https://www.spiralbinding.com/customer/account/login" class="login-pricing"><span>Log in for pricing</span></a><span class="alter-action">or</span><div class="choose-actions"><button class="action primary choose-options" name="quote_choose_opts" type="button" title="Choose Options" data-parent="https://www.spiralbinding.com/dahle-vantage-clear-self-healing-cutting-mats"><span>Select Options</span></button></div><div class="quote-actions-primary">
<!-- Start Cart2Quote_Quotation -->
<!-- End Cart2Quote_Quotation -->
</div>
</div>
</div>
  </div>
  <div style="display: none">
  <div id='popup-modal' class="popup-modal">
  </div>
  </div>
  </li>
    </ol>
  </div>
  <div class="toolbar-bottom">
      <div class="toolbar toolbar-products" data-mage-init='{"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"list","directionDefault":"asc","orderDefault":"position","limitDefault":36,"url":"https:\/\/www.spiralbinding.com\/brands\/all-brands\/dahle-north-america\/dahle-cutting-mats","formKey":"Dmvz3qEjbXyOX7ts","post":false}}'>
        
        <p class="toolbar-amount" id="toolbar-amount">
            <span class="toolbar-number">3</span> Items    </p>
        
        
    
        
        
    
    

                     
 <div class="toolbar-sorter sorter">
    <label class="sorter-label" for="sorter">Sort By</label>


  <select id="sorter" data-role="sorter" class="sorter-options">
                     <option value="position&product_list_dir=asc" selected="selected"> Popularity </option>
                                                           <option value="price&product_list_dir=asc"
                >
         Price:Low To High</option>
       <option value="price&product_list_dir=desc"
       >
        Price:High To Low </option>
                <option value="bestseller&product_list_dir=desc"> Top Sellers: High to Low </option> 
                                    
</select> 
</div>
                

                  
        <div class="field limiter">
    <label class="label" for="limiter">
        <span>Show per Page</span>
    </label>
    <div class="control">
        <select id="limiter" data-role="limiter" class="limiter-options">
                            <option value="12">
                    12                </option>
                            <option value="24">
                    24                </option>
                            <option value="36"                    selected="selected">
                    36                </option>
                            <option value="48">
                    48                </option>
                            <option value="60">
                    60                </option>
                    </select>
    </div>
</div>
            </div>
  </div>
            <script type="text/x-magento-init">
        {
            "[data-role=tocart-form], .form.map.checkout": {
                "catalogAddToCart": {
                    "product_sku": "05DAH1068\u002DGRP"
                }
            }
        }
        </script>
    <script type="text/javascript">
window.baseUrl = "https:\/\/www.spiralbinding.com\/";
var categoryItems = [];
  categoryItems.push({'sku':"05DAH1067-GRP"});
  categoryItems.push({'sku':"05DAH1069-GRP"});
  categoryItems.push({'sku':"05DAH1068-GRP"});
if(typeof window.dataLayer !== 'undefined'){
    var dataLayerInfoCat = {};
    dataLayerInfoCat['category'] = {
      'products': categoryItems
    };
    window.dataLayer.push(dataLayerInfoCat); 
}
</script> 
</div></div>
91b5970cd70e2353d866806f8003c1cd56646961
<div id="mana_ajax_wrapper_category_products_list">        <div class="toolbar toolbar-products" data-mage-init='{"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"list","directionDefault":"asc","orderDefault":"position","limitDefault":36,"url":"https:\/\/www.spiralbinding.com\/brands\/all-brands\/dahle-north-america\/dahle-cutting-mats","formKey":"Dmvz3qEjbXyOX7ts","post":false}}'>
        
        <p class="toolbar-amount" id="toolbar-amount">
            <span class="toolbar-number">3</span> Items    </p>
        
        
    
        
        
    
    

                     
 <div class="toolbar-sorter sorter">
    <label class="sorter-label" for="sorter">Sort By</label>


  <select id="sorter" data-role="sorter" class="sorter-options">
                     <option value="position&product_list_dir=asc" selected="selected"> Popularity </option>
                                                           <option value="price&product_list_dir=asc"
                >
         Price:Low To High</option>
       <option value="price&product_list_dir=desc"
       >
        Price:High To Low </option>
                <option value="bestseller&product_list_dir=desc"> Top Sellers: High to Low </option> 
                                    
</select> 
</div>
                

                  
        <div class="field limiter">
    <label class="label" for="limiter">
        <span>Show per Page</span>
    </label>
    <div class="control">
        <select id="limiter" data-role="limiter" class="limiter-options">
                            <option value="12">
                    12                </option>
                            <option value="24">
                    24                </option>
                            <option value="36"                    selected="selected">
                    36                </option>
                            <option value="48">
                    48                </option>
                            <option value="60">
                    60                </option>
                    </select>
    </div>
</div>
            </div>
    <script type="text/x-magento-init">
    {
        "body": {
            "addToWishlist": {"productType":["simple","virtual","bundle","downloadable","configurable","grouped"]}        }
    }
</script>
        <div class="products wrapper grid products-grid">
                <ol class="products grid list items product-items">
                                    <li class="item product product-item  list-item-14581">
                <div class="product-item-info" data-container="product-grid">
                                        <div class="col-left cell">
                                        <a href="https://www.spiralbinding.com/dahle-vantage-black-self-healing-cutting-mats"
                       class="product photo product-item-photo"
                       tabindex="-1">
                        <span class="product-image-container product-image-container-14581">
    <span class="product-image-wrapper">
            <picture>
        
                    <source type="image/webp"
                    srcset="https://www.spiralbinding.com/media/opti_image/webp/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/d/a/dahlecuttingmat_black_varioussizes_withlogo_2_1.webp">
        
        <source type="image/jpg"
                srcset="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/d/a/dahlecuttingmat_black_varioussizes_withlogo_2_1.jpg">

        <img class="product-image-photo"
                        src="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/d/a/dahlecuttingmat_black_varioussizes_withlogo_2_1.jpg"
            loading="lazy"
            width="320"
            height="320"
            alt="Dahle&#x20;Vantage&#x20;Black&#x20;Self-Healing&#x20;Professional-Quality&#x20;5-Layer&#x20;Cutting&#x20;Mats" loading="lazy" decoding="async" />    </picture>

</span>
</span>
<style>.product-image-container-14581 {
    width: 320px;
}
.product-image-container-14581 span.product-image-wrapper {
    padding-bottom: 100%;
}</style><script type="text&#x2F;javascript">prodImageContainers = document.querySelectorAll(".product-image-container-14581");
for (var i = 0; i < prodImageContainers.length; i++) {
    prodImageContainers[i].style.width = "320px";
}
prodImageContainersWrappers = document.querySelectorAll(
    ".product-image-container-14581  span.product-image-wrapper"
);
for (var i = 0; i < prodImageContainersWrappers.length; i++) {
    prodImageContainersWrappers[i].style.paddingBottom = "100%";
}</script>                    </a>
                    </div>
                    <div class="col-right cell product details product-item-details">
                                                <div class="product-right-info">
<h2 class="product-name product name product-item-name">
  <a class="product-item-link"
  href="https://www.spiralbinding.com/dahle-vantage-black-self-healing-cutting-mats">
  Dahle Vantage Black Self-Healing Professional-Quality 5-Layer Cutting Mats  </a>
</h2>
<span class="product-sku">
</span>
<div class="product-review product-reviews-summary">
</div>

</div>
<div class="product-shop grouped_list">
<a href="https://www.spiralbinding.com/customer/account/login" class="login-pricing"><span>Log in for pricing</span></a><span class="alter-action">or</span><div class="choose-actions"><button class="action primary choose-options" name="quote_choose_opts" type="button" title="Choose Options" data-parent="https://www.spiralbinding.com/dahle-vantage-black-self-healing-cutting-mats"><span>Select Options</span></button></div><div class="quote-actions-primary">
<!-- Start Cart2Quote_Quotation -->
<!-- End Cart2Quote_Quotation -->
</div>
</div>
</div>
  </div>
  <div style="display: none">
  <div id='popup-modal' class="popup-modal">
  </div>
  </div>
  </li>
              <li class="item product product-item  list-item-14582">
                <div class="product-item-info" data-container="product-grid">
                                        <div class="col-left cell">
                                        <a href="https://www.spiralbinding.com/dahle-vantage-blue-self-healing-cutting-mats"
                       class="product photo product-item-photo"
                       tabindex="-1">
                        <span class="product-image-container product-image-container-14582">
    <span class="product-image-wrapper">
            <picture>
        
                    <source type="image/webp"
                    srcset="https://www.spiralbinding.com/media/opti_image/webp/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/d/a/dahlecuttingmat_blue_varioussizes_withlogo_2_1.webp">
        
        <source type="image/jpg"
                srcset="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/d/a/dahlecuttingmat_blue_varioussizes_withlogo_2_1.jpg">

        <img class="product-image-photo"
                        src="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/d/a/dahlecuttingmat_blue_varioussizes_withlogo_2_1.jpg"
            loading="lazy"
            width="320"
            height="320"
            alt="Dahle&#x20;Vantage&#x20;Blue&#x20;Self-Healing&#x20;Professional-Quality&#x20;5-Layer&#x20;Cutting&#x20;Mats" loading="lazy" decoding="async" />    </picture>

</span>
</span>
<style>.product-image-container-14582 {
    width: 320px;
}
.product-image-container-14582 span.product-image-wrapper {
    padding-bottom: 100%;
}</style><script type="text&#x2F;javascript">prodImageContainers = document.querySelectorAll(".product-image-container-14582");
for (var i = 0; i < prodImageContainers.length; i++) {
    prodImageContainers[i].style.width = "320px";
}
prodImageContainersWrappers = document.querySelectorAll(
    ".product-image-container-14582  span.product-image-wrapper"
);
for (var i = 0; i < prodImageContainersWrappers.length; i++) {
    prodImageContainersWrappers[i].style.paddingBottom = "100%";
}</script>                    </a>
                    </div>
                    <div class="col-right cell product details product-item-details">
                                                <div class="product-right-info">
<h2 class="product-name product name product-item-name">
  <a class="product-item-link"
  href="https://www.spiralbinding.com/dahle-vantage-blue-self-healing-cutting-mats">
  Dahle Vantage Blue Self-Healing Professional-Quality 5-Layer Cutting Mats  </a>
</h2>
<span class="product-sku">
</span>
<div class="product-review product-reviews-summary">
</div>

</div>
<div class="product-shop grouped_list">
<a href="https://www.spiralbinding.com/customer/account/login" class="login-pricing"><span>Log in for pricing</span></a><span class="alter-action">or</span><div class="choose-actions"><button class="action primary choose-options" name="quote_choose_opts" type="button" title="Choose Options" data-parent="https://www.spiralbinding.com/dahle-vantage-blue-self-healing-cutting-mats"><span>Select Options</span></button></div><div class="quote-actions-primary">
<!-- Start Cart2Quote_Quotation -->
<!-- End Cart2Quote_Quotation -->
</div>
</div>
</div>
  </div>
  <div style="display: none">
  <div id='popup-modal' class="popup-modal">
  </div>
  </div>
  </li>
              <li class="item product product-item  last list-item-14565">
                <div class="product-item-info" data-container="product-grid">
                                        <div class="col-left cell">
                                        <a href="https://www.spiralbinding.com/dahle-vantage-clear-self-healing-cutting-mats"
                       class="product photo product-item-photo"
                       tabindex="-1">
                        <span class="product-image-container product-image-container-14565">
    <span class="product-image-wrapper">
            <picture>
        
                    <source type="image/webp"
                    srcset="https://www.spiralbinding.com/media/opti_image/webp/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/d/a/dahlecuttingmat_clear_varioussizeswithlogo_1.webp">
        
        <source type="image/jpg"
                srcset="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/d/a/dahlecuttingmat_clear_varioussizeswithlogo_1.jpg">

        <img class="product-image-photo"
                        src="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/d/a/dahlecuttingmat_clear_varioussizeswithlogo_1.jpg"
            loading="lazy"
            width="320"
            height="320"
            alt="Dahle&#x20;Vantage&#x20;Clear&#x20;Self-Healing&#x20;Professional-Quality&#x20;5-Layer&#x20;Cutting&#x20;Mats" loading="lazy" decoding="async" />    </picture>

</span>
</span>
<style>.product-image-container-14565 {
    width: 320px;
}
.product-image-container-14565 span.product-image-wrapper {
    padding-bottom: 100%;
}</style><script type="text&#x2F;javascript">prodImageContainers = document.querySelectorAll(".product-image-container-14565");
for (var i = 0; i < prodImageContainers.length; i++) {
    prodImageContainers[i].style.width = "320px";
}
prodImageContainersWrappers = document.querySelectorAll(
    ".product-image-container-14565  span.product-image-wrapper"
);
for (var i = 0; i < prodImageContainersWrappers.length; i++) {
    prodImageContainersWrappers[i].style.paddingBottom = "100%";
}</script>                    </a>
                    </div>
                    <div class="col-right cell product details product-item-details">
                                                <div class="product-right-info">
<h2 class="product-name product name product-item-name">
  <a class="product-item-link"
  href="https://www.spiralbinding.com/dahle-vantage-clear-self-healing-cutting-mats">
  Dahle Vantage Clear Self-Healing Professional-Quality 5-Layer Cutting Mats  </a>
</h2>
<span class="product-sku">
</span>
<div class="product-review product-reviews-summary">
</div>

</div>
<div class="product-shop grouped_list">
<a href="https://www.spiralbinding.com/customer/account/login" class="login-pricing"><span>Log in for pricing</span></a><span class="alter-action">or</span><div class="choose-actions"><button class="action primary choose-options" name="quote_choose_opts" type="button" title="Choose Options" data-parent="https://www.spiralbinding.com/dahle-vantage-clear-self-healing-cutting-mats"><span>Select Options</span></button></div><div class="quote-actions-primary">
<!-- Start Cart2Quote_Quotation -->
<!-- End Cart2Quote_Quotation -->
</div>
</div>
</div>
  </div>
  <div style="display: none">
  <div id='popup-modal' class="popup-modal">
  </div>
  </div>
  </li>
    </ol>
  </div>
  <div class="toolbar-bottom">
      <div class="toolbar toolbar-products" data-mage-init='{"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"list","directionDefault":"asc","orderDefault":"position","limitDefault":36,"url":"https:\/\/www.spiralbinding.com\/brands\/all-brands\/dahle-north-america\/dahle-cutting-mats","formKey":"Dmvz3qEjbXyOX7ts","post":false}}'>
        
        <p class="toolbar-amount" id="toolbar-amount">
            <span class="toolbar-number">3</span> Items    </p>
        
        
    
        
        
    
    

                     
 <div class="toolbar-sorter sorter">
    <label class="sorter-label" for="sorter">Sort By</label>


  <select id="sorter" data-role="sorter" class="sorter-options">
                     <option value="position&product_list_dir=asc" selected="selected"> Popularity </option>
                                                           <option value="price&product_list_dir=asc"
                >
         Price:Low To High</option>
       <option value="price&product_list_dir=desc"
       >
        Price:High To Low </option>
                <option value="bestseller&product_list_dir=desc"> Top Sellers: High to Low </option> 
                                    
</select> 
</div>
                

                  
        <div class="field limiter">
    <label class="label" for="limiter">
        <span>Show per Page</span>
    </label>
    <div class="control">
        <select id="limiter" data-role="limiter" class="limiter-options">
                            <option value="12">
                    12                </option>
                            <option value="24">
                    24                </option>
                            <option value="36"                    selected="selected">
                    36                </option>
                            <option value="48">
                    48                </option>
                            <option value="60">
                    60                </option>
                    </select>
    </div>
</div>
            </div>
  </div>
            <script type="text/x-magento-init">
        {
            "[data-role=tocart-form], .form.map.checkout": {
                "catalogAddToCart": {
                    "product_sku": "05DAH1068\u002DGRP"
                }
            }
        }
        </script>
    <script type="text/javascript">
window.baseUrl = "https:\/\/www.spiralbinding.com\/";
var categoryItems = [];
  categoryItems.push({'sku':"05DAH1067-GRP"});
  categoryItems.push({'sku':"05DAH1069-GRP"});
  categoryItems.push({'sku':"05DAH1068-GRP"});
if(typeof window.dataLayer !== 'undefined'){
    var dataLayerInfoCat = {};
    dataLayerInfoCat['category'] = {
      'products': categoryItems
    };
    window.dataLayer.push(dataLayerInfoCat); 
}
</script> 
</div>
91b5970cd70e2353d866806f8003c1cd56646961
<div id="mana_ajax_wrapper_main_mana_layered_nav">
    <div class="block filter mana-filter-block" data-mage-init='{ "Manadev_LayeredNavigation/js/NavigationView": {} }'>
        <div class="block-title filter-title">
            <strong>Shop By</strong>
        </div>

        <div class="block-content filter-content">
            
            <strong role="heading" aria-level="2" class="block-subtitle filter-subtitle">Shopping Options                            </strong>

            <dl class="filter-options YESRSE" id="narrow-by-list">
                                                                                                <dt role="heading" aria-level="3" class=" TERER filter-options-title main-filter-color-filter">Color</dt>
                    <dd class="filter-options-content main-filter-color-filter"><ol id="show_in_main_sidebar-color_filter" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/color/clear"data-action="+color_filter=4672&p=" rel="nofollow">
                    Clear                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/color/black"data-action="+color_filter=4669&p=" rel="nofollow">
                    Black                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/color/blue"data-action="+color_filter=4673&p=" rel="nofollow">
                    Blue                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
            </ol>
</dd>
                                                                            <dt role="heading" aria-level="3" class=" TERER filter-options-title main-filter-size">Size</dt>
                    <dd class="filter-options-content main-filter-size">
<div class="manadev-expandable-filter outer-container show-more-show-less">
    <div class="inner-container">
        <ol id="show_in_main_sidebar-size" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/size/9-inch-x-12-inch-5"data-action="+size=3951&p=" rel="nofollow">
                    9&quot; x 12&quot;                                            <span class="count">3<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/size/12-inch-x-18-inch"data-action="+size=2576&p=" rel="nofollow">
                    12&quot; x 18&quot;                                            <span class="count">3<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/size/18-inch-x-24-inch"data-action="+size=864&p=" rel="nofollow">
                    18&quot; x 24&quot;                                            <span class="count">3<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/size/24-inch-x-36-inch"data-action="+size=1227&p=" rel="nofollow">
                    24&quot; x 36&quot;                                            <span class="count">3<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/size/36-inch-x-48-inch-2"data-action="+size=3318&p=" rel="nofollow">
                    36&quot; x 48&quot;                                            <span class="count">3<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
    </div>
</div>
    <div class="manadev-show-more custom-showmore">
        <a href="#" title="Show more">Show more</a>
    </div>
<script>
    require([
        'jquery',
        'Manadev_LayeredNavigationShowMore/js/showMoreShowLess'
    ], function($) {
        var options = {
    "number_of_visible_items": "4",
    "show_more_label": "Show more",
    "show_less_label": "Show less",
    "transition_duration_ms": "100"
};
        $("#show_in_main_sidebar-size").showMoreShowLess(options);
    });
</script>
</dd>
                            </dl>
        </div>
    </div>
    <script>
        var IS_LOGIN_USER = false;
    </script>
</div>
91b5970cd70e2353d866806f8003c1cd56646961
<div id="mana_ajax_wrapper_additional_mana_layered_nav">
    <script>
        var IS_LOGIN_USER = false;
    </script>
</div>
91b5970cd70e2353d866806f8003c1cd56646961
<div id="mana_ajax_wrapper_above_products_mana_layered_nav">
</div>
91b5970cd70e2353d866806f8003c1cd56646961
<div id="mana_ajax_wrapper_mobile_mana_layered_nav">
    <div class="mana-filter-block mana-mobile" data-mage-init='{"Manadev_Core/js/StatefulCollapsibleWidget":{"id": "mobile.mana.layered_nav.title", "openedState": "active", "collapsible": true, "animate": 150, "active": false}, "Manadev_LayeredNavigation/js/NavigationView": {}}'>
        <dl class="filter-options" data-role="collapsible">
            <dt data-role="title">
                <div class="m-filter-title" data-role="trigger">
                    Filter                    <span class="collapse-indicator">&nbsp;</span>
                </div>
                                            </dt>
            <dd class="block-content" data-role="content" data-mage-init='{"Manadev_Core/js/StatefulAccordionWidget":{"id": "mobile.mana.layered_nav.filters", "openedState": "active", "active": "0", "animate": 150}}'>
<!--            >-->
                                    <dl data-role='collapsible'>
                        <dt data-role="title">
                            Price                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                <ol id="show_on_mobile-price" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/price/-10.49"data-action="+price=-10.49&p=" rel="nofollow">
                    $0 - $10                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/price/10.49-"data-action="+price=10.49-&p=" rel="nofollow">
                    $10+                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </div>
                        </dd>
                    </dl>
                                        <dl data-role='collapsible'>
                        <dt data-role="title">
                            Color                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                <ol id="show_on_mobile-color_filter" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/color/clear"data-action="+color_filter=4672&p=" rel="nofollow">
                    Clear                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/color/black"data-action="+color_filter=4669&p=" rel="nofollow">
                    Black                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/color/blue"data-action="+color_filter=4673&p=" rel="nofollow">
                    Blue                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </div>
                        </dd>
                    </dl>
                                        <dl data-role='collapsible'>
                        <dt data-role="title">
                            Size                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                
<div class="manadev-expandable-filter outer-container show-more-show-less">
    <div class="inner-container">
        <ol id="show_on_mobile-size" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/size/9-inch-x-12-inch-5"data-action="+size=3951&p=" rel="nofollow">
                    9&quot; x 12&quot;                                            <span class="count">3<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/size/12-inch-x-18-inch"data-action="+size=2576&p=" rel="nofollow">
                    12&quot; x 18&quot;                                            <span class="count">3<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/size/18-inch-x-24-inch"data-action="+size=864&p=" rel="nofollow">
                    18&quot; x 24&quot;                                            <span class="count">3<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/size/24-inch-x-36-inch"data-action="+size=1227&p=" rel="nofollow">
                    24&quot; x 36&quot;                                            <span class="count">3<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/dahle-north-america/dahle-cutting-mats/size/36-inch-x-48-inch-2"data-action="+size=3318&p=" rel="nofollow">
                    36&quot; x 48&quot;                                            <span class="count">3<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
    </div>
</div>
    <div class="manadev-show-more custom-showmore">
        <a href="#" title="Show more">Show more</a>
    </div>
<script>
    require([
        'jquery',
        'Manadev_LayeredNavigationShowMore/js/showMoreShowLess'
    ], function($) {
        var options = {
    "number_of_visible_items": "4",
    "show_more_label": "Show more",
    "show_less_label": "Show less",
    "transition_duration_ms": "100"
};
        $("#show_on_mobile-size").showMoreShowLess(options);
    });
</script>
                            </div>
                        </dd>
                    </dl>
                                </dd>
        </dl>
    </div>
            <script type="text/x-magento-init">
            {
    ".mana-mobile": {
        "Manadev_LayeredNavigationMobile\/js\/manaMobileLayeredNavigation": {
            "max_width": "767"
        }
    }
}        </script>
            <script>
        require(['jquery'], function ($) {
            //console.log('window width: ' + $(window).width());
            if ($(window).width() <= 767) {
                $('body').addClass('mana-mobile-layered-navigation-enabled');
            }
        });
    </script>
    </div>