PageSourceSearch

https://madhattersbookshop.com.au/pages/1688-AboutUs

html madhattersbookshop.com.au collected 2026-09-27 00:38:53 UTC 49,805 bytes, 1,361 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="utf-8">
5  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6  <meta name="viewport" content="width=device-width, initial-scale=1">
7  <meta name="csrf-param" content="authenticity_token" />
8<meta name="csrf-token" content="m0Ci_f5hyTWF6JywbuxyD6OIo5ew5SbpCS0me0dv_u4vecO58OEEYk4PMisyLesYDKGrGfowYLXGSUf67O28jA" />
9  <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
10              
10<script nonce="UiWTxXJtp6qv86uHse6JxQ==">
vendor: 388 bytes, lines 10-15
10(function(w,d,s,l,i){
11            w[l]=w[l]||[];w[l].push({'gtm.start':
12            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
13            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
14            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
15            })(window,document,'script','dataLayer','
15GTM-NWX8PGW
vendor: 3 bytes, line 15
15');
15</script>
15
16
17
18  <title>About Us - The Mad Hatters Bookshop</title>
19
20  <meta itemprop="title" content="About Us - The Mad Hatters Bookshop">
21  <meta itemprop="name" content="The Mad Hatters Bookshop">
22  <meta itemprop="description" content="The Mad Hatters Bookshop is a mini-wonderland and bookstore in the heart of Manly, QLD. Books &amp; gifts for all ages. ">
23
24  <!-- Google meta titles and meta descriptions  -->
25  <meta name="title" content="About Us - The Mad Hatters Bookshop">
26  <meta name="description" content="About Us">
27  <meta name="author" content="The Mad Hatters Bookshop">
28  <meta name="publisher" content="The Mad Hatters Bookshop">
29  <meta name="theme-color" content="#909090" />
30  <link rel="canonical" href="https://madhattersbookshop.com.au/pages/1688-AboutUs" />
31
32  <!-- Open Graph  -->
33  
34
35
36  
37    <meta property="og:site_name" content="The Mad Hatters Bookshop" />
38    <meta property="og:title" content="About Us - The Mad Hatters Bookshop" />
39    <meta property="og:description" content="The Mad Hatters Bookshop is a mini-wonderland and bookstore in the heart of Manly, QLD. Books &amp; gifts for all ages. " />
40    <meta property="og:type" content="ecommerce" />
41
42      <meta property="og:image" content="https://storage.googleapis.com/circlesoft/document/photos/003/227/603/meta_full-width-bannerv4.png?1598572029" />
43
44    <meta property="og:publisher" content="The Mad Hatters Bookshop">
45    <meta property="og:url" content="https://www.madhattersbookshop.com.au" />
46
47  
48
49  
49<script type="application/ld+json">
50{
51  "@context": "http://schema.org",
52  "@type": "Bookstore",
53  "image": "https://madhattersbookshop.com.au",
54  "@id": "https://madhattersbookshop.com.au",
55  "name": "The Mad Hatters Bookshop",
56  "address": {
57    "@type": "PostalAddress",
58    "streetAddress": "Shop 3, 7 Day Markets",
59    "addressLocality": "Manly",
60    "addressRegion": "QLD",
61    "postalCode": "4179",
62    "addressCountry": "AU"
63  },
64  "url": "https://madhattersbookshop.com.au",
65  "telephone": "0431 615 787"
66}
67</script>
67
68
69  <meta name="robots" content="index, follow" />
70
71  <!-- fav and touch icons -->
72  <link rel="icon" href="https://storage.googleapis.com/circlesoft/document/photos/003/227/602/original_favicon.png?1598566299" />
73
74
75  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Raleway:400,500,600,700,900" rel="stylesheet">
76
77  <link rel="stylesheet" href="https://cdnmaster4.circlesoft.net/assets/application-becfb0a1912c5042f4cde97e6b3dcf6e934b8f72fc11266e4ff456dd3f5fabac.css" nonce="UiWTxXJtp6qv86uHse6JxQ==" />
78
79  
79<script src="https://cdnmaster4.circlesoft.net/assets/alpine_js.min-aed5e259999a9c819b54638ac94573805f65d3e94363fb228195a0e8a0cd8c26.js" nonce="UiWTxXJtp6qv86uHse6JxQ==" defer="defer"></script>
79
80  
80<script src="https://cdnmaster4.circlesoft.net/assets/application-ffbb3b7caf3a76534292214ef25d9ca47dacb727e1398f4499a16b3f93bd2bb4.js" nonce="UiWTxXJtp6qv86uHse6JxQ=="></script>
80
81
82  
82<script src="https://cdnmaster4.circlesoft.net/assets/jquery.lazyload-0f914751dde4d73dd6ba0c38f45b549280753aacce1654667c6862c9d3e3bf15.js" nonce="UiWTxXJtp6qv86uHse6JxQ=="></script>
vendor: 1 bytes, line 82
82
83<script nonce="UiWTxXJtp6qv86uHse6JxQ==">
84  $(function() {
85      loadLazyLoadedImages();
86      $('.owl-next, .owl-prev, .owl-carousel').on("click", function () {
87        setTimeout(loadLazyLoadedImages, 500);
88      });
89
90      $(window).on("resize", function() {
91        setTimeout(loadLazyLoadedImages, 500);
92      });
93
94      $('html, body').on("click", function () {
95        setTimeout(loadLazyLoadedImages, 500);
96      });
97
98      function loadLazyLoadedImages() {
99        if ($('.lazyload').length) {
100          $('.lazyload').on("error", function () {
101            $(this).off('error').attr('src', "https://cdnmaster4.circlesoft.net/assets/nophoto-7ea475a5e85c82d081508a01bce15d0abfd1b1244e9e1184f569d11a0500a70b.jpg");
102          });
103
104          $('.lazyload').lazyload({
105            skip_invisible: false,
106            effect: 'fadeIn',
107            failure_limit: 50,
108            threshold: 0
109          });
110        }
111      }
112
113      $(document).ready(function(){
114        $('.lazyload').each(function() {
115          $(this).attr('src', $(this).data('original'));
116        });
117      });
118  });
119</script>
119
120
121    
121<script src="https://cdnmaster4.circlesoft.net/assets/elastic-apm-rum.umd.min-df890bb04ebf415eaf3ddd22d7c8b598e5fca02afbb80d7c3ed305c7c36e78e9.js" nonce="UiWTxXJtp6qv86uHse6JxQ=="></script>
121
122  
122<script nonce="UiWTxXJtp6qv86uHse6JxQ==">
123//<![CDATA[
124
125    window._apm_service_name = "prod8-0-bots";
126    window._apm_service_url = "https://apm.circlepos.com:443/rum/";
127    window._apm_mapping_url = "https://storage.googleapis.com/circlesoft-cdn/cdnmaster4.circlesoft.net/assets/elastic-apm-rum.umd.min.js.map";
128    window._apm_active = true;
129    window._apm_transaction_sample_rate = 0.3;
130    window._apm_breakdown_metrics = true;
131
132//]]>
133</script>
133  
133<script src="https://cdnmaster4.circlesoft.net/assets/elastic-apm-init-70844a7c3967a0360c4b8e9dd1a54a527e51364dc37a6809edbb50dbf9c557f0.js" nonce="UiWTxXJtp6qv86uHse6JxQ=="></script>
vendor: 75 bytes, lines 133-139
133
134
135
136  <script src="https://www.google.com/recaptcha/api.js"></script>
137  
138
139  
139<script>
vendor: 351 bytes, lines 139-145
139
140  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
141  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
142  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
143  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
144
145  ga('create', '
145UA-100720630-1
vendor: 42 bytes, lines 145-147
145', 'auto');
146  ga('send', 'pageview');
147
148</script>
148
149
150<script>
vendor: 351 bytes, lines 150-156
150
151  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
152  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
153  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
154  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
155
156  ga('create', '
156UA-66014747-42
vendor: 42 bytes, lines 156-158
156', 'auto');
157  ga('send', 'pageview');
158
159</script>
159
160<!-- circle:checkout-name-trim v1 START (remove this block to revert) -->
161<script>
162  (function () {
163    if (!window.location.pathname.includes('/cart/checkout')) return;
164    var normalizeName = function () {
165      var el = document.getElementById('address_name');
166      if (el) el.value = el.value.trim().replace(/\s+/g, ' ');
167    };
168    var bind = function () {
169      var el = document.getElementById('address_name');
170      if (!el) return false;
171      if (el.dataset.nameTrimBound) return true;
172      el.dataset.nameTrimBound = '1';
173      el.addEventListener('blur', normalizeName);
174      var btn = document.getElementById('btn-validate-action');
175      if (btn) btn.addEventListener('click', normalizeName, true);
176      return true;
177    };
178    var start = function () {
179      if (bind()) return;
180      var observer = new MutationObserver(function () {
181        if (bind()) observer.disconnect();
182      });
183      observer.observe(document.body, { childList: true, subtree: true });
184    };
185    if (document.body) start();
186    else document.addEventListener('DOMContentLoaded', start);
187  })();
188</script>
188
189<!-- circle:checkout-name-trim v1 END -->
190
191  <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml">
192
193    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato" nonce="UiWTxXJtp6qv86uHse6JxQ==" />
194  <style type='text/css' nonce="aQppx8jUVLj+RIkEakvNEg==">
195    @media(min-width:1200px) { .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1170px !important; } }
196    @media(max-width:1199px) and (min-width: 980px) { .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 960px !important; } } 
197    @media(max-width:979px) and (min-width: 768px) { .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 724px !important; } }
198    @media(max-width:767px) { .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container { width: auto; }}
199
200    /* general */
201    body {
202      background-image: url("https://storage.googleapis.com/circlesoft/document/photos/003/227/605/original_background-wall-lighter.jpg?1598567887");
203    }
204
205    /*Apply google fonts if specified in settings*/
206    body, input, a, div, .button , button, select, textarea, p, span{
207      font-family: Lato;
208    }
209    .navbar-default .navbar-nav>li>a {
210      font-family: Lato;
211    }
212
213    .book-name, .stock-count, .title-text, label, ul.nav li{
214      font-family: Lato !important;
215    }
216
217
218     ************************/
219    .homepage .page-header { margin: 0; border-bottom: 0; }
220    .homepage .header h1, .page-header h1 { font-size: 1.5em; line-height: 1.2em; }
221    .homepage .header .side-links { clear: right; float: right; }
222    .homepage .header + .empty { border-top: 1px solid #ccc; }
223    .homepage .page-content { margin-bottom: 10px; padding: 10px; border: 1px solid #ccc; }
224
225    /************************
226     * Categories
227     ************************/
228    #category-list               { background: #ddd; padding-left:0px;padding-right:0px; }
229    .categories                  { background: #ddd; }
230    .categories h2               { color: #FFFFFF; }
231    .categories ul               { width: 100%; padding: 0; margin: 0; list-style-type: none; font-size: 15px; }
232    .categories ul.highlighted   { font-weight: bold; border-bottom: 2px solid black; }
233
234    .categories ul li            { color: #666; background: #ddd; padding: 0.4em 1em; margin: 0; text-align: left;}
235    .categories ul li:last-child { border-bottom: 0; }
236    .categories ul li a          { color: #666; text-decoration: none; display: block; }
237    .categories ul li a:hover    { color: #000; }
238
239    .categories ul li.promoted   { background: #c6c6c6; }
240
241    .categories ul li.main       { background: #fff; }
242
243    .categories ul ul            { font-weight: normal; }
244    .categories ul ul li         { background: #fff; padding: 0 1em; font-size: 0.85em; border-bottom: 0; }
245    .categories ul ul li.sub > a { color: white; }
246    .categories ul ul li.active  { font-weight: bold; }
247
248    /* Color setting for side list menu */
249    .categories ul li {
250      background-color:#FFFFFF;
251    }
252    /************************
253     * End Categories
254     ************************/
255
256    /* Catalog */
257    #catalog-container{
258      margin-top: 20px;
259      /* color setting for catalog */
260      background-color: white;
261    }
262
263    .featured-category-header a, .featured-category-header a:visited, a.featured-product-header,  a.featured-product-header:visited {
264      color: #371828;
265    }
266    .category-header a, .category-header a:visited {
267      color: #0088cc;
268    }
269
270    /************************
271    * Discount flag
272    ************************/
273    .product .flag,
274    .inline-block .flag {
275      position: absolute;
276      top: 0;
277      left: 0;
278      width: 0;
279      height: 0;
280      border-right: 27px solid transparent;
281      border-top: 27px solid #dd305a;
282      border-left: 27px solid #dd305a;
283      border-bottom: 27px solid transparent;
284      z-index: 99;
285      }
286
287    .product .flag .tag,
288    .inline-block .flag .tag {
289      margin-top: -20px;
290      margin-left: -22px;
291      width: max-content;
292    }
293
294    .product .flag .tag span,
295    .inline-block .flag .tag span {
296      font-weight: bold;
297      color: #FFFFFF;
298    }
299    /************************
300    * End Discount flag
301    ************************/
302
303    /*color options for category headers*/
304
305    .fill-nav, .navbar-blue{
306      background-image: linear-gradient(#909090, #909090);
307      border-color:  #909090;
308      border-radius: 0px 0px 4px 4px;
309    }
310
311    .nav-link a {
312      color: #FFFFFF;
313    }
314    .top-navbar .nav > li > a{
315      color: #FFFFFF;
316    }
317    .nav-link a:hover {
318      color: #090909;
319    }
320
321    .top-navbar .nav > li > a:hover{
322      color: #090909;
323    }
324    .top-navbar{
325      color: #090909;
326    }
327    .top-navbar .nav > li > a:hover{
328      color: #090909;
329    }
330    .top-navbar .navbar-brand {
331      background-image: linear-gradient(#909090, #909090);
332      border-color:  #909090;
333    }
334    .top-navbar .navbar-toggle {
335      display: none;
336      background-image: linear-gradient(#909090, #909090);
337      border-color:  #909090;
338    }
339    .top-navbar .navbar-toggle:hover {
340      background-color: #909090);
341      border-color:  #909090;
342    }
343    .top-navbar .navbar-brand { color: white; }
344
345
346    /* Background color settings for headers */
347    .home-box, .categories-header{
348      background-color: white;
349    }
350    /*color setting for links */
351    a, #topnav a                 { color: #c0171b; text-decoration:none; }
352    a:hover, #topnav a:hover     { color: #990000; }
353
354    /* Footer */
355    #footer{
356      background-color: #c0171b;
357    }
358
359     #footer a:hover{
360      color: #F0F0F0;
361    }
362    #footer .nav > li > a:hover, .nav > li > a:focus{
363      background-color: unset;
364      color: #F0F0F0;
365    }
366    #footer .nav > li > a, #footer a, #footer p, #footer div{
367      color: #FFFFFF;
368    }
369    #banner { background-color: white; }
370
371    .sub-page-menu li {
372       font-family: Lato;
373    }
374
375    .sub-page-menu, .sub-page-menu li {
376        background-color: #909090;
377    }
378    .sub-page-menu li a, .nav-link a {
379      color: #FFFFFF;
380    }
381    .navbar-inverse .nav > li > a{
382      color: #FFFFFF;
383    }
384
385    .nav-link a:hover {
386      color: #090909;
387    }
388    .navbar-inverse .nav > li > a:hover{
389      color: #090909;
390    }
391    .navbar-inverse .navbar-brand {
392      background-image: linear-gradient(#909090, #909090);
393      border-color:  #909090;
394    }
395    .navbar-inverse .navbar-toggle {
396      display: none;
397      background-image: linear-gradient(#909090, #909090);
398      border-color:  #909090;
399    }
400    .navbar-inverse .navbar-toggle:hover {
401      background-color: #909090);
402      border-color:  #909090;
403    }
404
405
406    @media (min-width: 479px) {
407      .navbar.top-navbar .navbar-brand {
408      }
409      .navbar .container-fluid { padding-left: 0; padding-right: 0; }
410
411      .quick_search_category { color: white; }
412      .quick_search_category > label { color: white; }
413      .quick_search_category a { color: white; }
414
415      #advanced_search_fields > input { margin: 0 2px 2px 0; }
416    }
417
418    @media (max-width: 480px) {
419      #banner { background-color: white; }
420    /*  .banner-img { display: none; }*/
421
422      #search { float: left; width: 100%; margin: 0; }
423      #search .searchattributeinput { width: 90%; margin: 0 auto; display: block; }
424      #search .search_button { display: none; }
425
426      .top-navbar .navbar-brand, .top-navbar .navbar-text,
427      .bottom-navbar, #bottom-copyright { float: none; text-align: center; }
428      .mid-navbar { margin-top: 18px; }
429
430      body { padding: 0; }
431    }
432    @media (max-width: 979px) {
433      .navbar-inverse .navbar-brand { color: white; }
434    }
435    @media (min-width: 980px) {
436      .navbar .navbar-brand { color: transparent; display: none; }
437    }
438
439    .cart { border-top-color: white; }
440
441    /* Override btn color */
442    .browse-category h2, .custom-header {
443      background-color: #909090;
444      border-color: #909090;
445    }
446
447    .btn-primary, .basketbtn .btn.btn-primary.btn-xs {
448       background-color: #c0171b;
449       border-color: #c0171b;
450     }
451    .btn-primary:hover {
452       background-color: #c0171b;
453       border-color: #c0171b;
454       box-shadow:inset 0 0 0 99999px rgba(255,255,255,0.3);
455     }
456
457    .btn-outline-primary {
458      /* background-color: #c0171b; */
459      border-color: #c0171b;
460      color: #c0171b;
461    }
462
463    .btn-outline-primary:hover {
464      background-color: #c0171b;
465      border-color: #c0171b;
466      color: white;
467    }
468
469
470    .btn-primary-text {
471      background-color: transparent;
472      border-color: transparent;
473      color: #c0171b;
474    }
475
476    .btn-primary-text:hover {
477      color: #c0171b7a;
478    }
479
480    /*---mobile navbar and sidebar ----*/
481    #nav-sidebar a,
482    .nav-sidebar-wrapper .nav-sidebar__header div label,
483    .navbar-clean__button, .navbar-clean__button a {
484      color: #A6A6A6;
485    }
486
487    .nav-sidebar-wrapper .nav-sidebar__header div input:checked + label {
488      border-color: #A6A6A6;
489    }
490
491    .nav-sidebar-wrapper .nav-sidebar-tab-content-wrapper .nav-sidebar-tab-contents ul li:hover {
492      background-color: #828c337a;
493    }
494
495    .nav-sidebar-wrapper .nav-sidebar-tab-content-wrapper .nav-sidebar-tab-contents ul li ul li,
496    .nav-sidebar-wrapper .nav-sidebar-tab-content-wrapper .nav-sidebar-tab-contents ul li a:hover {
497      background-color: #828c33;
498    }
499
500    .navbar-clean .navbar-clean__cart i.with-data:after {
501      background: #c0171b
502    }
503    /*---end---------------------------*/
504
505    /*---new checkout interface--------*/
506    div#checkout-stages input[type='radio']:checked + label{
507      background-color: #c0171b4f;
508    }
509    div#checkout-stages input:not([disabled]) + label {
510      background-color: #c0171b1a;
511    }
512    div#checkout-stages input:not([disabled]) + label:hover {
513      background-color: #c0171b2f;
514    }
515    div.payment-options div.enabled-payment-options input[type='radio']:checked + label,
516    div#delivery-options-stage div.delivery-options div.saved-shipping-rates input[type='radio']:checked + label,
517    div#shipping-address-stage div.addresses div.saved-address input[type='radio']:checked + label {
518      border: 1px solid #c0171b !important;
519    }
520    div#cart-total-price span span.items_expand_trigger,
521    div.payment-options span i#card-type-icon,
522    div.payment-options input[type='radio']:checked + label:before,
523    div#delivery-options-stage div.delivery-options input[type='radio']:checked + label:before,
524    div#shipping-address-stage div.addresses input[type='radio']:checked + label:before,
525    div#promotion-container span#promotion-code {
526      color: #c0171b;
527    }
528    div#shipping-address-stage div.address-actions a:hover,
529    div#shipping-address-stage div.address-actions button:hover {
530      color: #990000 !important ;
531    }
532    /*---end---------------------------*/
533
534    ul#portal-list {
535      zoom: 75%
536    }
537
538    a#terms_and_conditions_url,
539    a#review-maps-link,
540    a#review-back-btn,
541    span.review-delivery-shipping-cost,
542    #loyalty-message-title {
543      color: #c0171b;
544    }
545
546    .new-checkout-title {
547      color: #c0171b;
548      font-weight: 600;
549    }
550
551    :root {
552      --checkout-summary-bg: color-mix(in srgb, #c0171b 100%, black 100%);
553      --checkout-accent: #c0171b;
554    }
555
556    h2.review-order-title {
557      color: #c0171b;
558      font-weight: 600;
559      margin-top: 0;
560    }
561
562    .link-btn {
563      color: #c0171b;
564      background-color: transparent;
565      padding: 4px 8px;
566      border: none;
567    }
568
569    .link-btn:hover {
570      color: #c0171bda;
571    }
572
573    .link-btn:active, 
574    .link-btn:focus,
575    .link-btn:active:focus {
576      color: #c0171b;
577      background-color: #c0171b3a;
578      border-radius: 100px;
579    }
580
581    .select-design-system {
582      width: 100%;
583      height: 32px;
584      border-radius: 100px;
585      padding: 0 1.6rem;
586      background: white;
587      border-color: #808080;
588    }
589                                                
590    .btn-design-system {
591      border-radius: 100px;
592      padding: 4px 16px;
593      min-height: 32px;
594      font-weight: 600;
595    }
596    
597    .input-design-system {
598      padding: 4px 8px;
599      border: 1px solid #808080;
600      color: black;
601      border-radius: 100px;
602      min-height: 32px;
603    }
604
605    .select-design-system:hover,
606    .select-design-system:active, 
607    .select-design-system:focus, 
608    .select-design-system:active:focus, 
609    .input-design-system:hover,
610    .input-design-system:active, 
611    .input-design-system:focus, 
612    .input-design-system:active:focus, {
613      border-color: #c0171b !important;
614      border-radius: 100px !important;
615    }
616
617    .btn-design-system:hover {
618      background-color: #c0171bfa;
619    }
620
621    .btn-design-system:active,
622    .btn-design-system:focus,
623    .btn-design-system:active:focus {
624      background-color: color-mix(in srgb, #c0171b 100%, black 20%) !important;
625    }
626
627    .success-alert-design-system,
628    .danger-alert-design-system {
629      padding: 8px 16px;
630      margin: 8px 0;
631    }
632
633    .success-alert-design-system {
634      background-color: #A6D3AA;
635      color: #333333;
636    }
637
638    .danger-alert-design-system {
639      background-color: #F9B4B5;
640      color: #333333;
641    }
642
643    .info-alert-design-system {
644      background-color: #99D5F2;
645      color: #333333;
646    }
647
648    .checkbox-wrapper-design-system label {
649      display: block;
650      position: relative;
651      padding-left: 24px;
652      margin-bottom: 5px;
653      cursor: pointer;
654      font-size: 18px;
655    }
656
657    .checkbox-wrapper-design-system input[type="radio"] {
658      position: absolute;
659      z-index: -1;
660      opacity: 0;
661      appearance: none;
662      -moz-appearance: none;
663      -webkit-appearance: none;
664    }
665
666    .checkbox-wrapper-design-system .control__indicator {
667      position: absolute;
668      top: 2px;
669      left: 0;
670      height: 16px;
671      width: 16px;
672      background: #e6e6e6;
673      border-radius: 50%;
674    }
675    .checkbox-wrapper-design-system:hover input ~ .control__indicator,
676    .checkbox-wrapper-design-system input:focus ~ .control__indicator {
677      background: #ccc;
678    }
679    .checkbox-wrapper-design-system input:checked ~ .control__indicator {
680      background: #c0171b;
681    }
682    .checkbox-wrapper-design-system:hover input:not([disabled]):checked ~ .control__indicator,
683    .checkbox-wrapper-design-system input:checked:focus ~ .control__indicator {
684      background: color-mix(in srgb, #c0171b 100%, black 100%);
685    }
686    .checkbox-wrapper-design-system input:disabled ~ .control__indicator {
687      background: #e6e6e6;
688      opacity: 0.6;
689      pointer-events: none;
690      cursor: not-allowed;
691    }
692    .checkbox-wrapper-design-system .control__indicator:after {
693      content: '';
694      position: absolute;
695      display: none;
696    }
697    .checkbox-wrapper-design-system input:checked ~ .control__indicator:after {
698      display: block;
699    }
700    .checkbox-wrapper-design-system .control__indicator:after {
701      left: 5px;
702      top: 5px;
703      height: 6px;
704      width: 6px;
705      border-radius: 50%;
706      background: #fff;
707    }
708    .checkbox-wrapper-design-system input:disabled ~ .control__indicator:after {
709      background: #7b7b7b;
710      cursor: not-allowed;
711    }
712
713    div.loyalty-component {
714      background-color: color-mix(in srgb, #c0171b 100%, black 100%);
715      color: white;
716      border: 1px solid #c0171bfa;
717      border-radius: 16px !important;
718      margin-top: 1rem;
719
720      > div > p {
721        color: white;
722      }
723    }
724
725    .pagination {
726      a {
727        text-decoration: underline;
728      }
729    }
730
731    .event-info-outline {
732      border: 1px solid #371828;
733      border-radius: 16px;
734      padding: 10px;
735      margin-bottom: 10px;
736      background: #fafafa;
737      font-size: 11px;
738      text-align: left;
739      max-width: fit-content;
740      i {
741        color: #371828;
742      }
743      position: relative;
744
745      @media (max-width: 600px) {
746        max-width: 100%;
747        font-size: 12px;
748      }
749    }
750
751    .event-info-outline::before {
752      content: "\f274";
753      font-family: "Font Awesome 6 Free";
754      font-style: normal;
755      font-weight: normal;
756      text-decoration: inherit;
757      font-size: 14px;
758      position: absolute;
759      top: -14px;
760      right: -13px;
761      background: #371828;
762      border-radius: 50%;
763      padding: 2px;
764      width: 24px;
765      height: 24px;
766      text-align: center;
767      color: white;
768    }
769
770    .product-detail-font-size,
771    .product-detail-font-size .event-info-outline {
772      font-size: 12px;
773    }
774
775    .event-info-outline a {
776      color: #333333;
777      text-decoration: none;
778    }
779
780    .airdp-today-btn-custom {
781      cursor: pointer;
782      display: flex;
783      justify-content: center;
784      align-items: center;
785      margin: 8px auto 8px auto;
786      padding: 3px 10px;
787      background: #eee;
788      border-radius: 4px;
789      border: 1px solid #ccc;
790      font-size: 12px;
791      text-align: center;
792      width: 70px;
793    }
794  </style>
795
796  <link rel="stylesheet" href="https://storage.googleapis.com/circlesoft/document/css_documents/000/006/342/none-gc.css?1712910465" nonce="UiWTxXJtp6qv86uHse6JxQ==" />
797
798  
799</head>
800
801<body class="">
vendor: 78 bytes, lines 801-802
801
802          <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
802GTM-NWX8PGW
vendor: 95 bytes, lines 802-806
802"
803        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
804
805
806  
806<a href="#main-content" class="sr-only sr-only-focusable">Skip to main content</a>
807
808  <header class="site-header" role="banner">
809    
810
811
812<div class="site-sidebar">
813  <div id="nav-sidebar" class="nav-sidebar-wrapper navbar-blue visible-xs">
814    <nav class="nav-sidebar__header" aria-label="Sidebar tabs">
815      <div>
816        <input id="tab2" data-content="1" type="radio" name="tabs" checked class="nav-sidebar__tabs nav-sidebar__tab2">
817        <label for="tab2" class="nav-sidebar__labels nav-sidebar__label2">
818          Menu
819        </label>
820      </div>
821      <div>
822        <input id="tab1" data-content="2" type="radio" name="tabs" class="nav-sidebar__tabs nav-sidebar__tab1">
823        <label for="tab1" class="nav-sidebar__labels nav-sidebar__label1">Categories</label>
824      </div>
825      <div>
826        <input id="tab3" data-content="3" type="radio" name="tabs" class="nav-sidebar__tabs nav-sidebar__tab3">
827        <label for="tab3" class="nav-sidebar__labels nav-sidebar__label3">
828            Account
829        </label>
830      </div>
831    </nav>
832
833    <div class="nav-sidebar-tab-content-wrapper">
834      <nav class="nav-sidebar-tab-contents nav-sidebar-tab-content2" aria-label="Information">
835        <ul>
836            <li>
837              <div>
838                <a class="with_drop nav-active" title="Go to About Us" href="/pages/1688-AboutUs">About Us</a>
839                  <button name="button" type="button" class="drop-trigger" aria-label="Open submenu" aria-haspopup="menu" aria-expanded="false" aria-controls="sub_pages_1688"><i class="fa fa-caret-down" aria-hidden="true"></i></button>
840              </div>
841                <ul id="sub_pages_1688" class="sub-page-menu" role="menu" hidden>
842                    <li>
843                      <a title="Go to About Us" href="/pages/5852-AboutUs">About Us</a>
844                    </li>
845                    <li>
846                      <a title="Go to Meet the Team" href="/pages/5853-MeettheTeam">Meet the Team</a>
847                    </li>
848                    <li>
849                      <a title="Go to Terms and Conditions" href="/pages/1703-TermsandConditions">Terms and Conditions</a>
850                    </li>
851                </ul>
852            </li>
853            <li>
854              <div>
855                <a class="" title="Go to What&#39;s On" href="/pages/1689-WhatsOn">What&#39;s On</a>
856              </div>
857            </li>
858            <li>
859              <div>
860                <a class="with_drop" title="Go to Book Clubs" href="/pages/1690-BookClubs">Book Clubs</a>
861                  <button name="button" type="button" class="drop-trigger" aria-label="Open submenu" aria-haspopup="menu" aria-expanded="false" aria-controls="sub_pages_1690"><i class="fa fa-caret-down" aria-hidden="true"></i></button>
862              </div>
863                <ul id="sub_pages_1690" class="sub-page-menu" role="menu" hidden>
864                    <li>
865                      <a title="Go to Adult Book Clubs" href="/pages/6533-AdultBookClubs">Adult Book Clubs</a>
866                    </li>
867                    <li>
868                      <a title="Go to Kids&#39; &amp; YA Book Clubs" href="/pages/5440-KidsYABookClubs">Kids&#39; &amp; YA Book Clubs</a>
869                    </li>
870                </ul>
871            </li>
872            <li>
873              <div>
874                <a class="" title="Go to Schools" href="/pages/4892-Schools">Schools</a>
875              </div>
876            </li>
877            <li>
878              <div>
879                <a class="" title="Go to Mad Rewards" href="/pages/1691-MadRewards">Mad Rewards</a>
880              </div>
881            </li>
882            <li>
883              <div>
884                <a class="" title="Go to Wondrous Tales" href="/pages/4893-WondrousTales">Wondrous Tales</a>
885              </div>
886            </li>
887            <li>
888              <div>
889                <a class="with_drop" title="Go to Contact Us" href="/pages/1692-ContactUs">Contact Us</a>
890                  <button name="button" type="button" class="drop-trigger" aria-label="Open submenu" aria-haspopup="menu" aria-expanded="false" aria-controls="sub_pages_1692"><i class="fa fa-caret-down" aria-hidden="true"></i></button>
891              </div>
892                <ul id="sub_pages_1692" class="sub-page-menu" role="menu" hidden>
893                    <li>
894                      <a title="Go to Stocking Books" href="/pages/6256-StockingBooks">Stocking Books</a>
895                    </li>
896                    <li>
897                      <a title="Go to Contact Us" href="/pages/14682-ContactUs">Contact Us</a>
898                    </li>
899                </ul>
900            </li>
901        </ul>
902      </nav>
903
904      <nav class="nav-sidebar-tab-contents nav-sidebar-tab-content1" aria-label="Categories">
905              <ul class="highlighted">
906        <li>
907          <a title="Go to Alice in Wonderland" class="underline" href="https://madhattersbookshop.com.au/c/alice-in-wonderland__4">Alice in Wonderland</a>
908        </li>
909        <li>
910          <a title="Go to Books" class="underline" href="https://madhattersbookshop.com.au/c/books__1">Books</a>
911        </li>
912        <li>
913          <a title="Go to Games" class="underline" href="https://madhattersbookshop.com.au/c/games__1--2__2">Games</a>
914        </li>
915        <li>
916          <a title="Go to Giftware" class="underline" href="https://madhattersbookshop.com.au/c/giftware-ef7a8221-7ddd-4e54-b8a5-3b4816125b7c">Giftware</a>
917        </li>
918        <li>
919          <a title="Go to Halloween" class="underline" href="https://madhattersbookshop.com.au/c/halloween__6">Halloween</a>
920        </li>
921        <li>
922          <a title="Go to Stationery" class="underline" href="https://madhattersbookshop.com.au/c/stationery__1--2__9">Stationery</a>
923        </li>
924        <li>
925          <a title="Go to Toys" class="underline" href="https://madhattersbookshop.com.au/c/toys__1--2__2">Toys</a>
926        </li>
927  </ul>
928
929<ul>
930        <li>
931          <a title="Go to Christmas Gift Ideas" class="underline" href="https://madhattersbookshop.com.au/c/christmas-gift-ideas-a7d476c9-e7a5-4f7c-b6d3-3201a71aa70f">Christmas Gift Ideas</a>
932        </li>
933        <li>
934          <a title="Go to Event Tickets" class="underline" href="https://madhattersbookshop.com.au/c/event-tickets__1">Event Tickets</a>
935        </li>
936        <li>
937          <a title="Go to Local Authors &amp; Illustrators" class="underline" href="https://madhattersbookshop.com.au/c/local-authors-illustrators">Local Authors &amp; Illustrators</a>
938        </li>
939        <li>
940          <a title="Go to Pre-orders" class="underline" href="https://madhattersbookshop.com.au/c/pre-orders-662778dc-8b6b-46c8-843e-31930bd4599b">Pre-orders</a>
941        </li>
942</ul>
943
944      </nav>
945
946      <nav class="nav-sidebar-tab-contents nav-sidebar-tab-content3" aria-label="Account">
947          <ul>
948            <input type="hidden" name="landing" id="landing" autocomplete="off" />
949            <li>
950              <a href="/auth/login"><i class="fa fa-sign-in" aria-hidden="true"></i> Login / Sign up</a>
951            </li>
952          </ul>
953      </nav>
954    </div>
955  </div>
956</div>
957
958<div id="sidebar-overlay" class="visible-xs"></div>
959<div class="nav-wrapper visible-xs ">
960  <nav class="navbar top-navbar nav-login navbar-blue navbar-clean"
961       aria-label="Header utility navigation (mobile)">
962    <button class="navbar-clean__button navbar-clean__menu ripple" aria-label="navigation menu">
963      <i class="fa fa-bars" aria-hidden="true"></i>
964    </button>
965    <div class="navbar-clean__icon flex-spacer text-center">
966    </div>
967    <div class="navbar-clean__button navbar-clean__cart ripple navbar-cart-wrapper">
968      <a style="padding:0" aria-label="open shopping cart" href="/cart"><i data-count="0" class="fa fa-shopping-cart"></i></a>
969    </div>
970  </nav>
971</div>
972<nav class="hidden-xs navbar top-navbar nav-login navbar-default navbar-blue container-fluid navbar-top-nav-links"
973     aria-label="Header utility navigation (desktop)">
974  <div class="inner-container-home container" id="top_nav_links">
975    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
976      <div class="collapse navbar-collapse pl-0" id="main-nav">
977        <ul class="nav navbar-nav site-nav-links">
978              <li>
979                <a target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/TheMadHattersBookshop/"><i class="fa-brands fa-facebook"></i><span class="sr-only">facebook.com</span></a>
980              </li>
981              <li>
982                <a target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/madhattersbookshop/"><i class="fa-brands fa-instagram"></i><span class="sr-only">instagram.com</span></a>
983              </li>
984              <li>
985                <a target="_blank" rel="noopener noreferrer" href="https://twitter.com/madhattersbooks"><i class="fa-brands fa-twitter"></i><span class="sr-only">twitter.com</span></a>
986              </li>
987        </ul>
988        <ul class="nav navbar-nav navbar-right navbar-cart">
989          <li id="cart_link" class="list-none">
990            <a class="btn btn-default" id="cart-link-btn" aria-label="View cart, 0 items" href="/cart"><img id="cart-link-img" alt="Cart image" src="https://cdnmaster4.circlesoft.net/assets/cart-e73aa3b846d5a318be60473ecf11011a11fc9ac910c4ee930c471f3ad865f10e.png" />0 items</a>
991          </li>
992            <input type="hidden" name="landing" id="landing" autocomplete="off" />
993            <li><a href="/auth/login">Login/Sign up</a></li>
994        </ul>
995      </div>
996    </div>
997  </div>
998</nav>
999<!-- HEADER BAR (TOP) -->
1000<div class="header-bar banner container-fluid" id="banner">
1001  <div class="inner-container-home container" id="inner-container-home">
1002    <div class="row">
1003      <div class="logo-container hidden-xs col-sm-5 col-md-6 col-lg-6">
1004        <h1 id="shop-logo" class="logo">
1005          <a href="https://madhattersbookshop.com.au/"><img class="banner-img" alt="The Mad Hatters Bookshop" src="https://storage.googleapis.com/circlesoft/document/photos/003/227/603/original_full-width-bannerv4.png?1598572029" /></a>
1006        </h1>
1007      </div><!--.col-->
1008      <div class="quick-search-container col-xs-12 col-sm-7 col-md-5 col-lg-4 ">
1009        <form id="quick_search" name="search_form" class="clearfix" role="search" aria-label="Site search" action="/catalog/search" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" />
1010          <div class="quick_search_form form-group" style="padding-top: 25px">
1011            <label class="sr-only" for="keyword">Search for books</label>
1012            <div class="input-group">
1013              <input type="search" name="keyword" id="keyword" value="" class="searchattributeinput form-control" placeholder="Search for books by title, keyword or ISBN" autocomplete="off" />
1014              <input type="hidden" name="search_type" id="search_type" value="core^keyword" autocomplete="off" />
1015              <span class="input-group-addon btn-primary">
1016                <button type="submit" class="btn-primary btn-borderless" aria-label="Search books">
1017                  <i class="fa fa-search btn-borderless" aria-hidden="true"></i>
1018                </button>
1019              </span>
1020            </div>
1021            <div id="type_ahead_results" style="display:none" role="status" aria-live="polite">
1022              <div class="heading" id="when_blank_text">Start typing to search by keyword, title, author or ISBN</div>
1023              <div class="heading" id="type_ahead_results_searching">Searching...</div>
1024              <div class="heading" id="making_purchase_order">Going to product page...</div>
1025              <div id="type_ahead_results_inner"></div>
1026            </div>
1027          </div>
1028</form>      </div>
1029    </div>
1030  </div>
1031</div>
1032
1033<div class="clearfix"></div>
1034
1035<div role="navigation" aria-label="Primary">
1036  <!-- MAIN NAVBAR -->
1037
1038<script type="text/javascript" nonce="UiWTxXJtp6qv86uHse6JxQ==">
1039  drop_menu_timeout = {};
1040  $(document).ready(function(){
1041    $('.has_drop').on("mouseover", function() {
1042      ul = $(this).next();
1043      show_drop_menu(ul);
1044    }).on("mouseout", function() {
1045      ul = $(this).next();
1046      hide_drop_menu(ul);
1047    });
1048
1049    $('.sub-page-menu').each(function() {
1050      ul = $(this);
1051      ul.on("mouseover", function() {
1052        ul = $(this);
1053        show_drop_menu(ul);
1054      });
1055      ul.on("mouseout", function() {
1056        ul = $(this);
1057        hide_drop_menu(ul);
1058      });
1059    });
1060  })
1061
1062  function hide_drop_menu(ul) {
1063    drop_menu_timeout[ul.attr('id')] = setTimeout(function() {
1064      ul.hide();
1065    }, 50);
1066  }
1067
1068  function show_drop_menu(ul) {
1069    clearTimeout(drop_menu_timeout[ul.attr('id')]);
1070    ul.show();
1071  }
1072
1073</script>
1073
1074
1075<nav class="navbar top-navbar navbar-default navbar-blue container-fluid navbar-content-pages hidden-xs"
1076     aria-label="Content pages navigation">
1077    <div class="inner-container-home container"  id="contant-pages">
1078          <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
1079    <!-- Brand and toggle get grouped for better mobile display -->
1080    <div class="navbar-header">
1081      <button aria-expanded="false" class="navbar-toggle collapsed" data-target="#pages-nav" data-toggle="collapse" type="button">
1082        <span class="sr-only">Toggle navigation</span> <span class="glyphicon glyphicon-bar"></span>
1083        <span class="glyphicon glyphicon-bar"></span>
1084        <span class="glyphicon glyphicon-bar"></span>
1085      </button>
1086    </div><!-- Collect the nav links, forms, and other content for toggling -->
1087    <div class="collapse navbar-collapse" style="padding-left:0" id="pages-nav">
1088      <ul class="nav navbar-nav">
1089  <li>
1090    <a class="has_drop nav-active" title="go to About Us" href="/pages/1688-AboutUs">About Us&nbsp;<b class='caret'></b></a>
1091    <ul id="sub_pages_1688" class="sub-page-menu" style="display:none" aria-labelledby="dLabel">
1092      <li><a title="go to About Us" href="/pages/5852-AboutUs">About Us</a></li>
1093      <li><a title="go to Meet the Team" href="/pages/5853-MeettheTeam">Meet the Team</a></li>
1094      <li><a title="go to Terms and Conditions" href="/pages/1703-TermsandConditions">Terms and Conditions</a></li>
1095    </ul>
1096  </li>
1097  <li>
1098    <a class="" title="go to What&#39;s On" href="/pages/1689-WhatsOn">What&#39;s On</a>
1099  </li>
1100  <li>
1101    <a class="has_drop" title="go to Book Clubs" href="/pages/1690-BookClubs">Book Clubs&nbsp;<b class='caret'></b></a>
1102    <ul id="sub_pages_1690" class="sub-page-menu" style="display:none" aria-labelledby="dLabel">
1103      <li><a title="go to Adult Book Clubs" href="/pages/6533-AdultBookClubs">Adult Book Clubs</a></li>
1104      <li><a title="go to Kids&#39; &amp; YA Book Clubs" href="/pages/5440-KidsYABookClubs">Kids&#39; &amp; YA Book Clubs</a></li>
1105    </ul>
1106  </li>
1107  <li>
1108    <a class="" title="go to Schools" href="/pages/4892-Schools">Schools</a>
1109  </li>
1110  <li>
1111    <a class="" title="go to Mad Rewards" href="/pages/1691-MadRewards">Mad Rewards</a>
1112  </li>
1113  <li>
1114    <a class="" title="go to Wondrous Tales" href="/pages/4893-WondrousTales">Wondrous Tales</a>
1115  </li>
1116  <li>
1117    <a class="has_drop" title="go to Contact Us" href="/pages/1692-ContactUs">Contact Us&nbsp;<b class='caret'></b></a>
1118    <ul id="sub_pages_1692" class="sub-page-menu" style="display:none" aria-labelledby="dLabel">
1119      <li><a title="go to Stocking Books" href="/pages/6256-StockingBooks">Stocking Books</a></li>
1120      <li><a title="go to Contact Us" href="/pages/14682-ContactUs">Contact Us</a></li>
1121    </ul>
1122  </li>
1123</ul>
1124
1125    </div><!-- /.navbar-collapse -->
1126  </div>
1127  </div><!-- /.container-fluid -->
1128</nav>
1129
1130<style nonce="UiWTxXJtp6qv86uHse6JxQ==">
1131.nav-active { font-weight:bold}
1132
1133</style>
1134
1135</div>
1136
1137
1138<script nonce="UiWTxXJtp6qv86uHse6JxQ==">
1139    applicationLayoutInit()
1140
1141  function update_menu() {
1142    var xAxis = [0, -101, -202];
1143    var content = $("input.nav-sidebar__tabs:checked").data("content");
1144    $(".nav-sidebar-tab-content-wrapper").css("transform", "translateX(" + xAxis[content - 1] + "%)");
1145  }
1146
1147  function applicationLayoutInit() {
1148    update_menu();
1149    $("input[type='radio']").on("change", function() {
1150      update_menu();
1151    });
1152
1153    $(".drop-trigger").on("click", function() {
1154      var ul = $(this).parent().parent().find("ul");
1155      ul.slideToggle();
1156    })
1157
1158    $(".navbar-clean__menu").on("click", function() {
1159      $("#sidebar-overlay, .nav-sidebar-wrapper").addClass("toggled");
1160      $("body").css("overflow", "hidden");
1161    });
1162
1163    $("#sidebar-overlay").on("click", function() {
1164      $("#sidebar-overlay, .nav-sidebar-wrapper").removeClass("toggled");
1165      $("body").css("overflow", "auto");
1166    });
1167  }
1168</script>
1168
1169
1170  </header>
1171
1172  <div class="modal fade" id="modal_dialog" tabindex="-1" role="dialog"></div>
1173  <div id="lightbox" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"></div>
1174
1175  
1176
1177  <main class="container" id="catalog-container">
1178    <nav class="breadcrumbs-section " aria-label="Breadcrumb">
1179      <div id="flash-messages" class="col-xs-12 col-sm-12 col-md-12 col-lg-12"
1180           role="status" aria-live="polite" aria-atomic="true">
1181        
1182      </div>
1183      <div class="row">
1184        <div class="hidden-xs">
1185          <div class="breadcrumbs col-xs-12 col-sm-12 col-md-12 col-lg-12"><ol class="breadcrumb"><li><a aria-label="Go to Homepage" href="https://madhattersbookshop.com.au/"><span class="fa fa-home"></span></a></li><li><span>About Us</span></li></ol></div>
1186        </div>
1187      </div>
1188    </nav>
1189
1190    <div class="row">
1191      <div id="main-content" class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
1192          <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
1193      <div class="header categories-header hidden-lg">
1194    <span class="visible-xs pull-right">
1195      <a class="btn navbar-toggle" data-toggle="collapse" data-target=".side-list.categories">
1196        <span class="glyphicon glyphicon-bar"></span>
1197        <span class="glyphicon glyphicon-bar"></span>
1198        <span class="glyphicon glyphicon-bar"></span>
1199      </a>
1200    </span>
1201  </div>
1202  <div class="hidden-xs browse-category categories in collapse">
1203    <h2>
1204      Browse by category
1205      <button id="btn-toggle-categories" aria-expanded="false" class="navbar-toggle collapsed pull-left " data-target="#category-list" data-toggle="collapse" type="button">
1206        <span class="sr-only">Toggle navigation</span> <span class="glyphicon glyphicon-bar"></span> 
1207        <span class="glyphicon glyphicon-bar"></span>
1208        <span class="glyphicon glyphicon-bar"></span>
1209      </button>
1210    </h2>
1211    <div class="collapse navbar-collapse" style="padding-left:0" id="category-list">  
1212            <ul class="highlighted">
1213        <li>
1214          <a title="Go to Alice in Wonderland" class="underline" href="https://madhattersbookshop.com.au/c/alice-in-wonderland__4">Alice in Wonderland</a>
1215        </li>
1216        <li>
1217          <a title="Go to Books" class="underline" href="https://madhattersbookshop.com.au/c/books__1">Books</a>
1218        </li>
1219        <li>
1220          <a title="Go to Games" class="underline" href="https://madhattersbookshop.com.au/c/games__1--2__2">Games</a>
1221        </li>
1222        <li>
1223          <a title="Go to Giftware" class="underline" href="https://madhattersbookshop.com.au/c/giftware-ef7a8221-7ddd-4e54-b8a5-3b4816125b7c">Giftware</a>
1224        </li>
1225        <li>
1226          <a title="Go to Halloween" class="underline" href="https://madhattersbookshop.com.au/c/halloween__6">Halloween</a>
1227        </li>
1228        <li>
1229          <a title="Go to Stationery" class="underline" href="https://madhattersbookshop.com.au/c/stationery__1--2__9">Stationery</a>
1230        </li>
1231        <li>
1232          <a title="Go to Toys" class="underline" href="https://madhattersbookshop.com.au/c/toys__1--2__2">Toys</a>
1233        </li>
1234  </ul>
1235
1236<ul>
1237        <li>
1238          <a title="Go to Christmas Gift Ideas" class="underline" href="https://madhattersbookshop.com.au/c/christmas-gift-ideas-a7d476c9-e7a5-4f7c-b6d3-3201a71aa70f">Christmas Gift Ideas</a>
1239        </li>
1240        <li>
1241          <a title="Go to Event Tickets" class="underline" href="https://madhattersbookshop.com.au/c/event-tickets__1">Event Tickets</a>
1242        </li>
1243        <li>
1244          <a title="Go to Local Authors &amp; Illustrators" class="underline" href="https://madhattersbookshop.com.au/c/local-authors-illustrators">Local Authors &amp; Illustrators</a>
1245        </li>
1246        <li>
1247          <a title="Go to Pre-orders" class="underline" href="https://madhattersbookshop.com.au/c/pre-orders-662778dc-8b6b-46c8-843e-31930bd4599b">Pre-orders</a>
1248        </li>
1249</ul>
1250
1251    </div>
1252  </div>
1253
1254  </div>
1255<div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
1256  <div class="header category-header">
1257    <h1 class="featured-category-header pull-left">
1258      About Us
1259    </h1>
1260  </div>
1261  <div class="home-box page-content descriptionPages onerror-fallback hidden">
1262    <p><span><span><br><br></span></span></p>
1263  </div>
1264</div>
1265
1266<script type="text/javascript" nonce="UiWTxXJtp6qv86uHse6JxQ==">
1267  const plugins = "sell_gift_cards".split(", ");
1268  const parsable = $(".descriptionPages").html();
1269  const uniqParsables = [...new Set(parsable.split(/\{{(.*?)\}}/))];
1270  const descContainer = $(".descriptionPages");
1271  let promises = [];
1272  let codeStrings = [];
1273
1274  uniqParsables.forEach(parsable => {
1275    if (plugins.includes(parsable)) {
1276      codeStrings.push(parsable);
1277      promises.push(new Promise(function(resolve, reject){
1278        $.ajax({
1279          url: "/web_plugins/render_plugin",
1280          type: "post",
1281          data: JSON.stringify({
1282            plugin: parsable,
1283            sidebar_shown: "true"
1284          }),
1285          contentType: "application/json"
1286        }).done(function(data){
1287          resolve(data);
1288        }).error(function(error) {
1289          resolve(`{{${error.responseJSON.plugin}}}`);
1290        });
1291      }));
1292    }
1293  })
1294
1295  Promise.allSettled(promises).then(function(data){
1296    codeStrings.forEach((codeString, index) => {
1297      let regExpCodeMatcher = new RegExp("\173" + "\173" + codeString + "\175" + "\175");
1298      descContainer.html(parsable.replace(regExpCodeMatcher, data[index].value));
1299    })
1300    descContainer.removeClass("hidden");
1301  });
1302</script>
1302
1303
1304      </div>
1305    </div>
1306  </main>
1307
1308  <!-- FOOTER -->
1309<footer id="footer" class="footer navbar-blue main-footer" role="contentinfo">
1310  <div class="container">
1311    <div class="row">
1312      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
1313        <div class="pull-left" id="footer-content">
1314          <h4><strong>The Mad Hatters Bookshop</strong></h4>
1315<p>Shop 3, The Mall, 3/222 Stratton Terrace, Manly QLD 4179&nbsp; |&nbsp; Tel: 0431 615 787&nbsp; |&nbsp; <a href="mailto:[email protected]" target="_blank">[email protected]</a>&nbsp; |&nbsp; ABN: 18 618 228 318</p>
1316        </div>
1317      </div>
1318    </div>
1319
1320    <div class="row footer-center-mobile">
1321      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
1322        <div class="">
1323          <ul class="nav navbar-nav" aria-label="Footer links">
1324
1325                  <li><a target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/TheMadHattersBookshop/"><i class="fa-brands fa-facebook"></i><span class="sr-only">facebook.com</span></a></li>
1326
1327                  <li><a target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/madhattersbookshop/"><i class="fa-brands fa-instagram"></i><span class="sr-only">instagram.com</span></a></li>
1328
1329                  <li><a target="_blank" rel="noopener noreferrer" href="https://twitter.com/madhattersbooks"><i class="fa-brands fa-twitter"></i><span class="sr-only">twitter.com</span></a></li>
1330          </ul>
1331        </div>
1332        <div class="circle-rights">
1333          <p id="ssl_cert">
1334            <a
1335              href="https://circlepos.com/?utm_source=footer&utm_medium=link&utm_campaign=system_by_circle"
1336              target="_blank"
1337              rel="noopener noreferrer"
1338              class=""
1339            >
1340              System by Circle
1341            </a>
1342          </p>
1343          <p>&copy; CircleSoft 2026.</p>
1344        </div>
1345      </div>
1346    </div>
1347  </div>
1348</footer>
1349
1350  
1350<script nonce="UiWTxXJtp6qv86uHse6JxQ==">
1351    fixOnErrorImages()
1352
1353  function fixOnErrorImages() {
1354    jQuery('img.onerror-fallback, .onerror-fallback img').on('error', function() {
1355      jQuery(this).off("error").attr('src', 'https://cdnmaster4.circlesoft.net/assets/nophoto-7ea475a5e85c82d081508a01bce15d0abfd1b1244e9e1184f569d11a0500a70b.jpg')
1356    })
1357  }
1358</script>
1358
1359
1360</body>
1361</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.