<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#"  itemscope="" itemtype="http://schema.org/WebPage">
    <head>
        <!-- meta header partial -->
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="language" content="en">
<meta content="en_US" property="og:locale">
<meta content="True" name="handheldfriendly">
<meta name="mobile-web-app-capable" content="yes">
<meta content="yes" name="apple-touch-fullscreen">
<meta name="MobileOptimized" content="width">
<meta content="https://www.unspam.com/noemailcollection/" name="no-email-collection">
<meta name="robots" content="index,follow,noarchive">


<title>404</title>

<link rel="schema.dc" href="//purl.org/dc/elements/1.1/">
<link rel="schema.iptc" href="//iptc.org/std/nar/2006-10-01/">
<link rel="schema.prism" href="//prismstandard.org/namespaces/basic/2.1/">
<link rel="schema.dcterms" href="//purl.org/dc/terms/">

<meta property="og:type" content="website">
<meta name="twitter:card" content="store">

<meta property="og:site_name" content="The Book Bridge Llc">

<meta property="og:title" content="404">
<meta name="twitter:title" content="404">
<meta itemprop="name" content="404">
<meta name="dc.title" lang="en" content="404">

<meta property="og:description" content="Page Not Found">
<meta name="twitter:description" content="Page Not Found">
<meta itemprop="description" content="Page Not Found">
<meta name="description" content="Page Not Found">
<meta name="dc.description" content="Page Not Found">
<meta name="dcterms.abstract" content="Page Not Found">
<meta name="keywords" content="404,error">
<meta name="dc.subject" content="404,error">
<meta itemprop="keywords" content="404,error">



<link rel="canonical" href="https://www.thebookbridgellc.com/404-error" />
<script type="application/ld+json">
    {
        "name": "The Book Bridge Llc",
    "description": "Page Not Found",
    "author": {
        "@type": "Organization",
        "name": "The Book Bridge Llc"
    },
    "@type": "WebSite",
    "url": "http://www.thebookbridgellc.com/404-error",
    "headline": "404",
    "@context": "http://schema.org"
}
</script>

<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">


<link media="all" type="text/css" rel="stylesheet" href="https://www.thebookbridgellc.com/themes/default/assets/css/bootstrap.min.css">
<link media="all" type="text/css" rel="stylesheet" href="https://www.thebookbridgellc.com/themes/default/assets/css/font-awesome.min.css">
<link media="all" type="text/css" rel="stylesheet" href="https://www.thebookbridgellc.com/themes/default/assets/css/sweetalert2.min.css">
<link media="all" type="text/css" rel="stylesheet" href="https://www.thebookbridgellc.com/themes/default/assets/css/animate.min.css">
<link media="all" type="text/css" rel="stylesheet" href="https://www.thebookbridgellc.com/themes/default/assets/css/responsive.min.css">
<link media="all" type="text/css" rel="stylesheet" href="https://www.thebookbridgellc.com/themes/default/assets/css/style_1.min.css">
<link media="all" type="text/css" rel="stylesheet" href="https://www.thebookbridgellc.com/themes/default/assets/css/universal_style.css">
<link media="all" type="text/css" rel="stylesheet" href="https://www.thebookbridgellc.com/assets/css/main.css">
<link media="all" type="text/css" rel="stylesheet" href="https://www.thebookbridgellc.com/assets/css/settings.css">

<script src="https://www.thebookbridgellc.com/themes/default/assets/js/jquery.js"></script>
<script src="https://www.thebookbridgellc.com/themes/default/assets/js/sweetalert2.min.js"></script>
<script src="https://www.thebookbridgellc.com/themes/default/assets/js/popper.min.js"></script>
<script src="https://www.thebookbridgellc.com/themes/default/assets/js/bootstrap.min.js"></script>
<script src="https://www.thebookbridgellc.com/themes/default/assets/js/jquery-migrate-3.3.1.min.js"></script>
<script src="https://www.thebookbridgellc.com/themes/default/assets/js/main.js"></script>
<script src="https://www.thebookbridgellc.com/themes/default/assets/js/script.js"></script>
<script src="https://www.thebookbridgellc.com/themes/default/assets/js/utils.js"></script>


    <!--[if lt IE 9]>
            <script src="js/html5shiv.js"></script>
            <script src="js/respond.min.js"></script>
    <![endif]-->
