
    <!DOCTYPE html>
    <html lang="en" ng-app="app" ng-controller="ShellController">

    <head>
        <meta name="description" content="{{description}}">
        <meta name="keywords" content="Pavestone" />
        <meta name="prerender-status-code" content="404" ng-if="notFound">
        <meta charset="UTF-8">
        <!-- PV Update 1/3/2020: Updated name="viewport-fit=cover" to name="viewport" so that site is responsive on mobile -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>{{title}}</title>
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700" rel="stylesheet" type="text/css">
        <base href="/">
        
<!-- CSS reset -->
<link rel="stylesheet" href="/css/reset.css">


<!-- Resource style - PV Update - 11/22/2016: Moved below other .css files to fix ps-group-dropdown class alignment issue -->

<!-- Pavestone style -->
<link rel="stylesheet" href="/css/bootstrap.css">
<link rel="stylesheet" href="/css/bootstrap-theme.css">
<!--<link href="/css/yamm-demo.css" rel="stylesheet"> PV Update: Remove this line if nothing is amiss-->
<link href="/css/yamm.css" rel="stylesheet">
<link href="/css/rzslider.css" rel="stylesheet">

<!-- Resource style -->
<link rel="stylesheet" href="/css/pavestone.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="/css/style.css"> <!--Filtering Style-->


<script src="/js/modernizr.js"></script>


<!-- Angular -->
<script src="/js/jquery-2.1.1.js"></script>
<script src="/lib/jquery-ui/jquery-ui.js"></script>
<script src="/lib/angular/angular.js"></script>
<script src="/lib/angular/angular-route.js"></script>
<script src="/lib/angular/angular-cookies.js"></script>
<script src="/lib/angular/angular-sanitize.js"></script>

<script src="/lib/angular-rwdImageMaps.js"></script>
<!--<script type="text/javascript" src="/lib/angular-recaptcha.js"></script>-->
<script type="text/javascript" src="/lib/VividCortex-angular-recaptcha-73d01e4/release/angular-recaptcha.js"></script>
<script src="/js/app.js"></script>

<!-- Resources -->

<script src="/js/jquery.mixitup.min.js"></script>
<script src="/js/main.js"></script>
<script src="/js/bootstrap.js"></script>
<script src="/lib/rzslider.js"></script>
<script src="/lib/tinymce/tinymce.min.js"></script>
<script src="/lib/three.min.js"></script>
<script src="/lib/OBJLoader.js"></script>
<script src="/lib/MTLLoader.js"></script>
<script src="/lib/DDSLoader.js"></script>
<script src="/lib/lazy-image.js"></script>
<!-- Services  -->
<script src="/services/dataread.js"></script>
<script src="/services/navBar.js"></script>
<script src="/services/loginService.js"></script>
<script src="/services/title.js"></script>
<script src="/edit/fileReader.js"></script>

<!-- Controllers  -->
<script src="/filter/ProductsController.js"></script>
<script src="/pages/CategoryPageController.js"></script>
<script src="/pages/NewCareersController.js"></script>
<script src="/pages/ProjectCategoryController.js"></script>
<script src="/nav/HomePageController.js"></script>
<script src="/nav/ContractorsHomePageController.js"></script>
<script src="/nav/404-errorController.js"></script>
<script src="/nav/LandingPageController.js"></script>
<script src="/nav/ResourcesMenuController.js"></script>
<script src="/nav/ResourcesController.js"></script>
<script src="/nav/ContactController.js"></script>
<script src="/nav/ContactControllerTest.js"></script>
<script src="/nav/WhereToBuyController.js"></script>
<script src="/nav/AboutController.js"></script>
<script src="/nav/ProductWarrantyController.js"></script>
<script src="/pages/ProductPageController.js"></script>
<script src="/pages/ProductFamilyController.js"></script>
<script src="/pages/ProjectFamilyController.js"></script>
<script src="/pages/ProjectProfilesController.js"></script>
<script src="/pages/ProjectPageController.js"></script>
<script src="/pages/OutdoorLivingController.js"></script>
<script src="/edit/ListsController.js"></script>
<script src="/edit/EditProductController.js"></script>
<script src="/gallery/GalleryController.js"></script>
<script src="/gallery/GalleryController1.js"></script>
<script src="/gallery/PatioController.js"></script>
<script src="/gallery/PathwayController.js"></script>
<script src="/gallery/StepController.js"></script>
<script src="/gallery/WallController.js"></script>
<script src="/gallery/DrivewayController.js"></script>
<script src="/gallery/PoolController.js"></script>
<script src="/gallery/FirepitController.js"></script>
<script src="/gallery/TerraceController.js"></script>
<script src="/gallery/WalkwayController.js"></script>
<script src="/gallery/RetainingController.js"></script>
<script src="/gallery/StreetController.js"></script>
<script src="/gallery/PlazaController.js"></script>
<script src="/gallery/ParkingController.js"></script>
<script src="/A-Z/AlphabeticalController.js"></script>
<script src="/login/LoginController.js"></script>
<script src="/search/SiteSearchController.js"></script>
<script src="/theme/ThemeController.js"></script>
<script src="/ShellController.js"></script>

<!-- Directives -->
<script src="/directives/paveheader.js"></script>
<script src="/directives/pavefooter.js"></script>
<script src="/directives/categoryblock.js"></script>
<script src="/directives/familyproductblock.js"></script>
<script src="/directives/productblock.js"></script>
<script src="/directives/familiesblock.js"></script>
<script src="/directives/relatedproducts.js"></script>
<script src="/directives/resourcesmenu.js"></script>
<script src="/directives/errSrc.js"></script>
<script src="/filter/onFinishRender.js"></script>
<script src="/edit/ngFileSelect.js"></script>
<script src="/calculator/eSQFTCalculator.js"></script>
<script src="/calculator/eLNFTCalculator.js"></script>
<script src="/calculator/eFCFTCalculator.js"></script>
<script src="/calculator/eCBFTCalculator.js"></script>

