{"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\/binding\/binding-supplies\/fastback-binding-tape\/fastback-covers\/composition-hardcovers","title":"Powis Parker Fastback Composition Hard Covers | Spiral"}
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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/price/-195"data-action="+price=-195&p=" rel="nofollow">
                    $0 - $195                                            <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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/price/195-"data-action="+price=195-&p=" rel="nofollow">
                    $195+                                            <span class="count">3<span class="filter-count-label">
                                                            items                                                    </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">
                                
<div class="manadev-expandable-filter outer-container show-more-show-less">
    <div class="inner-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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/color/white"data-action="+color_filter=4670&p=" rel="nofollow">
                    White                                            <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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/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>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/color/navy"data-action="+color_filter=4726&p=" rel="nofollow">
                    Navy                                            <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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/color/maroon"data-action="+color_filter=4676&p=" rel="nofollow">
                    Maroon                                            <span class="count">2<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-color_filter").showMoreShowLess(options);
    });
</script>
                            </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">
                                <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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/size/8_1/2-inch-x-11-inch............."data-action="+size=823&p=" rel="nofollow">
                    8-1/2&quot; x 11&quot;.............                                            <span class="count">4<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/size/8_1/2-inch-w-x-11-inch-h-[letter-size,-portrait]"data-action="+size=6915&p=" rel="nofollow">
                    8-1/2&quot; W x 11&quot; H [Letter Size, Portrait]                                            <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">
                            Compatible Binding Machines                            <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-compatible_equip_bind_filter" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/compatible-binding-machines/fastback-model-9"data-action="+compatible_equip_bind_filter=4304&p=" rel="nofollow">
                    Fastback Model 9                                            <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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/compatible-binding-machines/fastback-model-20"data-action="+compatible_equip_bind_filter=4305&p=" rel="nofollow">
                    Fastback Model 20                                            <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">
                            Compatible Fastback Machines                            <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-compatequip_fastback_filter" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/compatible-fastback-machines/fastback-model-9"data-action="+compatequip_fastback_filter=4496&p=" rel="nofollow">
                    Fastback Model 9                                            <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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/compatible-fastback-machines/fastback-model-20"data-action="+compatequip_fastback_filter=4497&p=" rel="nofollow">
                    Fastback Model 20                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </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\/binding\/binding-supplies\/fastback-binding-tape\/fastback-covers\/composition-hardcovers","formKey":"Dmvz3qEjbXyOX7ts","post":false}}'>
        
        <p class="toolbar-amount" id="toolbar-amount">
            <span class="toolbar-number">5</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-11355">
                <div class="product-item-info" data-container="product-grid">
                                        <div class="col-left cell">
                                        <a href="https://www.spiralbinding.com/composition-fastback-easyback-hardcovers"
                       class="product photo product-item-photo"
                       tabindex="-1">
                        <span class="product-image-container product-image-container-11355">
    <span class="product-image-wrapper">
            <picture>
        
                    <source type="image/webp"
                    srcset="https://www.spiralbinding.com/media/opti_image/webp/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/e/a/easybackhardcovers_composition_510x510_1.webp">
        
        <source type="image/jpg"
                srcset="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/e/a/easybackhardcovers_composition_510x510_1.jpg">

        <img class="product-image-photo"
                        src="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/e/a/easybackhardcovers_composition_510x510_1.jpg"
            loading="lazy"
            width="320"
            height="320"
            alt="Four&#x20;Fastback&#x20;Easyback&#x20;Composition&#x20;Hard&#x20;Covers&#x20;in&#x20;black,&#x20;white,&#x20;navy&#x20;blue,&#x20;and&#x20;maroon&#x20;are&#x20;standing&#x20;upright&#x20;in&#x20;a&#x20;staggered&#x20;row,&#x20;showing&#x20;their&#x20;textured&#x20;surfaces&#x20;and&#x20;bound&#x20;edges." loading="lazy" decoding="async" />    </picture>