<link rel="stylesheet" href="/themes/default/assets/css/app.css" type="text/css">


<link href="/feeds/new-products/rss" rel="alternate" title="New Product RSS Feed" type="application/rss+xml">
<link href="/feeds/featured/rss" rel="alternate" title="Featured Product RSS Feed" type="application/rss+xml">
<link href="/feeds/new-products/atom" rel="alternate" title="New Product Atom Feed" type="application/atom+xml">
<link href="/feeds/featured/atom" rel="alternate" title="Featured Product Atom Feed" type="application/atom+xml">


    <!-- Favicon -->
    <link rel="shortcut icon" href="/assets/images/favicons/favicon.ico">
    <link rel="apple-touch-icon" type="image/png" sizes="57x57" href="/assets/images/favicons/apple-icon-57x57.png">
    <link rel="apple-touch-icon" type="image/png" sizes="60x60" href="/assets/images/favicons/apple-icon-60x60.png">
    <link rel="apple-touch-icon" type="image/png" sizes="72x72" href="/assets/images/favicons/apple-icon-72x72.png">
    <link rel="apple-touch-icon" type="image/png" sizes="76x76" href="/assets/images/favicons/apple-icon-76x76.png">
    <link rel="apple-touch-icon" type="image/png" sizes="114x114" href="/assets/images/favicons/apple-icon-114x114.png">
    <link rel="apple-touch-icon" type="image/png" sizes="120x120" href="/assets/images/favicons/apple-icon-120x120.png">
    <link rel="apple-touch-icon" type="image/png" sizes="144x144" href="/assets/images/favicons/apple-icon-144x144.png">
    <link rel="apple-touch-icon" type="image/png" sizes="152x152" href="/assets/images/favicons/apple-icon-152x152.png">
    <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/assets/images/favicons/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="/assets/images/favicons/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/assets/images/favicons/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicons/favicon-16x16.png">
    <!-- End Favicon -->


                <!-- Facebook Pixel -->
        <!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
 fbq('init', '1740341877132155'); 
fbq('track', 'PageView');
</script>
<noscript>
 <img height="1" width="1" 
src="https://www.facebook.com/tr?id=1740341877132155&ev=PageView
&noscript=1"/>
</noscript>
<!-- End Meta Pixel Code -->
    

                




            <!-- PWA Manifest -->
        <link rel="manifest" href="https://www.thebookbridgellc.com/manifest.json">

        <!-- Apple Touch Icon (for iOS) -->
        <link rel="apple-touch-icon" href="https://www.thebookbridgellc.com/assets/images/pwa/icon-192x192.png">
        <meta name="apple-mobile-web-app-capable" content="yes">

        <!-- Theme Color for Android -->
        <meta name="theme-color" content="#5f8971">

	<!-- Add to homescreen for Chrome on Android -->
	<meta name="mobile-web-app-capable" content="yes">
	<meta name="application-name" content="The Book Bridge">
	<link rel="icon" sizes="512x512" href="https://www.thebookbridgellc.com/assets/images/pwa/icon-512x512.png">
    


    </head>
    <body class="page-404-error">
        <header>
            <noscript>JavaScript must be enabled for a proper shopping experience.</noscript>
            <!-- header partial -->
            <div class="row">
    <div class="split-top">
        <link href="/themes/default/assets/css/nav_cart.css" rel="stylesheet" type="text/css">