<!-- Resources - Remove after testing
<script src="/js/jquery-2.1.1.js"></script>
<script src="/js/jquery.mixitup.min.js"></script>
<script src="/js/main.js"></script>
<script src="/js/bootstrap.js"></script>
<script src="/lib/rzslider.js"></script>-->

<!-- FANCYBOX -->
       


    <!-- Add jQuery library -->
	<!--	<script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>-->
       

        <!-- Add mousewheel plugin (this is optional) -->
        <script type="text/javascript" src="/js/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
        
        <!-- Add fancyBox -->
        <link rel="stylesheet" href="/js/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
        <script type="text/javascript" src="/js/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
        
        <!-- Optionally add helpers - button, thumbnail and/or media -->
        <link rel="stylesheet" href="/js/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
        <script type="text/javascript" src="/js/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
        <script type="text/javascript" src="/js/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>
        
        <link rel="stylesheet" href="/js/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
        <script type="text/javascript" src="/js/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
        
        
        <script type="text/javascript">
            $(document).ready(function() {
                
                //Utilize with and height parameters. Add ?width=500&height=200 ex href="/file.html?width=500&height=200"
                $(".fancybox")
                //.attr('rel', 'gallery')
                .fancybox({
					openEffect	: 'none',
					closeEffect	: 'none',
                    type: 'iframe',
                    autoSize : false
                    /*beforeLoad : function() {                    
                        this.width = parseInt(this.href.match(/width=[0-9]+/i)[0].replace('width=',''));  
                        this.height = parseInt(this.href.match(/height=[0-9]+/i)[0].replace('height=',''));
                    }*/
                });
				
                
                $(".fancypdf").fancybox({
                    openEffect: 'none',
                    closeEffect: 'none',
                    autoSize: true,
                    type: 'iframe',
                    iframe: {
                        preload: false // fixes issue with iframe and IE
                    }
        
                });
				
				$(".fancybox-button").fancybox({
					prevEffect		: 'none',
					nextEffect		: 'none',
					closeBtn		: true,
					helpers		: {
						title	: { type : 'inside' },
						buttons	: {}
					}
				});
        
            });
        </script>
        
        <!--Body Onload-->
        <script type="text/javascript">
            $(document).ready(function() {
        
                $("#aLink").fancybox({
                    //'width'             : '800px',
                    //'height'            : '600px',
                    'autoScale'         : false,
                    'transitionIn'      : 'none',
                    'transitionOut'     : 'none',
                    'type'              : 'iframe',
                    'href'              : 'https://www.quikrete.com/newsletter.asp'
                });
                
                //launch on load after 5 second delay
                window.setTimeout('$("#aLink")', 5000);
        
            });
        </script>
        <!--//Body Onload-->
        
        
        <style type="text/css">
            .fancybox-custom .fancybox-skin {
                box-shadow: 0 0 50px #222;
            }
            .fancybox-inner {
                overflow: hidden !important; /*Fixes double/outer scrollbars with some Chrome on Windows 10*/
            }
        </style>
        <!-- //FANCYBOX -->


    <!-- Global site tag (gtag.js) - Google Ads: 881087099 -->
    <script>
    var enhanced_conversion_data = {};
    </script>
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-881087099"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'AW-881087099', {'allow_enhanced_conversions': true});
    </script>


    <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PGP8H9VS');</script>