</span>
</span>
<style>.product-image-container-11355 {
    width: 320px;
}
.product-image-container-11355 span.product-image-wrapper {
    padding-bottom: 100%;
}</style><script type="text&#x2F;javascript">prodImageContainers = document.querySelectorAll(".product-image-container-11355");
for (var i = 0; i < prodImageContainers.length; i++) {
    prodImageContainers[i].style.width = "320px";
}
prodImageContainersWrappers = document.querySelectorAll(
    ".product-image-container-11355  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/composition-fastback-easyback-hardcovers">
  Fastback Easyback Composition Hard Covers (Pack of 25 Sets)  </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/composition-fastback-easyback-hardcovers"><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-18961">
                <div class="product-item-info" data-container="product-grid">
                                        <div class="col-left cell">
                                        <a href="https://www.spiralbinding.com/85x11-black-composition-portrait-fastback-hardcovers"
                       class="product photo product-item-photo"
                       tabindex="-1">
                        <span class="product-image-container product-image-container-18961">
    <span class="product-image-wrapper">
            <picture>
        
                    <source type="image/webp"
                    srcset="https://www.spiralbinding.com/media/opti_image/webp/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_black2_4.webp">
        
        <source type="image/jpg"
                srcset="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_black2_4.jpg">

        <img class="product-image-photo"
                        src="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_black2_4.jpg"
            loading="lazy"
            width="320"
            height="320"
            alt="A&#x20;stack&#x20;of&#x20;closed&#x20;8.5&quot;&#x20;x&#x20;11&quot;&#x20;Black&#x20;Composition&#x20;Portrait&#x20;Fastback&#x20;Hardcovers&#x20;is&#x20;displayed&#x20;above&#x20;an&#x20;open&#x20;cover,&#x20;showing&#x20;the&#x20;interior&#x20;spine&#x20;channel&#x20;lined&#x20;with&#x20;adhesive&#x20;strips&#x20;for&#x20;binding." loading="lazy" decoding="async" />    </picture>

</span>
</span>
<style>.product-image-container-18961 {
    width: 320px;
}
.product-image-container-18961 span.product-image-wrapper {
    padding-bottom: 100%;
}</style><script type="text&#x2F;javascript">prodImageContainers = document.querySelectorAll(".product-image-container-18961");
for (var i = 0; i < prodImageContainers.length; i++) {
    prodImageContainers[i].style.width = "320px";
}
prodImageContainersWrappers = document.querySelectorAll(
    ".product-image-container-18961  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/85x11-black-composition-portrait-fastback-hardcovers">
  8.5&quot; x 11&quot; Black Composition Portrait Fastback Hardcovers (25 Books)  </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/85x11-black-composition-portrait-fastback-hardcovers"><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-18960">
                <div class="product-item-info" data-container="product-grid">
                                        <div class="col-left cell">
                                        <a href="https://www.spiralbinding.com/85x11-white-composition-portrait-fastback-hardcovers"
                       class="product photo product-item-photo"
                       tabindex="-1">
                        <span class="product-image-container product-image-container-18960">
    <span class="product-image-wrapper">
            <picture>
        
                    <source type="image/webp"
                    srcset="https://www.spiralbinding.com/media/opti_image/webp/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_white2_3.webp">
        
        <source type="image/jpg"
                srcset="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_white2_3.jpg">

        <img class="product-image-photo"
                        src="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_white2_3.jpg"
            loading="lazy"
            width="320"
            height="320"
            alt="Six&#x20;8.5&quot;&#x20;x&#x20;11&quot;&#x20;White&#x20;Composition&#x20;Portrait&#x20;Fastback&#x20;Hardcovers&#x20;are&#x20;stacked,&#x20;with&#x20;a&#x20;set&#x20;of&#x20;endleaves&#x20;displayed&#x20;underneath." loading="lazy" decoding="async" />    </picture>

</span>
</span>
<style>.product-image-container-18960 {
    width: 320px;
}
.product-image-container-18960 span.product-image-wrapper {
    padding-bottom: 100%;
}</style><script type="text&#x2F;javascript">prodImageContainers = document.querySelectorAll(".product-image-container-18960");
for (var i = 0; i < prodImageContainers.length; i++) {
    prodImageContainers[i].style.width = "320px";
}
prodImageContainersWrappers = document.querySelectorAll(
    ".product-image-container-18960  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/85x11-white-composition-portrait-fastback-hardcovers">
  8.5&quot; x 11&quot; White Composition Portrait Fastback Hardcovers (25 Books)  </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/85x11-white-composition-portrait-fastback-hardcovers"><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-18962">
                <div class="product-item-info" data-container="product-grid">
                                        <div class="col-left cell">
                                        <a href="https://www.spiralbinding.com/85x11-dark-blue-composition-portrait-fastback-hardcovers"
                       class="product photo product-item-photo"
                       tabindex="-1">
                        <span class="product-image-container product-image-container-18962">
    <span class="product-image-wrapper">
            <picture>
        
                    <source type="image/webp"
                    srcset="https://www.spiralbinding.com/media/opti_image/webp/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_darkblue2_4.webp">
        
        <source type="image/jpg"
                srcset="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_darkblue2_4.jpg">

        <img class="product-image-photo"
                        src="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_darkblue2_4.jpg"
            loading="lazy"
            width="320"
            height="320"
            alt="A&#x20;set&#x20;of&#x20;8.5&quot;&#x20;x&#x20;11&quot;&#x20;Dark&#x20;Blue&#x20;Composition&#x20;Portrait&#x20;Fastback&#x20;Hardcovers&#x20;stacked&#x20;together&#x20;with&#x20;a&#x20;rectangular&#x20;frame&#x20;in&#x20;the&#x20;background." loading="lazy" decoding="async" />    </picture>

</span>
</span>
<style>.product-image-container-18962 {
    width: 320px;
}
.product-image-container-18962 span.product-image-wrapper {
    padding-bottom: 100%;
}</style><script type="text&#x2F;javascript">prodImageContainers = document.querySelectorAll(".product-image-container-18962");
for (var i = 0; i < prodImageContainers.length; i++) {
    prodImageContainers[i].style.width = "320px";
}
prodImageContainersWrappers = document.querySelectorAll(
    ".product-image-container-18962  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/85x11-dark-blue-composition-portrait-fastback-hardcovers">
  8.5&quot; x 11&quot; Dark Blue Composition Portrait Fastback Hardcovers (25 Books)  </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/85x11-dark-blue-composition-portrait-fastback-hardcovers"><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-18973">
                <div class="product-item-info" data-container="product-grid">
                                        <div class="col-left cell">
                                        <a href="https://www.spiralbinding.com/85x11-maroon-portrait-composition-fastback-hardcovers"
                       class="product photo product-item-photo"
                       tabindex="-1">
                        <span class="product-image-container product-image-container-18973">
    <span class="product-image-wrapper">
            <picture>
        
                    <source type="image/webp"
                    srcset="https://www.spiralbinding.com/media/opti_image/webp/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_maroon2_2.webp">
        
        <source type="image/jpg"
                srcset="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_maroon2_2.jpg">

        <img class="product-image-photo"
                        src="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_maroon2_2.jpg"
            loading="lazy"
            width="320"
            height="320"
            alt="A&#x20;stack&#x20;of&#x20;8.5&quot;&#x20;x&#x20;11&quot;&#x20;Maroon&#x20;Composition&#x20;Portrait&#x20;Fastback&#x20;Hardcovers&#x20;placed&#x20;next&#x20;to&#x20;matching&#x20;endleaves." loading="lazy" decoding="async" />    </picture>

</span>
</span>
<style>.product-image-container-18973 {
    width: 320px;
}
.product-image-container-18973 span.product-image-wrapper {
    padding-bottom: 100%;
}</style><script type="text&#x2F;javascript">prodImageContainers = document.querySelectorAll(".product-image-container-18973");
for (var i = 0; i < prodImageContainers.length; i++) {
    prodImageContainers[i].style.width = "320px";
}
prodImageContainersWrappers = document.querySelectorAll(
    ".product-image-container-18973  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/85x11-maroon-portrait-composition-fastback-hardcovers">
  8.5&quot; x 11&quot; Maroon Composition Portrait Fastback Hardcovers (25 Books)  </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/85x11-maroon-portrait-composition-fastback-hardcovers"><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\/binding\/binding-supplies\/fastback-binding-tape\/fastback-covers\/composition-hardcovers","formKey":"Dmvz3qEjbXyOX7ts","post":false}}'>
        
        <p class="toolbar-amount" id="toolbar-amount">
            <span class="toolbar-number">5</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": "56HCP8511MAC\u002DGRP"
                }
            }
        }
        </script>
    <script type="text/javascript">