<!-- banner -->
<div id="stuck_container" class="stuck_container header-nav-cart">
<div class="banner">   <!-- the full screen width length div -->
    <div class="container">
        <div class="top_nav_left">
            <nav class="navbar navbar-default">
                <div class="container-fluid">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button id="hidden-nav" type="button" class="hidden-nav navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle Navigation</span>
                            <span style="color: white">Menu</span>
                        </button>
                    </div>
                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse menu--shylock" id="bs-example-navbar-collapse-1"> <!-- return here to look at CSS -->
                                                <ul class="nav navbar-list">
                                                        <li class="nav-item link-home"><a class="nav-link" href="/">Home<span class="sr-only">(current)</span></a></li>
                                                        <li class="dropdown nav-item link-categories">
                                <a href="https://www.thebookbridgellc.com/categories" class="dropdown-toggle nav-link" data-toggle="dropdown">Browse By Category&nbsp;<i class="fa fa-caret-down"></i></a>
                                <ul class="dropdown-menu category-dropdown">
                                    <li class="view-cat-top"><a class="nav-link" href="/categories"><b>See Full Categories List...</b></a></li><li><a class="nav-link" href="/products/category/55/~/~/Art-Music--Architecture">Art, Music, & Architecture</a></li><li><a class="nav-link" href="/products/category/19/~/~/Banned">Banned</a></li><li><a class="nav-link" href="/products/category/30/~/~/Bargain-Books">Bargain Books</a></li><li><a class="nav-link" href="/products/category/33/~/~/Bibles--Devo">Bibles & Devo</a></li><li><a class="nav-link" href="/products/category/22/~/~/Biography">Biography</a></li><li><a class="nav-link" href="/products/category/18/~/~/Business--Finance">Business & Finance</a></li><li><a class="nav-link" href="/products/category/50/~/~/Childrens">Children's</a></li><li><a class="nav-link" href="/products/category/61/~/~/Christian-History">Christian History</a></li><li><a class="nav-link" href="/products/category/57/~/~/Christian-Theology">Christian Theology</a></li><li><a class="nav-link" href="/products/category/6/~/~/Classics">Classics</a></li><li><a class="nav-link" href="/products/category/36/~/~/Collectable--Fine-Bindings">Collectable & Fine Bindings</a></li><li><a class="nav-link" href="/products/category/69/~/~/Collectible-Childrens">Collectible Children's</a></li><li><a class="nav-link" href="/products/category/71/~/~/Coloring-Books">Coloring Books</a></li><li><a class="nav-link" href="/products/category/28/~/~/Cookbooks">Cookbooks</a></li><li><a class="nav-link" href="/products/category/72/~/~/Cozy-Mystery">Cozy Mystery</a></li><li><a class="nav-link" href="/products/category/32/~/~/Cultural--Ehtinc-Studies">Cultural & Ehtinc Studies</a></li><li><a class="nav-link" href="/products/category/29/~/~/Early-Readers">Early Readers</a></li><li><a class="nav-link" href="/products/category/70/~/~/Espanol">Espanol</a></li><li><a class="nav-link" href="/products/category/53/~/~/Family--Parenting">Family & Parenting</a></li><li><a class="nav-link" href="/products/category/43/~/~/Folklore--Mythology">Folklore & Mythology</a></li><li class="view-cat-bot" style="display: none;"><a class="nav-link" href="/categories"><b>See Full Categories List...</b></a></li>                                </ul>
                            </li>
                            <!--herer-->
                                                                                                <li class="nav-item"><a class="nav-link" data-link-id="7" href="/about"  >About Us</a></li>
                                                                                                                                <li class="nav-item"><a class="nav-link" data-link-id="1" href="/page/contact-us"  >Contact The Book Bridge LLC – Get in Touch Today</a></li>
                                                                                                                                <li class="nav-item"><a class="nav-link" data-link-id="8" href="https://bookshop.org/shop/thebookbridgellc"  target='_blank'  >Bookshop.org</a></li>
                                                                                                                        <li class="nav-item" id="login_nav_link"><a accesskey="l" class="nav-link" href="https://www.thebookbridgellc.com/login">Login</a></li>
                                                    </ul>
                    </div>
                </div>
            </nav>
        </div>
        <div class="top_nav_right">
            <div class="nav_cart box_1">
                <a accesskey="c" href="https://www.thebookbridgellc.com/cart">
                    <h3>
                        <div class="nav-cart-total">
                            <i class="fa fa-shopping-cart" aria-hidden="true"></i>
                            <span class="nav-cart-subtotal" id="nav-cart-subtotal">$0.00</span> (<span class="nav-cart-items" id="nav-cart-items">0</span> Items)
                        </div>
                    </h3>
                </a>
                <a href="https://www.thebookbridgellc.com/cart" class="empty-cart-link"><i class="fa fa-external-link"></i>&nbsp;View Cart</a>
                <div class="cart-bubble-container success danger">
                    <div class="rotate-part"></div>
                    <div class="cart-bubble">
                        <span class="cart-bubble-message">Item(s) successfully added to the cart!</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<!-- //banner-top -->
                <div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-8 col-lg-6 col-lg-offset-3" style="padding-top: 5px;">
                <form name="search-field" autocomplete="off" action="/quicksearch" method="POST">
                    <input type="hidden" name="_token" value="PVFvgirDhvJT1xHDztRPF7p1Oon42d6FiFc6WYMh" />
                    <input type="hidden" name="type" value="all"/>
                    <div id="custom-search-input">
                        <div class="input-group">
                            <input id="CustomSearchInput" type="search" name=term class="search-query form-control col-12" placeholder="Title, Author, Keyword, ISBN...." required maxlength="255" minlength="3"/>
                            <span class="input-group-btn">
                                <button class="btn btn-primary" type="submit" id="search">
                                    <span class="fa fa-search"></span>
                                </button>
                            </span>
                        </div>
                    </div>
                </form>
            </div></div>