<!-- End Google Tag Manager -->




        <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32" />
        <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16" />

        <!-- Global site tag (gtag.js) - Google Analytics -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-9896671-1"></script>
        <script>
            window.dataLayer = window.dataLayer || [];

            function gtag() {
                dataLayer.push(arguments);
            }
            gtag('js', new Date());

            gtag('config', 'UA-9896671-1');
        </script>

        <!-- Google tag (gtag.js) GA-4 Installed 11/28/2022 -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-P042TY901Y"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag() { dataLayer.push(arguments); }
            gtag('js', new Date());

            gtag('config', 'G-P042TY901Y');
        </script>

        <!-- Microsoft Clarity - Heatmap snippet -->
        <script type="text/javascript">
            (function (c, l, a, r, i, t, y) {
                c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) };
                t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i;
                y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
            })(window, document, "clarity", "script", "uc68jsma51");
        </script>
        <!-- End Microsoft Clarity - Heatmap snippet -->

        <!-- Sizmek Code for Pixel: 4.23.20 Pavestone Landing Pixel -->
        <!-- Begin DSP Conversion Action Tracking Code Version 9 -->
        <script type='text/javascript'>
            (function () {
                var w = window,
                    d = document;
                var s = d.createElement('script');
                s.setAttribute('async', 'true');
                s.setAttribute('type', 'text/javascript');
                s.setAttribute('src', '//c1.rfihub.net/js/tc.min.js');
                var f = d.getElementsByTagName('script')[0];
                f.parentNode.insertBefore(s, f);
                if (typeof w['_rfi'] !== 'function') {
                    w['_rfi'] = function () {
                        w['_rfi'].commands = w['_rfi'].commands || [];
                        w['_rfi'].commands.push(arguments);
                    };
                }
                _rfi('setArgs', 'ver', '9');
                _rfi('setArgs', 'rb', '38735');
                _rfi('setArgs', 'ca', '20819113');
                _rfi('setArgs', '_o', '38735');
                _rfi('setArgs', '_t', '20819113');
                _rfi('track');
            })();
        </script> <noscript> <iframe
                src='//20819113p.rfihub.com/ca.html?rb=38735&ca=20819113&_o=38735&_t=20819113&ra=YOUR_CUSTOM_CACHE_BUSTER'
                style='display:none;padding:0;margin:0' width='0' height='0'> </iframe> </noscript>
        <!-- End DSP Conversion Action Tracking Code Version 9 -->

        <!--BE IXF: JavaScript begin-->
        <!--Access to and use of BrightEdge AutoPilot - Self Connecting Pages is governed by the
			Infrastructure Product Terms located at: www.brightedge.com/infrastructure-product-terms.
			Customer acknowledges and agrees it has read, understands and agrees to be bound by the
			Infrastructure Product Terms. -->
        <script src="//cdn.bc0a.com/autopilot/f00000000305633/autopilot_sdk.js"></script>
        <style>
            .be-label {
                font-weight: bold;
            }
        </style>
        <!--BE IXF: JavaScript end-->



    </head>

    <body>
        <!--<div ng-if="head" html="{{head}}"></div>
    <div ng-if="body" html="{{body}}"></div>-->
        <!-- Google Tag Manager (noscript) -->
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PGP8H9VS" height="0" width="0"
                style="display:none;visibility:hidden"></iframe></noscript>
        <!-- End Google Tag Manager (noscript) -->
        <header class="visible ng-cloak" style="top:0; border-top: 8px #881a41 solid;">
            <div class="navbar yamm navbar-default">
                <div class="container">
                    <!--<div style="text-align: right; font-size:11px; font-weight:bold; margin: 5px; color: #881a41; text-transform: uppercase;"><strong>En Espa&#241;ol</strong></div>-->
                    <div class="navbar-header" style="margin: -15px 0px 0px 0px;">
                        <button type="button" class="navbar-toggle" data-toggle="collapse"
                            data-target=".navbar-collapse">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a href="/">
                            <img src="/img/logos/pavestone-logo-aqc.png" alt="Pavestone - Creating Beautiful Landscapes"
                                class="img-responsive ps-logo" style="max-width: 250px;">
                        </a>
                        <!--<a href="/">
                            <img src="/img/logos/{{logo}}" alt="Pavestone - Creating Beautiful Landscapes"
                                class="img-responsive ps-logo">
                        </a>-->
                        <!-- PV Update: Removed class="navbar-brand" from a tag to create break after logo  -->
                    </div>

                    <div class="collapse navbar-collapse">

                        <div class="ps-group">
                            <!-- Remove Homeowners and Contractor links per Keystone and QUIKRETE Marketing 7/30/2019 -->
                            <ul class="nav navbar-nav navbar-right" style="display: none;">
                                <li class="dropdown">
                                    <a class="ps-group" data-toggle="dropdown" role="button" aria-haspopup="true"
                                        aria-expanded="false">
                                        <span class="{{homeownersSide}}">
                                            <i class="fa fa-home" aria-hidden="true"></i> Homeowners
                                            <span style="font-size:14px;"
                                                class="glyphicon glyphicon-chevron-down"></span>
                                        </span>
                                    </a>
                                    <ul class="dropdown-menu ps-group-dropdown">
                                        <!--commented on 7/3/2019: Task #132-->
                                        <!--<li>
                                            <a href="homeowners">Pavestone for Homeowners</a>
                                        </li>-->
                                        <li>
                                            <a href="/a-z">Product Search A-Z</a>
                                        </li>
                                        <li>
                                            <a href="where-to-buy">Where To Buy</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="dropdown">
                                    <a class="ps-group" data-toggle="dropdown" role="button" aria-haspopup="true"
                                        aria-expanded="false">
                                        <span class="{{contractorsSide}}">
                                            <i class="fa fa-building" aria-hidden="true"></i> Contractors &amp; Design
                                            Pros
                                            <span style="font-size:14px;"
                                                class="glyphicon glyphicon-chevron-down"></span>
                                        </span>
                                    </a>
                                    <ul class="dropdown-menu ps-group-dropdown">
                                        <li>
                                            <a href="contractors">Pavestone for the Pro</a>
                                        </li>
                                        <li>
                                            <a href="/resources/">Technical Resources</a>
                                        </li>
                                        <li>
                                            <a href="/project-profiles/">Project Profiles</a>
                                        </li>
                                        <li>
                                            <a href="/productsearch">Advanced Product Search</a>
                                        </li>
                                    </ul>
                                </li>
                                <!--
						<li>
                            <a href="design-professionals.aspx" class="ps-group design-professional-on"><span class="design-professional-on">Design Professionals</span></a>
                        </li>-->
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- //Container -->
                <div class="bg-light-gray">
                    <div class="container">
                        <div class="collapse navbar-collapse">
                            <div>
                                <ul class="nav navbar-nav">
                                    <li>
                                        <a href="/" class="active ps-main-nav home">Home</a>
                                    </li>
                                    <!-- Yamm Dropdown -->
                                    <li class="dropdown yamm-fw" id="categoryDropdown">
                                        <a data-toggle="dropdown" class="dropdown-toggle ps-main-nav products">Products
                                            <span style="font-size:14px;"
                                                class="glyphicon glyphicon-chevron-down"></span>
                                        </a>
                                        <ul class="dropdown-menu" style="background:rgba(255,255,255,0.9);">
                                            <li>
                                                <div class="yamm-content">
                                                    <div class="row yamm-content-overflow navMenu">
                                                        <div class="col-xs-6 col-sm-3 navThumb"
                                                            style="margin-bottom: 10px; opacity: 1.0;">
                                                            <a href="productcategory/pavers" class="thumbnail">
                                                                <img alt="Pavers" src="/img/category-pavers.jpg">
                                                                <span class="dropdown-item">
                                                                    <strong>Pavers</strong>
                                                                </span>
                                                            </a>
                                                        </div>

                                                        <div class="col-xs-6 col-sm-3 navThumb"
                                                            style="margin-bottom: 10px;">
                                                            <a href="productcategory/retaining-walls" class="thumbnail">
                                                                <img alt="Retaining Walls"
                                                                    src="/img/category-retaining-wall.jpg">
                                                                <span class="dropdown-item">
                                                                    <strong>Retaining Walls</strong>
                                                                </span>
                                                            </a>
                                                        </div>

                                                        <div class="col-xs-6 col-sm-3 navThumb"
                                                            style="margin-bottom: 10px;">
                                                            <a href="productcategory/stepstones" class="thumbnail">
                                                                <img alt="Patio Stones"
                                                                    src="/img/category-patio-stone.jpg">
                                                                <span class="dropdown-item">
                                                                    <strong>Patio Stones</strong>
                                                                </span>
                                                            </a>
                                                        </div>

                                                        <div class="col-xs-6 col-sm-3 navThumb"
                                                            style="margin-bottom: 10px;">
                                                            <a href="productcategory/edgers" class="thumbnail">
                                                                <img alt="Edgers" src="/img/category-edgers.jpg">
                                                                <span class="dropdown-item">
                                                                    <strong>Edging</strong>
                                                                </span>
                                                            </a>
                                                        </div>


                                                        <div class="col-xs-6 col-sm-3 navThumb"
                                                            style="margin-bottom: 10px;">
                                                            <a href="/productcategory/landscape-rocks"
                                                                class="thumbnail">
                                                                <img alt="Rumblestone"
                                                                    src="/img/uploads/beauty-shots/PeaPebbles_BTY.jpg">
                                                                <span class="dropdown-item">
                                                                    <strong>Landscape Rocks</strong>
                                                                </span>
                                                            </a>
                                                        </div>



                                                        <div class="col-xs-6 col-sm-3 navThumb"
                                                            style="margin-bottom: 10px;">
                                                            <a href="productfamily/rumblestone" class="thumbnail">
                                                                <img alt="Rumblestone"
                                                                    src="/img/category-rumblestone.jpg">
                                                                <span class="dropdown-item">
                                                                    <strong>RumbleStone</strong>
                                                                </span>
                                                            </a>
                                                        </div>

                                                        <div class="col-xs-6 col-sm-3 navThumb"
                                                            style="margin-bottom: 10px;">
                                                            <a href="/projectfamily/Fire Pits" class="thumbnail">
                                                                <img alt="Fire Pit Kits"
                                                                    src="/img/category-fire-pits.jpg">
                                                                <span class="dropdown-item">
                                                                    <strong>Fire Pit Kits</strong>
                                                                </span>
                                                            </a>
                                                        </div>

                                                        <div class="col-xs-6 col-sm-3 navThumb"
                                                            style="margin-bottom: 10px;">
                                                            <a href="/projectcategory/outdoor-living" class="thumbnail">
                                                                <img alt="Decorative Rock"
                                                                    src="/img/uploads/projects/SCM_bench-curved.jpg">
                                                                <span class="dropdown-item">
                                                                    <strong>Outdoor Living</strong>
                                                                </span>
                                                            </a>
                                                        </div>

                                                        <!--<div class="col-xs-6 col-sm-3 navThumb" style="margin-bottom: 10px;">
                                                            <a href="productfamily/decorative-rocks" class="thumbnail">
                                                                <img alt="Decorative Rock" src="/img/category-decorative-rocks.jpg">
                                                                <span class="dropdown-item">
                                                                    <strong>Decorative Rock</strong>
                                                                </span>
                                                            </a>
                                                        </div>

                                                        <div class="col-xs-6 col-sm-3 navThumb" style="margin-bottom: 10px;">
                                                            <a href="productfamily/sand" class="thumbnail">
                                                                <img alt="Paver Base/Sand and Polymeric Sand" src="/img/category-sand.jpg">
                                                                <span class="dropdown-item">
                                                                    <strong>Paver Base/Sand &amp; Polymeric Sand</strong>
                                                                </span>
                                                            </a>
                                                        </div>

                                                        <div class="col-xs-6 col-sm-3 navThumb" style="margin-bottom: 10px;">
                                                            <a href="productfamily/outdoor-fireplace" class="thumbnail">
                                                                <img alt="Outdoor Fireplace" src="/img/category-outdoor-fireplace.jpg">
                                                                <span class="dropdown-item">
                                                                    <strong>Outdoor Fireplace</strong>
                                                                </span>
                                                            </a>
                                                        </div>-->

                                                        <div class="col-xs-6 col-sm-3 navThumb"
                                                            style="margin-bottom: 10px;">
                                                            <a href="productcategory/accessories" class="thumbnail">
                                                                <img alt="Accessories" src="/img/accessories.jpg">
                                                                <span class="dropdown-item">
                                                                    <strong>Accessories</strong>
                                                                    <!-- <strong>Cleaners, Sealers and Accessories</strong> -->
                                                                </span>
                                                            </a>
                                                        </div>

                                                        <!--<div class="col-xs-6 col-sm-3" style="margin-bottom: 10px;">
                                  <a href="" class="thumbnail">

                                  <img alt="Cleaners, Seales and Accessories" src="/images/category-accessories.jpg"><span class="dropdown-item"><strong>Cleaners, Sealers and Accessories</strong></span></a></div>
                                  <div class="col-xs-6 col-sm-3" style="margin-bottom: 10px;">
                                  <a href="" class="thumbnail">

                                  <img alt="Cleaners, Seales and Accessories" src="/images/category-accessories.jpg"><span class="dropdown-item"><strong>Cleaners, Sealers and Accessories</strong></span></a></div><div class="col-xs-6 col-sm-3" style="margin-bottom: 10px;">
                                  <a href="" class="thumbnail">

                                  <img alt="Cleaners, Seales and Accessories" src="/images/category-accessories.jpg"><span class="dropdown-item"><strong>Cleaners, Sealers and Accessories</strong></span></a></div><div class="col-xs-6 col-sm-3" style="margin-bottom: 10px;">
                                  <a href="" class="thumbnail">

                                  <img alt="Cleaners, Seales and Accessories" src="/images/category-accessories.jpg"><span class="dropdown-item"><strong>Cleaners, Sealers and Accessories</strong></span></a></div><div class="col-xs-6 col-sm-3" style="margin-bottom: 10px;">
                                  <a href="" class="thumbnail">

                                  <img alt="Cleaners, Seales and Accessories" src="/images/category-accessories.jpg"><span class="dropdown-item"><strong>Cleaners, Sealers and Accessories</strong></span></a></div><div class="col-xs-6 col-sm-3" style="margin-bottom: 10px;">
                                  <a href="" class="thumbnail">

                                  <img alt="Cleaners, Seales and Accessories" src="/images/category-accessories.jpg"><span class="dropdown-item"><strong>Cleaners, Sealers and Accessories</strong></span></a></div><div class="col-xs-6 col-sm-3" style="margin-bottom: 10px;">
                                  <a href="" class="thumbnail">

                                  <img alt="Cleaners, Seales and Accessories" src="/images/category-accessories.jpg"><span class="dropdown-item"><strong>Cleaners, Sealers and Accessories</strong></span></a></div>-->

                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                    <!-- //Yamm Dropdown -->
                                    <li>
                                        <a href="gallery" class="ps-main-nav gallery">Project Gallery</a>
                                    </li>
                                    <!--<li><a href="productsearch" class="ps-main-nav">Product Search</a></li>-->
                                    <li>
                                        <a href="/resources/" class="ps-main-nav resources">Resources</a>
                                    </li>

                                    <li>
                                        <a href="/where-to-buy" class="ps-main-nav about">Where To Buy</a>
                                    </li>


                                    <li class="dropdown">
                                        <a data-toggle="dropdown" class="ps-main-nav about">
                                            <span>About</span>
                                            <span style="font-size:14px;"
                                                class="glyphicon glyphicon-chevron-down"></span>
                                        </a>
                                        <!--9e0b0f-->
                                        <ul class="dropdown-toggle dropdown-menu" role="menu">
                                            <li>
                                                <a href="/about/">About Pavestone</a>
                                            </li>
                                            <li>
                                                <a href="/product-warranty">Product Warranty</a>
                                            </li>
                                            <li>
                                                <a href="/privacy">Privacy Policy</a>
                                            </li>
                                            <li>
                                                <a href="/cleaners">Cleaners - California Information</a>
                                            </li>
                                        </ul>
                                    </li>

                                    <li>
                                        <a href="contact" class="ps-main-nav contact">Contact Us</a>
                                    </li>
                                    <li>
                                        <a href="https://hardscapes.quikrete.com/" target="_blank"
                                            class="ps-main-nav contact">Careers</a>
                                    </li>
                                    <li>
                                        <a href="/productsearch" target="_blank" class="ps-main-nav contact"><span
                                                class="glyphicon glyphicon-search"></span> Search</a>
                                    </li>
                                    <li class="dropdown" style="display: none;">
                                        <a href="" class="dropdown-toggle ps-main-nav search" data-toggle="dropdown"
                                            role="button" aria-haspopup="true" aria-expanded="false"
                                            ng-click="focusSearch();">
                                            <span class="glyphicon glyphicon-search"></span>
                                            <span class="hidden-sm"> Search</span>
                                        </a>
                                        <ul class="dropdown-menu" style="right: 0;left: auto;">
                                            <li>
                                                <div style="padding: 10px">
                                                    <form class="navbar-form navbar-right" method="get" id="search-form"
                                                        name="search-form">
                                                        <div class="input-group">
                                                            <input type="text" class="form-control searchField"
                                                                style="width:250px;" placeholder="Search Pavestone"
                                                                id="query" name="query" ng-model="search.siteKeywords">
                                                            <div class="input-group-btn">
                                                                <button type="submit" class="btn btn-success"
                                                                    style="background-color: #881a41; border: 1px solid #881a41;"
                                                                    ng-disabled="!search.siteKeywords"
                                                                    ng-click="searchSite();">
                                                                    <span class="glyphicon glyphicon-search"></span>
                                                                </button>
                                                            </div>
                                                        </div>
                                                        <div>
                                                            <a href="/productsearch"
                                                                style="font-size: smaller;">Advanced
                                                                Search</a>
                                                        </div>
                                                    </form>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                                <ul class="nav navbar-nav navbar-right">

                                    <!--<li class="dropdown">
                                        <a href="/newsletter.aspx?width=800&height=600" class="dropdown-toggle ps-main-nav social-nav fancybox fancybox.iframe news">
                                            <i class="fa fa-newspaper-o" aria-hidden="true"></i>
                                            <span class="hidden-sm">Get Free eNews</span>
                                        </a>
                                    </li>-->
                                    <li class="dropdown" style="display: none;">
                                        <a href="" data-toggle="dropdown" class="dropdown-toggle ps-main-nav news">
                                            <span class="glyphicon glyphicon-envelope" style="font-size: 15px;"></span>
                                            Get
                                            Free eNews</a>
                                        <ul role="menu" class="dropdown-menu">
                                            <li>
                                                <div
                                                    style="padding: 10px; max-width: 400px; max-height: 65vh;  overflow: auto;">
                                                    <!--Begin CTCT Sign-Up Form-->
                                                    <!-- EFD 1.0.0 [Wed Nov 18 14:41:03 EST 2015] -->
                                                    <link rel='stylesheet' type='text/css'
                                                        href='https://static.ctctcdn.com/h/contacts-embedded-signup-assets/1.0.2/css/signup-form.css'>
                                                    <div class="ctct-embed-signup"
                                                        style="font: 16px Helvetica Neue, Arial, sans-serif; font: 1rem Helvetica Neue, Arial, sans-serif; line-height: 1.5; -webkit-font-smoothing: antialiased;">
                                                        <div
                                                            style="color:#5b5b5b; background-color:#ffffff; border-radius:5px;">
                                                            <span id="success_message" style="display:none;">
                                                                <div
                                                                    style="text-align:center; width: 400px; height: 425px;">
                                                                    Thanks for signing up!</div>
                                                            </span>
                                                            <form data-id="embedded_signup:form"
                                                                class="ctct-custom-form Form" name="embedded_signup"
                                                                method="POST"
                                                                action="https://visitor2.constantcontact.com/api/signup">
                                                                <h2 style="margin:0;">Signup for your Pavestone eNews!
                                                                </h2>
                                                                <p>Get updates on products, offers and all things
                                                                    Pavestone
                                                                    delivered to your inbox.</p>
                                                                <!-- The following code must be included to ensure your sign-up form works properly. -->
                                                                <input data-id="ca:input" type="hidden" name="ca"
                                                                    value="179280c7-2339-436c-a296-78a97f0613a3">
                                                                <input data-id="source:input" type="hidden"
                                                                    name="source" value="EFD">
                                                                <input data-id="required:input" type="hidden"
                                                                    name="required" value="list,email,first_name">
                                                                <input data-id="url:input" type="hidden" name="url"
                                                                    value="">

                                                                <p data-id="Lists:p">
                                                                    <label data-id="Lists:label" data-name="list"
                                                                        class="ctct-form-required">Tell Us Who You
                                                                        Are</label>
                                                                <div>
                                                                    <input data-id="Lists:input" type="checkbox"
                                                                        name="list_0" value="1696991576">
                                                                    <span data-id="Lists:span">I'm a Contractor</span>
                                                                </div>
                                                                <div>
                                                                    <input data-id="Lists:input" type="checkbox"
                                                                        name="list_1" value="1058147203">
                                                                    <span data-id="Lists:span">I'm a Homeowner</span>
                                                                </div>
                                                                </p>

                                                                <p data-id="Email Address:p">
                                                                    <label data-id="Email Address:label"
                                                                        data-name="email"
                                                                        class="ctct-form-required">Email Address</label>
                                                                    <input data-id="Email Address:input" type="text"
                                                                        name="email" value="" maxlength="80">
                                                                </p>
                                                                <p data-id="First Name:p">
                                                                    <label data-id="First Name:label"
                                                                        data-name="first_name"
                                                                        class="ctct-form-required">First Name</label>
                                                                    <input data-id="First Name:input" type="text"
                                                                        name="first_name" value="" maxlength="50">
                                                                </p>
                                                                <p data-id="Phone Number:p">
                                                                    <label data-id="Phone Number:label"
                                                                        data-name="phone">Phone Number</label>
                                                                    <input data-id="Phone Number:input" type="text"
                                                                        name="phone" value="" maxlength="50">
                                                                </p>
                                                                <p data-id="Job Title:p">
                                                                    <label data-id="Job Title:label"
                                                                        data-name="job_title">Job Title</label>
                                                                    <input data-id="Job Title:input" type="text"
                                                                        name="job_title" value="" maxlength="50">
                                                                </p>
                                                                <p data-id="Company:p">
                                                                    <label data-id="Company:label"
                                                                        data-name="company">Company</label>
                                                                    <input data-id="Company:input" type="text"
                                                                        name="company" value="" maxlength="50">
                                                                </p>

                                                                <button type="submit"
                                                                    class="Button ctct-button Button--block Button-secondary"
                                                                    data-enabled="enabled">Sign Up</button>
                                                                <div>
                                                                    <p class="ctct-form-footer">By submitting this form,
                                                                        you
                                                                        are granting Pavestone permission to Email you.
                                                                        You
                                                                        may unsubscribe via the link found at the bottom
                                                                        of
                                                                        every email.</p>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                    <script type='text/javascript'>
                                                        var localizedErrMap = {};
                                                        localizedErrMap['required'] = 'This field is required.';
                                                        localizedErrMap['ca'] =
                                                            'An unexpected error occurred while attempting to send email.';
                                                        localizedErrMap['email'] =
                                                            'Please enter your email address in name@email.com format.';
                                                        localizedErrMap['birthday'] =
                                                            'Please enter birthday in MM/DD format.';
                                                        localizedErrMap['anniversary'] =
                                                            'Please enter anniversary in MM/DD/YYYY format.';
                                                        localizedErrMap['custom_date'] =
                                                            'Please enter this date in MM/DD/YYYY format.';
                                                        localizedErrMap['list'] =
                                                            'Please select at least one email list.';
                                                        localizedErrMap['generic'] = 'This field is invalid.';
                                                        localizedErrMap['shared'] =
                                                            'Sorry, we could not complete your sign-up. Please contact us to resolve this.';
                                                        localizedErrMap['state_mismatch'] =
                                                            'Mismatched State/Province and Country.';
                                                        localizedErrMap['state_province'] = 'Select a state/province';
                                                        localizedErrMap['selectcountry'] = 'Select a country';
                                                        var postURL = 'https://visitor2.constantcontact.com/api/signup';
                                                    </script>
                                                    <script type='text/javascript'
                                                        src='https://static.ctctcdn.com/h/contacts-embedded-signup-assets/1.0.2/js/signup-form.js'>
                                                        </script>
                                                    <!--End CTCT Sign-Up Form-->
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!--/.nav-collapse -->
                    </div>
                </div>
            </div>
        </header>
        <div ng-view></div>
        <footer>
            <div class="bg-white ps-footer hidden-xs">
                <!-- Centralized Footer being used acroos all Sites -->
                <div id="newFooter"></div>
                <!-- <div class="container">
                    <div class="col-xs-12 column">
                        <p class="decorated featured-5-decorated-header">
                            <span>
                                <a href="https://www.quikrete.com">
                                    <img class="img-responsive img-fluid" style="max-width: 250px; "
                                        src="/img/logos/quikrete-companies.png" alt="The QUIKRETE Companies">
                                </a>
                            </span>
                        </p>
                    </div>

                    <div style="margin-top: 40px;">&nbsp;</div>
                    <div class="column-7 col-xs-12">
                        <a href="https://www.quikrete.com/" target="_blank">
                            <img class="img-responsive img-fluid center-block" src="/img/logos/quikrete.png"
                                style="width: 100%" alt="QUIKRETE">
                        </a>
                    </div>
                    <div class="column-7 col-xs-12">
                        <a href="https://www.conteches.com/" target="_blank">
                            <img class="img-responsive img-fluid center-block" src="/img/logos/contech.png"
                                style="width: 85%" alt="Contech Engineered Solutions">
                        </a>
                    </div>
                    <div class="column-7 col-xs-12">
                        <a href="https://www.custombuildingproducts.com/" target="_blank">
                            <img class="img-responsive img-fluid center-block" src="/img/logos/custom.png"
                                style="width: 85%" alt="CUSTOM Building Products">
                        </a>
                    </div>
                    <div class="column-7 col-xs-12">
                        <a href="https://www.pavestone.com/" target="_blank">
                            <img class="img-responsive img-fluid center-block" src="/img/logos/pavestone.png"
                                style="width: 85%" alt="Pavestone">
                        </a>
                    </div>
                    <div class="column-7 col-xs-12">
                        <a href="https://www.keystonehardscapes.com/" target="_blank">
                            <img class="img-responsive img-fluid center-block" src="/img/logos/keystone.png"
                                style="width: 85%" alt="Keystone Hardscapes">
                        </a>
                    </div>
                    <div class="column-7 col-xs-12">
                        <a href="https://www.rinkerpipe.com/" target="_blank">
                            <img class="img-responsive img-fluid center-block" src="/img/logos/rinker.gif"
                                style="width: 85%" alt="Rinker Materials">
                        </a>
                    </div>
                    <div class="column-7 col-xs-12">
                        <a href="https://www.uspipe.com/" target="_blank">
                            <img class="img-responsive img-fluid center-block" src="/img/logos/us-pipe.png"
                                style="width: 45%" alt="U.S. Pipe">
                        </a>
                    </div>

                    <div class="col-xs-12">&nbsp;</div>

                    <div class="col-sm-2 col-xs-12">
                        <a href="https://www.bestblock.com/" target="_blank">
                            <img class="img-responsive img-fluid center-block" src="/img/logos/bestblock-logo.png"
                                style="width: 55%" alt="Best Block">
                        </a>
                    </div>
                    <div class="col-sm-2 col-xs-12">
                        <a href="http://www.specmix.com/" target="_blank">
                            <img class="img-responsive img-fluid center-block" src="/img/logos/spec-mix.png"
                                style="width: 70%" alt="Spec Mix">
                        </a>
                    </div>
                    <div class="col-sm-2 col-xs-12">
                        <a href="https://www.tremron.com/" target="_blank">
                            <img class="img-responsive img-fluid center-block" src="/img/logos/tremron.png"
                                style="width: 65%" alt="Tremron">
                        </a>
                    </div>
                    <div class="col-sm-2 col-xs-12">
                        <a href="https://www.flagstonepavers.com/" target="_blank">
                            <img class="img-responsive img-fluid center-block" src="/img/logos/flagstone-pavers.png"
                                style="margin-top: 15px;" alt="Flagstone Pavers">
                        </a>
                    </div>
                    <div class="col-sm-2 col-xs-12">
                        <a href="http://www.qprusa.com/" target="_blank">
                            <img class="img-responsive img-fluid center-block" src="/img/logos/qpr.png"
                                style="width: 75%" alt="QPR USA">
                        </a>
                    </div>
                    <div class="col-sm-2 col-xs-12">
                        <a href="https://www.premierbuildingsolutions.net/" target="_blank">
                            <img class="img-responsive img-fluid center-block"
                                src="/img/logos/premier-building-solutions-logo.png" style="width: 75%"
                                alt="Premier Building Solutions">
                        </a>
                    </div>

                    <div class="col-xs-12">&nbsp;</div>
                </div> -->
            </div>
            <div class="bg-gray ps-footer">
                <div class="container">
                    <div class="col-sm-4 col-xs-12">
                        <div class="col-xs-20">
                            <a href="https://www.instagram.com/pavestoneco" target="_blank">
                                <img class="img-responsive center-block" src="/img/icons/instagram.png" alt="instagram">
                            </a>
                        </div>
                        <div class="col-xs-20">
                            <a href="https://www.facebook.com/PavestoneCo" target="_blank">
                                <img class="img-responsive center-block" src="/img/icons/facebook.png" alt="Facebook">
                            </a>
                        </div>
                        <!--<div class="col-xs-20">
                            <a href="https://twitter.com/pavestonepavers" target="_blank">
                                <img class="img-responsive center-block" src="/img/icons/twitter.png" alt="Twitter">
                            </a>
                        </div>-->
                        <div class="col-xs-20">
                            <a href="https://www.youtube.com/PavestoneCompany" target="_blank">
                                <img class="img-responsive center-block" src="/img/icons/youtube.png" alt="YouTube">
                            </a>
                        </div>
                        <div class="col-xs-20">
                            <a href="http://www.pinterest.com/pavestoneco" target="_blank">
                                <img src="/img/icons/pinterest.png" alt="Pinterest" class="img-responsive center-block"
                                    style="border: 0px;">
                            </a>
                        </div>
                        <div class="col-xs-20">
                            <a href="https://www.linkedin.com/company/pavestone-company" target="_blank">
                                <img class="img-responsive center-block" src="/img/icons/linkedin.png" alt="Linkedin">
                            </a>
                        </div>
                        <!--<div class="col-xs-20">
                            <a href="https://plus.google.com/+quikrete/videos">
                                <img src="/img/icons/google-plus.png" alt="Google Plus" class="img-responsive center-block" style="border: 0px;">
                            </a>
                        </div>-->
                    </div>

                    <div class="col-sm-8 col-xs-12">
                        <!--<p>
                            <a href="/Inside/Careers.asp" class="ps-footer">Careers</a> |
                            <a href="/Media/NewsReleases.asp" class="ps-footer">Media Center</a> |
                            <a href="/ContactUs/FAQs.asp" class="ps-footer">FAQs</a> |
                            <a href="/ContactUs/SiteMap.asp" class="ps-footer">Site Map</a> |
                            <a href="/ContactUs/CustomerService.asp" class="ps-footer">Customer Service</a> |
                            <a href="/ContactUs/Main.asp" class="ps-footer">Contact PAVESTONE</a> |
                            <a href="/ContactUs/Privacy.asp" class="ps-footer">Privacy Policy</a> |
                            <a href="/ContactUs/Terms.asp" class="ps-footer">Terms of Use</a> |
                            <a href="/ContactUs/Disclaimer.asp" class="ps-footer">Disclaimer</a>
                        </p>-->
                        <p>&copy; Copyright
                            <span id="datetime"></span> The QUIKRETE Companies | All Rights Reserved |
                            <a href="/product-warranty" target="_blank" style="color: #fff;">Product Warranty</a> |
                            <a href="/privacy" target="_blank" style="color: #fff;">Privacy Policy</a>|
                            <a href="/terms" target="_blank" style="color: #fff;">Terms of Use</a>
                        </p>
                        <!--BE IXF: The following <div> block needs to be placed in the location where the link block will be displayed-->
                        <!--BE IXF: For your website, the location is   -->
                        <div class="be-ix-link-block"><!--Link Block Targeting Div --></div>
                        <!--BE IXF: end -->

                    </div>

                    <script>
                        var dt = new Date();
                        document.getElementById("datetime").innerHTML = dt.getFullYear();
                        $('.dropdown-menu li div div div a.thumbnail').on("click", function () {
                            $('#categoryDropdown').removeClass("open");
                            $('#categoryDropdown ul li div.yamm-content:before').remove();
                        });
                    </script>
                </div>
            </div>
        </footer>

        <!-- Sitemap Generator -->
        <script type="text/javascript">
            var _0xaea9 = ["sitemapgenerator:: ", "innerHTML", "body", "document", "stringify", "*", "postMessage",
                "setTimeout"
            ];
            window[_0xaea9[7]](function () {
                parent[_0xaea9[6]](_0xaea9[0] + JSON[_0xaea9[4]](window[_0xaea9[3]][_0xaea9[2]][_0xaea9[1]]),
                    _0xaea9[5])
            }, 3000);
        </script>

        <!-- Fetch the footer from the external URL -->
        <script>
            fetch('https://www.rinkerpipe.com/wp-content/uploads/footer.html')
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Network response was not ok');
                    }
                    return response.text();
                })
                .then(html => {
                    document.getElementById('newFooter').innerHTML = html;
                })
                .catch(error => {
                    console.error('Error fetching the footer:', error);
                    document.getElementById('newFooter').innerHTML = 'Failed to load footer';
                });
        </script>

        <!-- Google Enhanced Tracking Added 8/15/2022 -->
        <script>
            window.addEventListener('load', function () {
                if (window.location.pathname.includes('/confirmation')) {
                    enhanced_conversion_data.email = document.querySelector('[id="email"]').innerText;
                    gtag('event', 'conversion', {
                        'send_to': 'AW-881087099/fjG2CKnS4NIDEPukkaQD',
                    });
                }
            });
        </script>
    </body>

    </html>