window.baseUrl = "https:\/\/www.spiralbinding.com\/";
var categoryItems = [];
  categoryItems.push({'sku':"56FBEBHCC-GRP"});
  categoryItems.push({'sku':"56HCP8511BKC-GRP"});
  categoryItems.push({'sku':"56HCP8511WHC-GRP"});
  categoryItems.push({'sku':"56HCP8511DBC-GRP"});
  categoryItems.push({'sku':"56HCP8511MAC-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\/binding\/binding-supplies\/fastback-binding-tape\/fastback-covers\/composition-hardcovers","formKey":"Dmvz3qEjbXyOX7ts","post":false}}'>
        
        <p class="toolbar-amount" id="toolbar-amount">
            <span class="toolbar-number">5</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-11355">
                <div class="product-item-info" data-container="product-grid">
                                        <div class="col-left cell">
                                        <a href="https://www.spiralbinding.com/composition-fastback-easyback-hardcovers"
                       class="product photo product-item-photo"
                       tabindex="-1">
                        <span class="product-image-container product-image-container-11355">
    <span class="product-image-wrapper">
            <picture>
        
                    <source type="image/webp"
                    srcset="https://www.spiralbinding.com/media/opti_image/webp/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/e/a/easybackhardcovers_composition_510x510_1.webp">
        
        <source type="image/jpg"
                srcset="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/e/a/easybackhardcovers_composition_510x510_1.jpg">

        <img class="product-image-photo"
                        src="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/e/a/easybackhardcovers_composition_510x510_1.jpg"
            loading="lazy"
            width="320"
            height="320"
            alt="Four&#x20;Fastback&#x20;Easyback&#x20;Composition&#x20;Hard&#x20;Covers&#x20;in&#x20;black,&#x20;white,&#x20;navy&#x20;blue,&#x20;and&#x20;maroon&#x20;are&#x20;standing&#x20;upright&#x20;in&#x20;a&#x20;staggered&#x20;row,&#x20;showing&#x20;their&#x20;textured&#x20;surfaces&#x20;and&#x20;bound&#x20;edges." loading="lazy" decoding="async" />    </picture>