<script type="text/javascript">
    'use strict';
    $(function() {
        $('.nav-link').on('focus', function (event) {
           event.preventDefault();
        });
    });
</script>

    </div>
    <div class="split-bottom">
        <style type="text/css">
    /*responsive header*/
    @media screen and (max-width: 992px) and (min-width: 601px) {
        .split-top {
            /*height: 200px !important;*/
        }
        #header-top-right {
            height: 250px !important;
        }
        #header-top-row > div.col-md-3.header-left {
            left: 37%;
        }
        .header-left img {
            max-width: 45%;
        }
    }
    @media screen and (max-width: 600px) {
        #header-top-right {
            height: 100px !important;
        }
    }

    @media screen and (max-width: 991px) {
        #header-top-row > div {
            text-align: center;
        }
        div.header-logo-links-search img {
            max-width: 220px;
        }
    }

</style>
<!-- header -->
<div class="header-spacing header-logo-links-search">
    <div class="container">
        <div class="row" id="header-top-row">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 header-left">
                                <h1><a href="https://www.thebookbridgellc.com">
                                                                        <a href="/"><img class="img-fluid" src="/assets/images/block/bookbridgefooter1.png" alt="bookbridgefooter1.png"/></a>
                                                            </a></h1>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 align-self-center">
                
<div class="clands-search-cont align-middle">
    <form name="quick-search" action="/quicksearch" method="POST">
        <div id="clands-search-dropdown-cont" class="clands-search-dropdown-cont">
            <div class="clands-dropdown clands-search-dropdown dropdown">
                <button id="search-dropdown" class="btn btn-primary dropdown-toggle search-dropdown" type="button" data-toggle="dropdown">All&nbsp;<span class="caret"></span></button>
                <ul id="clands-search-dropdown-menu" class="dropdown-menu clands-search-dropdown-menu">
                    <li class="search-dropdown-menu-item" data-value="all"><a class="nav-link" href="#">All</a></li>
                                            <li class="search-dropdown-menu-item" data-value="author"><a class="nav-link" href="#">Author</a></li>
                                            <li class="search-dropdown-menu-item" data-value="title"><a class="nav-link" href="#">Title</a></li>
                                            <li class="search-dropdown-menu-item" data-value="description"><a class="nav-link" href="#">Description</a></li>
                                    </ul>
             </div>
        </div>
        <div class="clands-search-box-cont">
            <input class="clands-search-box" id="clands-search-box" name="term" placeholder="Title, Author, Keyword, ISBN...." type="search" required maxlength="255" minlength="3" />
        </div>

        <input id="quick-type" type="hidden" name="type" value="all">

        <input type="hidden" name="_token" value="PVFvgirDhvJT1xHDztRPF7p1Oon42d6FiFc6WYMh">

        <div class="clands-search-button-cont">
            <button class="btn clands-btn clands-search-btn" type="submit" data-item="quick-search">
                <i class="fa fa-search" aria-hidden="true"></i>
            </button>
        </div>
    </form>