</span>
</span>
<style>.product-image-container-11355 {
    width: 320px;
}
.product-image-container-11355 span.product-image-wrapper {
    padding-bottom: 100%;
}</style><script type="text&#x2F;javascript">prodImageContainers = document.querySelectorAll(".product-image-container-11355");
for (var i = 0; i < prodImageContainers.length; i++) {
    prodImageContainers[i].style.width = "320px";
}
prodImageContainersWrappers = document.querySelectorAll(
    ".product-image-container-11355  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/composition-fastback-easyback-hardcovers">
  Fastback Easyback Composition Hard Covers (Pack of 25 Sets)  </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/composition-fastback-easyback-hardcovers"><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-18961">
                <div class="product-item-info" data-container="product-grid">
                                        <div class="col-left cell">
                                        <a href="https://www.spiralbinding.com/85x11-black-composition-portrait-fastback-hardcovers"
                       class="product photo product-item-photo"
                       tabindex="-1">
                        <span class="product-image-container product-image-container-18961">
    <span class="product-image-wrapper">
            <picture>
        
                    <source type="image/webp"
                    srcset="https://www.spiralbinding.com/media/opti_image/webp/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_black2_4.webp">
        
        <source type="image/jpg"
                srcset="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_black2_4.jpg">

        <img class="product-image-photo"
                        src="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_black2_4.jpg"
            loading="lazy"
            width="320"
            height="320"
            alt="A&#x20;stack&#x20;of&#x20;closed&#x20;8.5&quot;&#x20;x&#x20;11&quot;&#x20;Black&#x20;Composition&#x20;Portrait&#x20;Fastback&#x20;Hardcovers&#x20;is&#x20;displayed&#x20;above&#x20;an&#x20;open&#x20;cover,&#x20;showing&#x20;the&#x20;interior&#x20;spine&#x20;channel&#x20;lined&#x20;with&#x20;adhesive&#x20;strips&#x20;for&#x20;binding." loading="lazy" decoding="async" />    </picture>

</span>
</span>
<style>.product-image-container-18961 {
    width: 320px;
}
.product-image-container-18961 span.product-image-wrapper {
    padding-bottom: 100%;
}</style><script type="text&#x2F;javascript">prodImageContainers = document.querySelectorAll(".product-image-container-18961");
for (var i = 0; i < prodImageContainers.length; i++) {
    prodImageContainers[i].style.width = "320px";
}
prodImageContainersWrappers = document.querySelectorAll(
    ".product-image-container-18961  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/85x11-black-composition-portrait-fastback-hardcovers">
  8.5&quot; x 11&quot; Black Composition Portrait Fastback Hardcovers (25 Books)  </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/85x11-black-composition-portrait-fastback-hardcovers"><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-18960">
                <div class="product-item-info" data-container="product-grid">
                                        <div class="col-left cell">
                                        <a href="https://www.spiralbinding.com/85x11-white-composition-portrait-fastback-hardcovers"
                       class="product photo product-item-photo"
                       tabindex="-1">
                        <span class="product-image-container product-image-container-18960">
    <span class="product-image-wrapper">
            <picture>
        
                    <source type="image/webp"
                    srcset="https://www.spiralbinding.com/media/opti_image/webp/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_white2_3.webp">
        
        <source type="image/jpg"
                srcset="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_white2_3.jpg">

        <img class="product-image-photo"
                        src="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_white2_3.jpg"
            loading="lazy"
            width="320"
            height="320"
            alt="Six&#x20;8.5&quot;&#x20;x&#x20;11&quot;&#x20;White&#x20;Composition&#x20;Portrait&#x20;Fastback&#x20;Hardcovers&#x20;are&#x20;stacked,&#x20;with&#x20;a&#x20;set&#x20;of&#x20;endleaves&#x20;displayed&#x20;underneath." loading="lazy" decoding="async" />    </picture>

</span>
</span>
<style>.product-image-container-18960 {
    width: 320px;
}
.product-image-container-18960 span.product-image-wrapper {
    padding-bottom: 100%;
}</style><script type="text&#x2F;javascript">prodImageContainers = document.querySelectorAll(".product-image-container-18960");
for (var i = 0; i < prodImageContainers.length; i++) {
    prodImageContainers[i].style.width = "320px";
}
prodImageContainersWrappers = document.querySelectorAll(
    ".product-image-container-18960  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/85x11-white-composition-portrait-fastback-hardcovers">
  8.5&quot; x 11&quot; White Composition Portrait Fastback Hardcovers (25 Books)  </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/85x11-white-composition-portrait-fastback-hardcovers"><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-18962">
                <div class="product-item-info" data-container="product-grid">
                                        <div class="col-left cell">
                                        <a href="https://www.spiralbinding.com/85x11-dark-blue-composition-portrait-fastback-hardcovers"
                       class="product photo product-item-photo"
                       tabindex="-1">
                        <span class="product-image-container product-image-container-18962">
    <span class="product-image-wrapper">
            <picture>
        
                    <source type="image/webp"
                    srcset="https://www.spiralbinding.com/media/opti_image/webp/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_darkblue2_4.webp">
        
        <source type="image/jpg"
                srcset="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_darkblue2_4.jpg">

        <img class="product-image-photo"
                        src="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_darkblue2_4.jpg"
            loading="lazy"
            width="320"
            height="320"
            alt="A&#x20;set&#x20;of&#x20;8.5&quot;&#x20;x&#x20;11&quot;&#x20;Dark&#x20;Blue&#x20;Composition&#x20;Portrait&#x20;Fastback&#x20;Hardcovers&#x20;stacked&#x20;together&#x20;with&#x20;a&#x20;rectangular&#x20;frame&#x20;in&#x20;the&#x20;background." loading="lazy" decoding="async" />    </picture>

</span>
</span>
<style>.product-image-container-18962 {
    width: 320px;
}
.product-image-container-18962 span.product-image-wrapper {
    padding-bottom: 100%;
}</style><script type="text&#x2F;javascript">prodImageContainers = document.querySelectorAll(".product-image-container-18962");
for (var i = 0; i < prodImageContainers.length; i++) {
    prodImageContainers[i].style.width = "320px";
}
prodImageContainersWrappers = document.querySelectorAll(
    ".product-image-container-18962  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/85x11-dark-blue-composition-portrait-fastback-hardcovers">
  8.5&quot; x 11&quot; Dark Blue Composition Portrait Fastback Hardcovers (25 Books)  </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/85x11-dark-blue-composition-portrait-fastback-hardcovers"><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-18973">
                <div class="product-item-info" data-container="product-grid">
                                        <div class="col-left cell">
                                        <a href="https://www.spiralbinding.com/85x11-maroon-portrait-composition-fastback-hardcovers"
                       class="product photo product-item-photo"
                       tabindex="-1">
                        <span class="product-image-container product-image-container-18973">
    <span class="product-image-wrapper">
            <picture>
        
                    <source type="image/webp"
                    srcset="https://www.spiralbinding.com/media/opti_image/webp/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_maroon2_2.webp">
        
        <source type="image/jpg"
                srcset="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_maroon2_2.jpg">

        <img class="product-image-photo"
                        src="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/h/a/hardcovers_composition_maroon2_2.jpg"
            loading="lazy"
            width="320"
            height="320"
            alt="A&#x20;stack&#x20;of&#x20;8.5&quot;&#x20;x&#x20;11&quot;&#x20;Maroon&#x20;Composition&#x20;Portrait&#x20;Fastback&#x20;Hardcovers&#x20;placed&#x20;next&#x20;to&#x20;matching&#x20;endleaves." loading="lazy" decoding="async" />    </picture>

</span>
</span>
<style>.product-image-container-18973 {
    width: 320px;
}
.product-image-container-18973 span.product-image-wrapper {
    padding-bottom: 100%;
}</style><script type="text&#x2F;javascript">prodImageContainers = document.querySelectorAll(".product-image-container-18973");
for (var i = 0; i < prodImageContainers.length; i++) {
    prodImageContainers[i].style.width = "320px";
}
prodImageContainersWrappers = document.querySelectorAll(
    ".product-image-container-18973  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/85x11-maroon-portrait-composition-fastback-hardcovers">
  8.5&quot; x 11&quot; Maroon Composition Portrait Fastback Hardcovers (25 Books)  </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/85x11-maroon-portrait-composition-fastback-hardcovers"><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\/binding\/binding-supplies\/fastback-binding-tape\/fastback-covers\/composition-hardcovers","formKey":"Dmvz3qEjbXyOX7ts","post":false}}'>
        
        <p class="toolbar-amount" id="toolbar-amount">
            <span class="toolbar-number">5</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": "56HCP8511MAC\u002DGRP"
                }
            }
        }
        </script>
    <script type="text/javascript">
window.baseUrl = "https:\/\/www.spiralbinding.com\/";
var categoryItems = [];
  categoryItems.push({'sku':"56FBEBHCC-GRP"});
  categoryItems.push({'sku':"56HCP8511BKC-GRP"});
  categoryItems.push({'sku':"56HCP8511WHC-GRP"});
  categoryItems.push({'sku':"56HCP8511DBC-GRP"});
  categoryItems.push({'sku':"56HCP8511MAC-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">
<div class="manadev-expandable-filter outer-container show-more-show-less">
    <div class="inner-container">
        <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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/color/white"data-action="+color_filter=4670&p=" rel="nofollow">
                    White                                            <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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/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>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/color/navy"data-action="+color_filter=4726&p=" rel="nofollow">
                    Navy                                            <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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/color/maroon"data-action="+color_filter=4676&p=" rel="nofollow">
                    Maroon                                            <span class="count">2<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-color_filter").showMoreShowLess(options);
    });
</script>
</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"><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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/size/8_1/2-inch-x-11-inch............."data-action="+size=823&p=" rel="nofollow">
                    8-1/2&quot; x 11&quot;.............                                            <span class="count">4<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/size/8_1/2-inch-w-x-11-inch-h-[letter-size,-portrait]"data-action="+size=6915&p=" rel="nofollow">
                    8-1/2&quot; W x 11&quot; H [Letter Size, Portrait]                                            <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-compatible-equip-bind-filter">Compatible Binding Machines</dt>
                    <dd class="filter-options-content main-filter-compatible-equip-bind-filter"><ol id="show_in_main_sidebar-compatible_equip_bind_filter" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/compatible-binding-machines/fastback-model-9"data-action="+compatible_equip_bind_filter=4304&p=" rel="nofollow">
                    Fastback Model 9                                            <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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/compatible-binding-machines/fastback-model-20"data-action="+compatible_equip_bind_filter=4305&p=" rel="nofollow">
                    Fastback Model 20                                            <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-compatequip-fastback-filter">Compatible Fastback Machines</dt>
                    <dd class="filter-options-content main-filter-compatequip-fastback-filter"><ol id="show_in_main_sidebar-compatequip_fastback_filter" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/compatible-fastback-machines/fastback-model-9"data-action="+compatequip_fastback_filter=4496&p=" rel="nofollow">
                    Fastback Model 9                                            <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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/compatible-fastback-machines/fastback-model-20"data-action="+compatequip_fastback_filter=4497&p=" rel="nofollow">
                    Fastback Model 20                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
            </ol>