</div>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-2 col-xl-2 align-self-center">
                <ul class="circle-links">
                    <li><a href="/feeds/new-products/rss" class="action-link" title="New Product RSS Feed"><i class="fa fa-2x fa-rss-square"></i></a></li>
                                            <li><a href="https://www.thebookbridgellc.com/login" class="action-link" title="Login"><i class="fa fa-2x fa-user"></i></a></li>
                                                                <li><a  href="https://www.facebook.com/thebookbridgellc" title="Facebook" target="_blank"><i class="fa fa-2x fa-facebook-square"></i></a></li>
                                                                                                                            <li><a  href="https://www.instagram.com/book_bridge_/" title="Instagram" target="_blank"><i class="fa fa-2x fa-instagram"></i></a></li>
                                                                            </ul>
            </div>

        
        </div>
    </div>
</div>
<!-- //header-bot -->


<script src="https://www.thebookbridgellc.com/themes/default/assets/js/searchbar.js"></script>



    </div>
</div>
        </header>
                <div class="row" id="cky_support_notice" hidden>
            <div class="col-lg-9 col-xl-9" style="text-align:center;"><strong>You must allow cookies and JavaScript for a proper shopping experience.</strong></div>
        </div>

        <div class="container">

            <!-- displays success/warning/error messages -->
            
            <div class="row">
                 
                    <div class="content col-12">
                        <!-- page content -->
                        <div class="standard-content">
            <style type="text/css">
    .error-template {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: auto;
        margin-top: auto;
        text-align: center;
    }
    .error-actions {
        margin-top:15px;
        margin-bottom:15px;
    }
    .error-actions .btn {
        margin-right:10px;
    }
</style>

        <div class="col-xs-12 col-md-12 col-centered">
            <div class="error-template">
                <h1>
                    Oops!</h1>
                <h2>
                    404 Not Found</h2>
                <div class="error-details">
                    Sorry, an error has occurred. Requested page not found!
                </div>
                <div class="error-actions">
                    <a href="https://www.thebookbridgellc.com" class="btn btn-default btn-lg">
                        <span class="fa fa-home"></span> Take Me Home
                    </a>
                </div>
            </div>
        </div>

        </div>

                    </div>
                            </div>
        </div>

        <footer>
            <!-- footer partial -->
            <style type="text/css">
    div.footer-block{ margin-bottom: 16px; }
</style>

<div class="container">
    <div class="row">
        <div class="footer-block col-xs-12 col-ms-4 col-sm-4">
            <div class="footer-info">
        <h2><a href="/"><img class="img-fluid" src="/assets/images/block/bookbridgefooter.png" alt="The Book Bridge, Branson Missouri" /></a></h2>
    <br>
    <p>Bringing Readers Together</p>
</div>

        </div>
        <div class="footer-block col-xs-12 col-ms-4 col-sm-4">
            <div class="footer-nav">
    <h4>Information</h4>
    <ul>
                    <li>
                <a href="/">Home</a>
            </li>
                    <li>
                <a href="https://bookshop.org/shop/thebookbridgellc">Bookshop.org</a>
            </li>
                    <li>
                <a href="/about">About Us</a>
            </li>
                    <li>
                <a href="/page/contact-us">Contact Us</a>
            </li>
                    <li>
                <a href="/policies">Policies</a>
            </li>
                    <li>
                <a href="/account/create">Create Account</a>
            </li>
                    <li>
                <a href="/categories">Categories</a>
            </li>
                    <li>
                <a href="/cart">Shopping Cart</a>
            </li>
            </ul>