</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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/price/-195"data-action="+price=-195&p=" rel="nofollow">
                    $0 - $195                                            <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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/price/195-"data-action="+price=195-&p=" rel="nofollow">
                    $195+                                            <span class="count">3<span class="filter-count-label">
                                                            items                                                    </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">
                                
<div class="manadev-expandable-filter outer-container show-more-show-less">
    <div class="inner-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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/color/white"data-action="+color_filter=4670&p=" rel="nofollow">
                    White                                            <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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/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>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/color/navy"data-action="+color_filter=4726&p=" rel="nofollow">
                    Navy                                            <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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/color/maroon"data-action="+color_filter=4676&p=" rel="nofollow">
                    Maroon                                            <span class="count">2<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-color_filter").showMoreShowLess(options);
    });
</script>
                            </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">
                                <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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/size/8_1/2-inch-x-11-inch............."data-action="+size=823&p=" rel="nofollow">
                    8-1/2&quot; x 11&quot;.............                                            <span class="count">4<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/size/8_1/2-inch-w-x-11-inch-h-[letter-size,-portrait]"data-action="+size=6915&p=" rel="nofollow">
                    8-1/2&quot; W x 11&quot; H [Letter Size, Portrait]                                            <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">
                            Compatible Binding Machines                            <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-compatible_equip_bind_filter" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/compatible-binding-machines/fastback-model-9"data-action="+compatible_equip_bind_filter=4304&p=" rel="nofollow">
                    Fastback Model 9                                            <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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/compatible-binding-machines/fastback-model-20"data-action="+compatible_equip_bind_filter=4305&p=" rel="nofollow">
                    Fastback Model 20                                            <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">
                            Compatible Fastback Machines                            <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-compatequip_fastback_filter" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/compatible-fastback-machines/fastback-model-9"data-action="+compatequip_fastback_filter=4496&p=" rel="nofollow">
                    Fastback Model 9                                            <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/binding/binding-supplies/fastback-binding-tape/fastback-covers/composition-hardcovers/compatible-fastback-machines/fastback-model-20"data-action="+compatequip_fastback_filter=4497&p=" rel="nofollow">
                    Fastback Model 20                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </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>