</div>

        </div>
        <div class="footer-block col-xs-12 col-ms-4 col-sm-4">
            <div class="footer-contact">
    <h4>Contact Info</h4>

    <ul>
        <li>
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
                    <i class="fa fa-map-marker" aria-hidden="true"></i>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-10 col-lg-10">
                    <span class="p-location p-adr">105 S. Commercial Street,  Branson, MO 65616</span>
                </div>
            </div>
        </li>
        <li>
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
                    <i class="fa fa-envelope" aria-hidden="true"></i>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-10 col-lg-10">
                    <span><a class="u-email" href="/cdn-cgi/l/email-protection#7b12151d143b0f131e191414101909121f1c1e17171855181416"><span class="__cf_email__" data-cfemail="442d2a222b04302c21262b2b2f26362d2023212828276a272b29">[email&#160;protected]</span></a></span>
                </div>
            </div>
        </li>
        <li>
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
                    <i class="fa fa-phone" aria-hidden="true"></i>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-10 col-lg-10">
                    <span><a class="p-tel" href="tel:(417) 414-8559">(417) 414-8559</a></span>
                </div>
            </div>
        </li>
    </ul>
</div>

        </div>
    </div>
    <div class="row">
        <div class="col-sm-12 trademark">

    <p class="copy-right">&copy; 2026 The Book Bridge Llc All Rights Reserved. - <a class="trademark-links" href="/policies">Our Policies</a></p>
</div>

    </div>
</div>
            <p class="copy-right"><a class="trademark-links" href="https://www.chrislands.com" target="_blank" style="font-size: 75%" title="Powered By ChrisLands, a provider of ecommerce sites for independent retailers.">Powered by Chrislands</a> <a class="trademark-links" href="/accessibility" style="font-size: 75%" title="Website Accessibility Statement">Accessibility</a> </p>
        </footer>

        <style type="text/css">
            @media screen and (max-width: 1350px) {
                #back_to_top {
                    display: none;
                }
            }
        </style>

        <a id="back_to_top" onclick="topFunction()" style="position: fixed; cursor: pointer; bottom: -200px; right: -200px;"><span class="fa fa-toggle-up fa-3x" style="color: lightgray;"></span></a>

        
        
        <img alt="" id="session-img" src="https://www.thebookbridgellc.com/setcookie/oBcYMiwOI4xXKp6N7aBJ8itwl7aTmhh7kxE7akmL" style="display:none;" />
        
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript">
    'use strict';
    const u = "https://stats.secure-chrislands.com/";
    var _paq = (typeof _paq !== 'undefined') ? _paq : [];
    _paq.push(['trackPageView']);
    _paq.push(['enableLinkTracking']);
    _paq.push(['setTrackerUrl', u + 'piwik.php']);
    _paq.push(['setSiteId', 832]);
    var g = document.createElement('script');
    g.type = 'text/javascript';
    g.async = true;
    g.defer = true;
    g.src = u + 'piwik.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(g, s);
    _paq.push(['trackPageView']);
</script>
<noscript><p><img src="https://stats.secure-chrislands.com/piwik.php?idsite=832&token_auth=5cd39c8bfc37becc5e7e32e19a6bfec8" style="border:0;" alt="" /></p></noscript>

    </body>

    
                            <section class="bottom-navigation-wrap d-lg-none">
		<div class="container">
                    <ul class="bottom-navigation-items">
                        <li>
                            <a href="/">
                                <svg class="svg-stroke-color" viewBox="0 0 26 26" fill=" none " xmlns="http://www.w3.org/2000/svg">
                                    <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
                                    <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
                                    <g id="SVGRepo_iconCarrier">
                                        <path d="M5 9.77746V16.2C5 17.8802 5 18.7203 5.32698 19.362C5.6146 19.9265 6.07354 20.3854 6.63803 20.673C7.27976 21 8.11984 21 9.8 21H14.2C15.8802 21 16.7202 21 17.362 20.673C17.9265 20.3854 18.3854 19.9265 18.673 19.362C19 18.7203 19 17.8802 19 16.2V5.00002M21 12L15.5668 5.96399C14.3311 4.59122 13.7133 3.90484 12.9856 3.65144C12.3466 3.42888 11.651 3.42893 11.0119 3.65159C10.2843 3.90509 9.66661 4.59157 8.43114 5.96452L3 12" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
                                    </g>
                                </svg>
                                <span>Home</span>
                            </a>
                        </li>
                        <li>
                            <a href="/categories" class="bottom-mobile-categories" id="mobile-to-top">
                                <svg class="svg-stroke-color" xmlns="http://www.w3.org/2000/svg" width="29" height="28" viewBox="0 0 29 28" fill=" none ">
                                    <path d="M20.3333 11.6667H22.6667C25 11.6667 26.1667 10.5 26.1667 8.16668V5.83334C26.1667 3.50001 25 2.33334 22.6667 2.33334H20.3333C18 2.33334 16.8333 3.50001 16.8333 5.83334V8.16668C16.8333 10.5 18 11.6667 20.3333 11.6667Z" stroke="#626F84" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                    <path d="M6.33334 25.6667H8.66668C11 25.6667 12.1667 24.5 12.1667 22.1667V19.8333C12.1667 17.5 11 16.3333 8.66668 16.3333H6.33334C4.00001 16.3333 2.83334 17.5 2.83334 19.8333V22.1667C2.83334 24.5 4.00001 25.6667 6.33334 25.6667Z" stroke="#626F84" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                    <path d="M7.50001 11.6667C10.0773 11.6667 12.1667 9.57734 12.1667 7.00001C12.1667 4.42268 10.0773 2.33334 7.50001 2.33334C4.92268 2.33334 2.83334 4.42268 2.83334 7.00001C2.83334 9.57734 4.92268 11.6667 7.50001 11.6667Z" stroke="#626F84" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                    <path d="M21.5 25.6667C24.0773 25.6667 26.1667 23.5773 26.1667 21C26.1667 18.4227 24.0773 16.3333 21.5 16.3333C18.9227 16.3333 16.8333 18.4227 16.8333 21C16.8333 23.5773 18.9227 25.6667 21.5 25.6667Z" stroke="#626F84" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>
                                <span>Categories</span>
                            </a>
                        </li>
                        <li>
                            <a href="/cart" class="bottom-navigation-cart" id="mobile-to-top">
                                <svg class="svg-stroke-color" xmlns="http://www.w3.org/2000/svg" width="29" height="28" viewBox="0 0 29 28" fill=" none ">
                                    <path d="M9.25 8.94834V7.81668C9.25 5.19168 11.3617 2.61334 13.9867 2.36834C17.1133 2.06501 19.75 4.52668 19.75 7.59501V9.20501" stroke="#626F84" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                    <path d="M11 25.6667H18C22.69 25.6667 23.53 23.7883 23.775 21.5017L24.65 14.5017C24.965 11.655 24.1483 9.33334 19.1667 9.33334H9.83334C4.85168 9.33334 4.03501 11.655 4.35001 14.5017L5.22501 21.5017C5.47001 23.7883 6.31001 25.6667 11 25.6667Z" stroke="#626F84" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>
                                <span>Cart</span>
                            </a>
                        </li>
                        <li class="mobile-search">
                            <a class="bottom-navigation-search" title="Search Inventory">
				<svg class="svg-stroke-color" xmlns="http://www.w3.org/2000/svg" width="29" height="28" viewBox="0 0 29 28" fill="none">
		                     <path d="M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                		     <path d="M22 22L20 20" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
		                </svg>
                                <span>Search</span>
                            </a>
                        </li>
                    </ul>
		</div>
            </section>
	    <section class="bottom-navigation-wrap d-lg-none" id="mobile-search-field" style="display: none;">
		<form id="mobile-search-form" autocomplete="off" action="/quicksearch" method="POST">
		<input type="hidden" name="_token" value="PVFvgirDhvJT1xHDztRPF7p1Oon42d6FiFc6WYMh">
                <input type="hidden" name="type" value="all">
                <button id="mobile-close-search" title="Close">✖</button>
		<input type="text" name="term" id="mobile-search-input" placeholder="Search..." minlength="3">
                <button class="btn btn-primary" type="submit" id="search">
                     <span class="fa fa-search"></span>
                </button>
		</form>
            </section>



        <style>
            .bottom-navigation-wrap {
                background: #5f8971;
            }

            .bottom-navigation-wrap .bottom-navigation-items span {
                color: #ffffff;
            }
	    .bottom-navigation-wrap .bottom-navigation-items li a .cart-fill-color {
        	stroke: #ffffff;
	    }    
	    .bottom-navigation-wrap .bottom-navigation-items li a.activesvg {
        	fill: #ffffff;
	     }   
	    .bottom-navigation-wrap .bottom-navigation-items li a .svg-stroke-color path {
        	stroke: #ffffff;
	    }
	    .bottom-navigation-wrap .bottom-navigation-items li a.active svg path {
        	fill: #ffffff;
	    }
            #mobile-close-search {
                 color: #ffffff;
            }

        </style>


	<script>
	     $(document).ready(function () {
    	          // Show the search field when the search icon is clicked
	          $('.mobile-search').on ('click', function () {
  	               $('#mobile-search-field').fadeIn();
		       $('#mobile-search-input').focus();
		       document.body.scrollTop = 0
	          });

		  // Close the search field when the close button is clicked
		  $('#mobile-close-search').on('click', function (e) {
		      e.preventDefault();
		      $('#mobile-search-field').fadeOut();
		  });

		  // Close the search field when the Enter key is pressed in the input field
		  $('#mobile-search-input').on('keypress', function (e) {
		      if (e.which === 13) { // Enter key
			  e.preventDefault(); 
		          $('#mobile-search-field').fadeOut();
		          $('#mobile-search-form').submit();
		      }
		  });
	    });
	</script>
    

    	   <script src="https://www.thebookbridgellc.com/serviceworker.js"></script>
            <!-- Service Worker Registration and PWA Install Logic -->
            <script>
                // Register Service Worker
                if ('serviceWorker' in navigator) {
                    window.addEventListener('load', () => {
                        navigator.serviceWorker.register('/serviceworker.js')
                            .then(registration => {
                                console.log('Service Worker registered with scope:', registration.scope);
                            })
                            .catch(error => {
                                console.error('Service Worker registration failed:', error);
                            });
                    });
                }

                // Android Install Prompt
                let deferredPrompt;
                window.addEventListener('beforeinstallprompt', (e) => {
                    e.preventDefault(); // Prevent default prompt
                    deferredPrompt = e;

                    // Show install button (customize as needed)
                    const installButton = document.createElement('button');
                    installButton.textContent = 'Click Here to Install this App';
		    installButton.textContent = 'Click Here to Install this App';
                    installButton.style.position = 'fixed';
                    installButton.style.bottom = '48px';
                    installButton.style.left = '50%';
                    installButton.style.transform = 'translateX(-50%)';
                    installButton.style.background = '#f8f9fa';
                    installButton.style.border = 'none';
                    installButton.style.borderRadius = '5px';
                    installButton.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
                    installButton.style.padding = '10px';
                    installButton.style.zIndex = '1000';
                    document.body.appendChild(installButton);

                    installButton.addEventListener('click', () => {
                        deferredPrompt.prompt();
                        deferredPrompt.userChoice.then((choiceResult) => {
                            if (choiceResult.outcome === 'accepted') {
                                console.log('User accepted the install prompt');
                            } else {
                                console.log('User dismissed the install prompt');
                            }
                            deferredPrompt = null;
                            installButton.remove();
                        });
                    });
                });

                // iOS Add to Home Screen Notification
                if (/iPhone|iPad|iPod/i.test(navigator.userAgent) && !window.matchMedia('(display-mode: standalone)').matches) {
                    const iOSNotice = document.createElement('div');
                    iOSNotice.innerHTML = `
                    <div style="position: fixed; bottom: 48px; left: 50%; transform: translateX(-50%); background: #f8f9fa; padding: 10px; border-radius: 5px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); z-index: 1000;">
                        To install this app on your iOS device, tap the <strong>Share</strong> button (<img src='/themes/panel/img/ios-share.png' width="16" height="16" >) and then select <strong>Add to Home Screen</strong>.
                    </div>
                `;
                    document.body.appendChild(iOSNotice);

                    // Optional: Remove after 10 seconds
                    setTimeout(() => iOSNotice.remove(), 10000);
                }
            </script>
        
</html>
