PageSourceSearch

https://volumebooks.online/auth/login

html volumebooks.online collected 2026-10-04 03:07:03 UTC 50,063 bytes, 1,327 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="DLi3hkMzriKHB9eROJXPkAQudjCAPamWowsZGvOhIElMX9qYep9nKXd_xA_k1qJmqDalFDJHYAE790a2Put5sg" />
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="7Haa0xwC8JAq/J5DpsPXpg==">
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-5SC8X6KR
vendor: 3 bytes, line 15
15');
15</script>
15
16            
16<script nonce="7Haa0xwC8JAq/J5DpsPXpg==">
vendor: 388 bytes, lines 16-21
16(function(w,d,s,l,i){
17            w[l]=w[l]||[];w[l].push({'gtm.start':
18            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
19            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
20            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
21            })(window,document,'script','dataLayer','
21GTM-NWX8PGW
vendor: 3 bytes, line 21
21');
21</script>
21
22
23
24  <title>Home - VOLUME</title>
25
26  <meta itemprop="title" content="Home - VOLUME">
27  <meta itemprop="name" content="VOLUME">
28  <meta itemprop="description" content="Independent online bookshop in NZ. Discover unique fiction, non-fiction, kids’ books, art books &amp; more. Free delivery in central Nelson.">
29
30  <!-- Google meta titles and meta descriptions  -->
31  <meta name="title" content="Home - VOLUME">
32  <meta name="description" content="Home">
33  <meta name="author" content="VOLUME">
34  <meta name="publisher" content="VOLUME">
35  <meta name="theme-color" content="#FFFFFF" />
36  <link rel="canonical" href="https://volumebooks.online/auth/login" />
37
38  <!-- Open Graph  -->
39  
40
41
42  
43    <meta property="og:site_name" content="VOLUME" />
44    <meta property="og:title" content="Home - VOLUME" />
45    <meta property="og:description" content="Independent online bookshop in NZ. Discover unique fiction, non-fiction, kids’ books, art books &amp; more. Free delivery in central Nelson." />
46    <meta property="og:type" content="ecommerce" />
47
48      <meta property="og:image" content="https://storage.googleapis.com/circlesoft/document/photos/002/712/105/meta_14915318_1073293306103132_5768919464861258286_n.bmp?1565603852" />
49
50    <meta property="og:publisher" content="VOLUME">
51    <meta property="og:url" content="https://volumebooks.online" />
52
53  
54
55  
55<script type="application/ld+json">
56{
57  "@context": "http://schema.org",
58  "@type": "Bookstore",
59  "image": "https://volumebooks.online",
60  "@id": "https://volumebooks.online",
61  "name": "VOLUME",
62  "address": {
63    "@type": "PostalAddress",
64    "streetAddress": "15 Church Street",
65    "addressLocality": "Nelson",
66    "addressRegion": "Nelson",
67    "postalCode": "7010",
68    "addressCountry": "NZ"
69  },
70  "url": "https://volumebooks.online",
71  "telephone": null
72}
73</script>
73
74
75  <meta name="robots" content="index, follow" />
76
77  <!-- fav and touch icons -->
78  <link rel="icon" href="https://storage.googleapis.com/circlesoft/document/photos/002/712/103/original_14915318_1073293306103132_5768919464861258286_n.bmp?1565603852" />
79
80
81  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Raleway:400,500,600,700,900" rel="stylesheet">
82
83  <link rel="stylesheet" href="https://cdnmaster4.circlesoft.net/assets/application-becfb0a1912c5042f4cde97e6b3dcf6e934b8f72fc11266e4ff456dd3f5fabac.css" nonce="7Haa0xwC8JAq/J5DpsPXpg==" />
84
85  
85<script src="https://cdnmaster4.circlesoft.net/assets/alpine_js.min-aed5e259999a9c819b54638ac94573805f65d3e94363fb228195a0e8a0cd8c26.js" nonce="7Haa0xwC8JAq/J5DpsPXpg==" defer="defer"></script>
85
86  
86<script src="https://cdnmaster4.circlesoft.net/assets/application-ffbb3b7caf3a76534292214ef25d9ca47dacb727e1398f4499a16b3f93bd2bb4.js" nonce="7Haa0xwC8JAq/J5DpsPXpg=="></script>
86
87
88  
88<script src="https://cdnmaster4.circlesoft.net/assets/jquery.lazyload-0f914751dde4d73dd6ba0c38f45b549280753aacce1654667c6862c9d3e3bf15.js" nonce="7Haa0xwC8JAq/J5DpsPXpg=="></script>
vendor: 1 bytes, line 88
88
89<script nonce="7Haa0xwC8JAq/J5DpsPXpg==">
90  $(function() {
91      loadLazyLoadedImages();
92      $('.owl-next, .owl-prev, .owl-carousel').on("click", function () {
93        setTimeout(loadLazyLoadedImages, 500);
94      });
95
96      $(window).on("resize", function() {
97        setTimeout(loadLazyLoadedImages, 500);
98      });
99
100      $('html, body').on("click", function () {
101        setTimeout(loadLazyLoadedImages, 500);
102      });
103
104      function loadLazyLoadedImages() {
105        if ($('.lazyload').length) {
106          $('.lazyload').on("error", function () {
107            $(this).off('error').attr('src', "https://cdnmaster4.circlesoft.net/assets/nophoto-7ea475a5e85c82d081508a01bce15d0abfd1b1244e9e1184f569d11a0500a70b.jpg");
108          });
109
110          $('.lazyload').lazyload({
111            skip_invisible: false,
112            effect: 'fadeIn',
113            failure_limit: 50,
114            threshold: 0
115          });
116        }
117      }
118
119      $(document).ready(function(){
120        $('.lazyload').each(function() {
121          $(this).attr('src', $(this).data('original'));
122        });
123      });
124  });
125</script>
125
126
127    
127<script src="https://cdnmaster4.circlesoft.net/assets/elastic-apm-rum.umd.min-df890bb04ebf415eaf3ddd22d7c8b598e5fca02afbb80d7c3ed305c7c36e78e9.js" nonce="7Haa0xwC8JAq/J5DpsPXpg=="></script>
127
128  
128<script nonce="7Haa0xwC8JAq/J5DpsPXpg==">
129//<![CDATA[
130
131    window._apm_service_name = "prod8-0-bots";
132    window._apm_service_url = "https://apm.circlepos.com:443/rum/";
133    window._apm_mapping_url = "https://storage.googleapis.com/circlesoft-cdn/cdnmaster4.circlesoft.net/assets/elastic-apm-rum.umd.min.js.map";
134    window._apm_active = true;
135    window._apm_transaction_sample_rate = 0.3;
136    window._apm_breakdown_metrics = true;
137
138//]]>
139</script>
139  
139<script src="https://cdnmaster4.circlesoft.net/assets/elastic-apm-init-70844a7c3967a0360c4b8e9dd1a54a527e51364dc37a6809edbb50dbf9c557f0.js" nonce="7Haa0xwC8JAq/J5DpsPXpg=="></script>
vendor: 75 bytes, lines 139-145
139
140
141
142  <script src="https://www.google.com/recaptcha/api.js"></script>
143  
144
145  
145<!-- Google Tag Manager -->
146<script>
vendor: 331 bytes, lines 146-150
146(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
147new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
148j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
149'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
150})(window,document,'script','dataLayer','
150GTM-5SC8X6KR
vendor: 3 bytes, line 150
150');
150</script>
150
151<!-- End Google Tag Manager -->
152
153<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 153-154
153
154<script async src="https://www.googletagmanager.com/gtag/js?id=
154G-YS3Y3CCZRL
vendor: 13 bytes, line 154
154"></script>
155<script>
156  
vendor: 138 bytes, lines 156-160
156window.dataLayer = window.dataLayer || [];
157  function gtag(){dataLayer.push(arguments);}
158  gtag('js', new Date());
159
160  gtag('config', '
160G-YS3Y3CCZRL
vendor: 5 bytes, line 160
160');
161</script>
161
162
163<meta name="google-site-verification" content="Q2aZ07XuepFmxImsxHanOtSdFjKUjQIp6woFqggg-RU" />
164<!-- circle:checkout-name-trim v1 START (remove this block to revert) -->
165<script>
166  (function () {
167    if (!window.location.pathname.includes('/cart/checkout')) return;
168    var normalizeName = function () {
169      var el = document.getElementById('address_name');
170      if (el) el.value = el.value.trim().replace(/\s+/g, ' ');
171    };
172    var bind = function () {
173      var el = document.getElementById('address_name');
174      if (!el) return false;
175      if (el.dataset.nameTrimBound) return true;
176      el.dataset.nameTrimBound = '1';
177      el.addEventListener('blur', normalizeName);
178      var btn = document.getElementById('btn-validate-action');
179      if (btn) btn.addEventListener('click', normalizeName, true);
180      return true;
181    };
182    var start = function () {
183      if (bind()) return;
184      var observer = new MutationObserver(function () {
185        if (bind()) observer.disconnect();
186      });
187      observer.observe(document.body, { childList: true, subtree: true });
188    };
189    if (document.body) start();
190    else document.addEventListener('DOMContentLoaded', start);
191  })();
192</script>
192
193<!-- circle:checkout-name-trim v1 END -->
194
195  <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml">
196
197    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto" nonce="7Haa0xwC8JAq/J5DpsPXpg==" />
198  <style type='text/css' nonce="623W55ebAmoSw8/LG2b9lA==">
199    @media(min-width:1200px) { .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 900px !important; } }
200    @media(max-width:1199px) and (min-width: 980px) { .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 900px !important; } } 
201    @media(max-width:979px) and (min-width: 768px) { .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 724px !important; } }
202    @media(max-width:767px) { .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container { width: auto; }}
203
204    /* general */
205
206    /*Apply google fonts if specified in settings*/
207    body, input, a, div, .button , button, select, textarea, p, span{
208      font-family: &#39;Roboto&#39;, sans-serif;;
209    }
210    .navbar-default .navbar-nav>li>a {
211      font-family: &#39;Roboto&#39;, sans-serif;;
212    }
213
214    .book-name, .stock-count, .title-text, label, ul.nav li{
215      font-family: &#39;Roboto&#39;, sans-serif; !important;
216    }
217
218
219     ************************/
220    .homepage .page-header { margin: 0; border-bottom: 0; }
221    .homepage .header h1, .page-header h1 { font-size: 1.5em; line-height: 1.2em; }
222    .homepage .header .side-links { clear: right; float: right; }
223    .homepage .header + .empty { border-top: 1px solid #ccc; }
224    .homepage .page-content { margin-bottom: 10px; padding: 10px; border: 1px solid #ccc; }
225
226    /************************
227     * Categories
228     ************************/
229    #category-list               { background: #ddd; padding-left:0px;padding-right:0px; }
230    .categories                  { background: #ddd; }
231    .categories h2               { color: #CCCCCC; }
232    .categories ul               { width: 100%; padding: 0; margin: 0; list-style-type: none; font-size: 15px; }
233    .categories ul.highlighted   { font-weight: bold; border-bottom: 2px solid black; }
234
235    .categories ul li            { color: #666; background: #ddd; padding: 0.4em 1em; margin: 0; text-align: left;}
236    .categories ul li:last-child { border-bottom: 0; }
237    .categories ul li a          { color: #666; text-decoration: none; display: block; }
238    .categories ul li a:hover    { color: #000; }
239
240    .categories ul li.promoted   { background: #c6c6c6; }
241
242    .categories ul li.main       { background: #fff; }
243
244    .categories ul ul            { font-weight: normal; }
245    .categories ul ul li         { background: #fff; padding: 0 1em; font-size: 0.85em; border-bottom: 0; }
246    .categories ul ul li.sub > a { color: white; }
247    .categories ul ul li.active  { font-weight: bold; }
248
249    /* Color setting for side list menu */
250    .categories ul li {
251      background-color:#FFFFFF;
252    }
253    /************************
254     * End Categories
255     ************************/
256
257    /* Catalog */
258    #catalog-container{
259      margin-top: 20px;
260      /* color setting for catalog */
261      background-color: white;
262    }
263
264    .featured-category-header a, .featured-category-header a:visited, a.featured-product-header,  a.featured-product-header:visited {
265      color: #000000;
266    }
267    .category-header a, .category-header a:visited {
268      color: #000000;
269    }
270
271    /************************
272    * Discount flag
273    ************************/
274    .product .flag,
275    .inline-block .flag {
276      position: absolute;
277      top: 0;
278      left: 0;
279      width: 0;
280      height: 0;
281      border-right: 27px solid transparent;
282      border-top: 27px solid #dd305a;
283      border-left: 27px solid #dd305a;
284      border-bottom: 27px solid transparent;
285      z-index: 99;
286      }
287
288    .product .flag .tag,
289    .inline-block .flag .tag {
290      margin-top: -20px;
291      margin-left: -22px;
292      width: max-content;
293    }
294
295    .product .flag .tag span,
296    .inline-block .flag .tag span {
297      font-weight: bold;
298      color: #FFFFFF;
299    }
300    /************************
301    * End Discount flag
302    ************************/
303
304    /*color options for category headers*/
305
306    .fill-nav, .navbar-blue{
307      background-image: linear-gradient(#FFFFFF, #FFFFFF);
308      border-color:  #FFFFFF;
309      border-radius: 0px 0px 4px 4px;
310    }
311
312    .nav-link a {
313      color: #000000;
314    }
315    .top-navbar .nav > li > a{
316      color: #000000;
317    }
318    .nav-link a:hover {
319      color: #006666;
320    }
321
322    .top-navbar .nav > li > a:hover{
323      color: #006666;
324    }
325    .top-navbar{
326      color: #006666;
327    }
328    .top-navbar .nav > li > a:hover{
329      color: #006666;
330    }
331    .top-navbar .navbar-brand {
332      background-image: linear-gradient(#FFFFFF, #FFFFFF);
333      border-color:  #FFFFFF;
334    }
335    .top-navbar .navbar-toggle {
336      display: none;
337      background-image: linear-gradient(#FFFFFF, #FFFFFF);
338      border-color:  #FFFFFF;
339    }
340    .top-navbar .navbar-toggle:hover {
341      background-color: #FFFFFF);
342      border-color:  #FFFFFF;
343    }
344    .top-navbar .navbar-brand { color: white; }
345
346
347    /* Background color settings for headers */
348    .home-box, .categories-header{
349      background-color: white;
350    }
351    /*color setting for links */
352    a, #topnav a                 { color: #000000; text-decoration:none; }
353    a:hover, #topnav a:hover     { color: #000000; }
354
355    /* Footer */
356    #footer{
357      background-color: white;
358    }
359
360     #footer a:hover{
361      color: none;
362    }
363    #footer .nav > li > a:hover, .nav > li > a:focus{
364      background-color: unset;
365      color: none;
366    }
367    #footer .nav > li > a, #footer a, #footer p, #footer div{
368      color: #FFFFFF;
369    }
370    #banner { background-color: white; }
371
372    .sub-page-menu li {
373       font-family: &#39;Roboto&#39;, sans-serif;;
374    }
375
376    .sub-page-menu, .sub-page-menu li {
377        background-color: #FFFFFF;
378    }
379    .sub-page-menu li a, .nav-link a {
380      color: #000000;
381    }
382    .navbar-inverse .nav > li > a{
383      color: #000000;
384    }
385
386    .nav-link a:hover {
387      color: #006666;
388    }
389    .navbar-inverse .nav > li > a:hover{
390      color: #006666;
391    }
392    .navbar-inverse .navbar-brand {
393      background-image: linear-gradient(#FFFFFF, #FFFFFF);
394      border-color:  #FFFFFF;
395    }
396    .navbar-inverse .navbar-toggle {
397      display: none;
398      background-image: linear-gradient(#FFFFFF, #FFFFFF);
399      border-color:  #FFFFFF;
400    }
401    .navbar-inverse .navbar-toggle:hover {
402      background-color: #FFFFFF);
403      border-color:  #FFFFFF;
404    }
405
406
407    @media (min-width: 479px) {
408      .navbar.top-navbar .navbar-brand {
409        display: block;
410        background: url(https://storage.googleapis.com/circlesoft/document/photos/002/712/105/thumb_14915318_1073293306103132_5768919464861258286_n.bmp?1565603852) no-repeat center;
411      }
412      .navbar .container-fluid { padding-left: 0; padding-right: 0; }
413
414      .quick_search_category { color: white; }
415      .quick_search_category > label { color: white; }
416      .quick_search_category a { color: white; }
417
418      #advanced_search_fields > input { margin: 0 2px 2px 0; }
419    }
420
421    @media (max-width: 480px) {
422      #banner { background-color: white; }
423    /*  .banner-img { display: none; }*/
424
425      #search { float: left; width: 100%; margin: 0; }
426      #search .searchattributeinput { width: 90%; margin: 0 auto; display: block; }
427      #search .search_button { display: none; }
428
429      .top-navbar .navbar-brand, .top-navbar .navbar-text,
430      .bottom-navbar, #bottom-copyright { float: none; text-align: center; }
431      .mid-navbar { margin-top: 18px; }
432
433      body { padding: 0; }
434    }
435    @media (max-width: 979px) {
436      .navbar-inverse .navbar-brand { color: white; }
437    }
438    @media (min-width: 980px) {
439      .navbar .navbar-brand { color: transparent; display: none; }
440    }
441
442    .cart { border-top-color: white; }
443
444    /* Override btn color */
445    .browse-category h2, .custom-header {
446      background-color: #FFFFFF;
447      border-color: #FFFFFF;
448    }
449
450    .btn-primary, .basketbtn .btn.btn-primary.btn-xs {
451       background-color: #000000;
452       border-color: #000000;
453     }
454    .btn-primary:hover {
455       background-color: #000000;
456       border-color: #000000;
457       box-shadow:inset 0 0 0 99999px rgba(255,255,255,0.3);
458     }
459
460    .btn-outline-primary {
461      /* background-color: #000000; */
462      border-color: #000000;
463      color: #000000;
464    }
465
466    .btn-outline-primary:hover {
467      background-color: #000000;
468      border-color: #000000;
469      color: white;
470    }
471
472
473    .btn-primary-text {
474      background-color: transparent;
475      border-color: transparent;
476      color: #000000;
477    }
478
479    .btn-primary-text:hover {
480      color: #0000007a;
481    }
482
483    /*---mobile navbar and sidebar ----*/
484    #nav-sidebar a,
485    .nav-sidebar-wrapper .nav-sidebar__header div label,
486    .navbar-clean__button, .navbar-clean__button a {
487      color: #A6A6A6;
488    }
489
490    .nav-sidebar-wrapper .nav-sidebar__header div input:checked + label {
491      border-color: #A6A6A6;
492    }
493
494    .nav-sidebar-wrapper .nav-sidebar-tab-content-wrapper .nav-sidebar-tab-contents ul li:hover {
495      background-color: #0a6ebd7a;
496    }
497
498    .nav-sidebar-wrapper .nav-sidebar-tab-content-wrapper .nav-sidebar-tab-contents ul li ul li,
499    .nav-sidebar-wrapper .nav-sidebar-tab-content-wrapper .nav-sidebar-tab-contents ul li a:hover {
500      background-color: #0a6ebd;
501    }
502
503    .navbar-clean .navbar-clean__cart i.with-data:after {
504      background: #ff0000
505    }
506    /*---end---------------------------*/
507
508    /*---new checkout interface--------*/
509    div#checkout-stages input[type='radio']:checked + label{
510      background-color: #0000004f;
511    }
512    div#checkout-stages input:not([disabled]) + label {
513      background-color: #0000001a;
514    }
515    div#checkout-stages input:not([disabled]) + label:hover {
516      background-color: #0000002f;
517    }
518    div.payment-options div.enabled-payment-options input[type='radio']:checked + label,
519    div#delivery-options-stage div.delivery-options div.saved-shipping-rates input[type='radio']:checked + label,
520    div#shipping-address-stage div.addresses div.saved-address input[type='radio']:checked + label {
521      border: 1px solid #000000 !important;
522    }
523    div#cart-total-price span span.items_expand_trigger,
524    div.payment-options span i#card-type-icon,
525    div.payment-options input[type='radio']:checked + label:before,
526    div#delivery-options-stage div.delivery-options input[type='radio']:checked + label:before,
527    div#shipping-address-stage div.addresses input[type='radio']:checked + label:before,
528    div#promotion-container span#promotion-code {
529      color: #000000;
530    }
531    div#shipping-address-stage div.address-actions a:hover,
532    div#shipping-address-stage div.address-actions button:hover {
533      color: #000000 !important ;
534    }
535    /*---end---------------------------*/
536
537    ul#portal-list {
538      zoom: 75%
539    }
540
541    a#terms_and_conditions_url,
542    a#review-maps-link,
543    a#review-back-btn,
544    span.review-delivery-shipping-cost,
545    #loyalty-message-title {
546      color: #000000;
547    }
548
549    .new-checkout-title {
550      color: #000000;
551      font-weight: 600;
552    }
553
554    :root {
555      --checkout-summary-bg: color-mix(in srgb, #000000 100%, black 100%);
556      --checkout-accent: #000000;
557    }
558
559    h2.review-order-title {
560      color: #000000;
561      font-weight: 600;
562      margin-top: 0;
563    }
564
565    .link-btn {
566      color: #000000;
567      background-color: transparent;
568      padding: 4px 8px;
569      border: none;
570    }
571
572    .link-btn:hover {
573      color: #000000da;
574    }
575
576    .link-btn:active, 
577    .link-btn:focus,
578    .link-btn:active:focus {
579      color: #000000;
580      background-color: #0000003a;
581      border-radius: 100px;
582    }
583
584    .select-design-system {
585      width: 100%;
586      height: 32px;
587      border-radius: 100px;
588      padding: 0 1.6rem;
589      background: white;
590      border-color: #808080;
591    }
592                                                
593    .btn-design-system {
594      border-radius: 100px;
595      padding: 4px 16px;
596      min-height: 32px;
597      font-weight: 600;
598    }
599    
600    .input-design-system {
601      padding: 4px 8px;
602      border: 1px solid #808080;
603      color: black;
604      border-radius: 100px;
605      min-height: 32px;
606    }
607
608    .select-design-system:hover,
609    .select-design-system:active, 
610    .select-design-system:focus, 
611    .select-design-system:active:focus, 
612    .input-design-system:hover,
613    .input-design-system:active, 
614    .input-design-system:focus, 
615    .input-design-system:active:focus, {
616      border-color: #000000 !important;
617      border-radius: 100px !important;
618    }
619
620    .btn-design-system:hover {
621      background-color: #000000fa;
622    }
623
624    .btn-design-system:active,
625    .btn-design-system:focus,
626    .btn-design-system:active:focus {
627      background-color: color-mix(in srgb, #000000 100%, black 20%) !important;
628    }
629
630    .success-alert-design-system,
631    .danger-alert-design-system {
632      padding: 8px 16px;
633      margin: 8px 0;
634    }
635
636    .success-alert-design-system {
637      background-color: #A6D3AA;
638      color: #333333;
639    }
640
641    .danger-alert-design-system {
642      background-color: #F9B4B5;
643      color: #333333;
644    }
645
646    .info-alert-design-system {
647      background-color: #99D5F2;
648      color: #333333;
649    }
650
651    .checkbox-wrapper-design-system label {
652      display: block;
653      position: relative;
654      padding-left: 24px;
655      margin-bottom: 5px;
656      cursor: pointer;
657      font-size: 18px;
658    }
659
660    .checkbox-wrapper-design-system input[type="radio"] {
661      position: absolute;
662      z-index: -1;
663      opacity: 0;
664      appearance: none;
665      -moz-appearance: none;
666      -webkit-appearance: none;
667    }
668
669    .checkbox-wrapper-design-system .control__indicator {
670      position: absolute;
671      top: 2px;
672      left: 0;
673      height: 16px;
674      width: 16px;
675      background: #e6e6e6;
676      border-radius: 50%;
677    }
678    .checkbox-wrapper-design-system:hover input ~ .control__indicator,
679    .checkbox-wrapper-design-system input:focus ~ .control__indicator {
680      background: #ccc;
681    }
682    .checkbox-wrapper-design-system input:checked ~ .control__indicator {
683      background: #000000;
684    }
685    .checkbox-wrapper-design-system:hover input:not([disabled]):checked ~ .control__indicator,
686    .checkbox-wrapper-design-system input:checked:focus ~ .control__indicator {
687      background: color-mix(in srgb, #000000 100%, black 100%);
688    }
689    .checkbox-wrapper-design-system input:disabled ~ .control__indicator {
690      background: #e6e6e6;
691      opacity: 0.6;
692      pointer-events: none;
693      cursor: not-allowed;
694    }
695    .checkbox-wrapper-design-system .control__indicator:after {
696      content: '';
697      position: absolute;
698      display: none;
699    }
700    .checkbox-wrapper-design-system input:checked ~ .control__indicator:after {
701      display: block;
702    }
703    .checkbox-wrapper-design-system .control__indicator:after {
704      left: 5px;
705      top: 5px;
706      height: 6px;
707      width: 6px;
708      border-radius: 50%;
709      background: #fff;
710    }
711    .checkbox-wrapper-design-system input:disabled ~ .control__indicator:after {
712      background: #7b7b7b;
713      cursor: not-allowed;
714    }
715
716    div.loyalty-component {
717      background-color: color-mix(in srgb, #000000 100%, black 100%);
718      color: white;
719      border: 1px solid #000000fa;
720      border-radius: 16px !important;
721      margin-top: 1rem;
722
723      > div > p {
724        color: white;
725      }
726    }
727
728    .pagination {
729      a {
730        text-decoration: underline;
731      }
732    }
733
734    .event-info-outline {
735      border: 1px solid #000000;
736      border-radius: 16px;
737      padding: 10px;
738      margin-bottom: 10px;
739      background: #fafafa;
740      font-size: 11px;
741      text-align: left;
742      max-width: fit-content;
743      i {
744        color: #000000;
745      }
746      position: relative;
747
748      @media (max-width: 600px) {
749        max-width: 100%;
750        font-size: 12px;
751      }
752    }
753
754    .event-info-outline::before {
755      content: "\f274";
756      font-family: "Font Awesome 6 Free";
757      font-style: normal;
758      font-weight: normal;
759      text-decoration: inherit;
760      font-size: 14px;
761      position: absolute;
762      top: -14px;
763      right: -13px;
764      background: #000000;
765      border-radius: 50%;
766      padding: 2px;
767      width: 24px;
768      height: 24px;
769      text-align: center;
770      color: white;
771    }
772
773    .product-detail-font-size,
774    .product-detail-font-size .event-info-outline {
775      font-size: 12px;
776    }
777
778    .event-info-outline a {
779      color: #333333;
780      text-decoration: none;
781    }
782
783    .airdp-today-btn-custom {
784      cursor: pointer;
785      display: flex;
786      justify-content: center;
787      align-items: center;
788      margin: 8px auto 8px auto;
789      padding: 3px 10px;
790      background: #eee;
791      border-radius: 4px;
792      border: 1px solid #ccc;
793      font-size: 12px;
794      text-align: center;
795      width: 70px;
796    }
797  </style>
798
799  <link rel="stylesheet" href="https://storage.googleapis.com/circlesoft/document/css_documents/000/00
7995/237/volumebooks-hideb2l.css?1763090863" nonce="7Haa0xwC8JAq/J5DpsPXpg==" />
800
801  
802</head>
803
804<body class="">
vendor: 78 bytes, lines 804-805
804
805          <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
805GTM-5SC8X6KR
vendor: 166 bytes, lines 805-807
805"
806        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
807        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
807GTM-NWX8PGW
vendor: 95 bytes, lines 807-811
807"
808        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
809
810
811  
811<a href="#main-content" class="sr-only sr-only-focusable">Skip to main content</a>
812
813  <header class="site-header" role="banner">
814    
815
816
817<div class="site-sidebar">
818  <div id="nav-sidebar" class="nav-sidebar-wrapper navbar-blue visible-xs">
819    <nav class="nav-sidebar__header" aria-label="Sidebar tabs">
820      <div>
821        <input id="tab2" data-content="1" type="radio" name="tabs" checked class="nav-sidebar__tabs nav-sidebar__tab2">
822        <label for="tab2" class="nav-sidebar__labels nav-sidebar__label2">
823          Menu
824        </label>
825      </div>
826      <div>
827        <input id="tab1" data-content="2" type="radio" name="tabs" class="nav-sidebar__tabs nav-sidebar__tab1">
828        <label for="tab1" class="nav-sidebar__labels nav-sidebar__label1">Categories</label>
829      </div>
830      <div>
831        <input id="tab3" data-content="3" type="radio" name="tabs" class="nav-sidebar__tabs nav-sidebar__tab3">
832        <label for="tab3" class="nav-sidebar__labels nav-sidebar__label3">
833            Account
834        </label>
835      </div>
836    </nav>
837
838    <div class="nav-sidebar-tab-content-wrapper">
839      <nav class="nav-sidebar-tab-contents nav-sidebar-tab-content2" aria-label="Information">
840        <ul>
841            <li>
842              <div>
843                <a class="" title="Go to ABOUT US" href="/pages/9467-ABOUTUS">ABOUT US</a>
844              </div>
845            </li>
846            <li>
847              <div>
848                <a class="" title="Go to READING SUBSCRIPTIONS" href="/pages/1650-READINGSUBSCRIPTIONS">READING SUBSCRIPTIONS</a>
849              </div>
850            </li>
851            <li>
852              <div>
853                <a class="" title="Go to VOLUME DIGITAL GIFT CARDS" href="/pages/8875-VOLUMED
853IGITALGIFTCARDS">VOLUME DIGITAL GIFT CARDS</a>
854              </div>
855            </li>
856        </ul>
857      </nav>
858
859      <nav class="nav-sidebar-tab-contents nav-sidebar-tab-content1" aria-label="Categories">
860            
861<ul>
862        <li>
863          <a title="Go to Fiction" class="underline" href="https://volumebooks.online/c/fiction__721">Fiction</a>
864        </li>
865        <li>
866          <a title="Go to Culture" class="underline" href="https://volumebooks.online/c/culture__39">Culture</a>
867        </li>
868        <li>
869          <a title="Go to Society" class="underline" href="https://volumebooks.online/c/society__26">Society</a>
870        </li>
871        <li>
872          <a title="Go to Mind" class="underline" href="https://volumebooks.online/c/mind__124">Mind</a>
873        </li>
874        <li>
875          <a title="Go to Science" class="underline" href="https://volumebooks.online/c/science__356">Science</a>
876        </li>
877        <li>
878          <a title="Go to Children &amp; YA" class="underline" href="https://volumebooks.online/c/children-ya__2">Children &amp; YA</a>
879        </li>
880        <li>
881          <a title="Go to Read our reviews!" class="underline" href="https://volumebooks.online/c/read-our-reviews__1">Read our reviews!</a>
882        </li>
883        <li>
884          <a title="Go to Volume Editions" class="underline" href="https://volumebooks.online/c/volume-editions__2">Volume Editions</a>
885        </li>
886        <li>
887          <a title="Go to Aotearoa New Zealand" class="underline" href="https://volumebooks.online/c/aotearoa-new-zealand-74e84cf7-d5dc-432b-9c8d-30fd8b1cc022">Aotearoa New Zealand</a>
888        </li>
889        <li>
890          <a title="Go to Place" class="underline" href="https://volumebooks.online/c/place">Place</a>
891        </li>
892        <li>
893          <a title="Go to Reference" class="underline" href="https://volumebooks.online/c/reference__272">Reference</a>
894        </li>
895        <li>
896          <a title="Go to Games &amp; Amusements" class="underline" href="https://volumebooks.online/c/games-amusements">Games &amp; Amusements</a>
897        </li>
898        <li>
899          <a title="Go to Awards &amp; prizes" class="underline" href="https://volumebooks.online/c/awards-prizes__2">Awards &amp; prizes</a>
900        </li>
901        <li>
902          <a title="Go to Small Press" class="underline" href="https://volumebooks.online/c/small-press-20dda4bb-d9cd-4fdf-9313-8880a8596004">Small Press</a>
903        </li>
904        <li>
905          <a title="Go to Stationery" class="underline" href="https://volumebooks.online/c/stationery__200">Stationery</a>
906        </li>
907        <li>
908          <a title="Go to Snips" class="underline" href="https://volumebooks.online/c/snips">Snips</a>
909        </li>
910        <li>
911          <a title="Go to Biography and Memoir" class="underline" href="https://volumebooks.online/c/biography-and-memoir-a821b3c8-f039-46c2-8fb1-87b5e2c4ba46">Biography and Memoir</a>
912        </li>
913        <li>
914          <a title="Go to Reading Subscriptions" class="underline" href="https://volumebooks.online/c/reading-subscriptions">Reading Subscriptions</a>
915        </li>
916        <li>
917          <a title="Go to Reading Subscriptions for Children and Teens" class="underline" href="https://volumebooks.online/c/reading-subscriptions-for-children-and-teens">Reading Subscriptions for Children and Teens</a>
918        </li>
919        <li>
920          <a title="Go to Tickets" class="underline" href="https://volumebooks.online/c/tickets__2">Tickets</a>
921        </li>
922        <li>
923          <a title="Go to Vouchers / Gift Cards" class="underline" href="https://volumebooks.online/c/vouchers-gift-cards">Vouchers / Gift Cards</a>
924        </li>
925</ul>
926
927      </nav>
928
929      <nav class="nav-sidebar-tab-contents nav-sidebar-tab-content3" aria-label="Account">
930          <ul>
931            <input type="hidden" name="landing" id="landing" autocomplete="off" />
932            <li>
933              <a href="/auth/login"><i class="fa fa-sign-in" aria-hidden="true"></i> Login / Sign up</a>
934            </li>
935          </ul>
936      </nav>
937    </div>
938  </div>
939</div>
940
941<div id="sidebar-overlay" class="visible-xs"></div>
942<div class="nav-wrapper visible-xs ">
943  <nav class="navbar top-navbar nav-login navbar-blue navbar-clean"
944       aria-label="Header utility navigation (mobile)">
945    <button class="navbar-clean__button navbar-clean__menu ripple" aria-label="navigation menu">
946      <i class="fa fa-bars" aria-hidden="true"></i>
947    </button>
948    <div class="navbar-clean__icon flex-spacer text-center">
949        <a href="https://volumebooks.online" aria-label="VOLUME">
950          <img srcset="https://storage.googleapis.com/circlesoft/document/photos/002/712/105/large_14915318_1073293306103132_5768919464861258286_n.bmp?1565603852 1x, https://storage.googleapis.com/circlesoft/document/photos/002/712/105/original_14915318_1073293306103132_5768919464861258286_n.bmp?1565603852 2x" alt="VOLUME logo" class="micro-logo" src="https://storage.googleapis.com/circlesoft/document/photos/002/712/105/large_14915318_1073293306103132_5768919464861258286_n.bmp?1565603852" />
951        </a>
952    </div>
953    <div class="navbar-clean__button navbar-clean__cart ripple navbar-cart-wrapper">
954      <a style="padding:0" aria-label="open shopping cart" href="/cart"><i data-count="0" class="fa fa-shopping-cart"></i></a>
955    </div>
956  </nav>
957</div>
958<nav class="hidden-xs navbar top-navbar nav-login navbar-default navbar-blue container-fluid navbar-top-nav-links"
959     aria-label="Header utility navigation (desktop)">
960  <div class="inner-container-home container" id="top_nav_links">
961    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
962      <div class="collapse navbar-collapse pl-0" id="main-nav">
963        <ul class="nav navbar-nav site-nav-links">
964              <li>
965                <a target="_blank" rel="noopener noreferrer" href="http://www.volume.nz">HOME</a>
966              </li>
967              <li>
968                <a target="_blank" rel="noopener noreferrer" href="https://www.volume.nz/volumebooks/tag/New%20releases">NEW RELEASES</a>
969              </li>
970              <li>
971                <a target="_blank" rel="noopener noreferrer" href="https://www.volume.nz/volumebooks/tag/Newsletter">NEWSLETTER</a>
972              </li>
973              <li>
974                <a target="_blank" rel="noopener noreferrer" href="https://www.volume.nz/volumebooks">BLOG</a>
975              </li>
976              <li>
977                <a target="_blank" rel="noopener noreferrer" href="https://volume.nz/contact-brine">CONTACT US</a>
978              </li>
979        </ul>
980        <ul class="nav navbar-nav navbar-right navbar-cart">
981          <li id="cart_link" class="list-none">
982            <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>
983          </li>
984            <input type="hidden" name="landing" id="landing" autocomplete="off" />
985            <li><a href="/auth/login">Login/Sign up</a></li>
986        </ul>
987      </div>
988    </div>
989  </div>
990</nav>
991<!-- HEADER BAR (TOP) -->
992<div class="header-bar banner container-fluid" id="banner">
993  <div class="inner-container-home container" id="inner-container-home">
994    <div class="row">
995      <div class="logo-container hidden-xs col-sm-5 col-md-6 col-lg-6">
996        <h1 id="shop-logo" class="logo">
997          <a href="https://volumebooks.online/"><img class="banner-img" alt="VOLUME" src="https://storage.googleapis.com/circlesoft/document/photos/002/712/104/original_vbanner2.png?1565607827" /></a>
998        </h1>
999      </div><!--.col-->
1000      <div class="quick-search-container col-xs-12 col-sm-7 col-md-5 col-lg-4 ">
1001        <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" />
1002          <div class="quick_search_form form-group" style="padding-top: 25px">
1003            <label class="sr-only" for="keyword">Search for books</label>
1004            <div class="input-group">
1005              <input type="search" name="keyword" id="keyword" value="" class="searchattributeinput form-control" placeholder="Search for books by title, keyword or ISBN" autocomplete="off" />
1006              <input type="hidden" name="search_type" id="search_type" value="core^keyword" autocomplete="off" />
1007              <span class="input-group-addon btn-primary">
1008                <button type="submit" class="btn-primary btn-borderless" aria-label="Search books">
1009                  <i class="fa fa-search btn-borderless" aria-hidden="true"></i>
1010                </button>
1011              </span>
1012            </div>
1013            <div id="type_ahead_results" style="display:none" role="status" aria-live="polite">
1014              <div class="heading" id="when_blank_text">Start typing to search by keyword, title, author or ISBN</div>
1015              <div class="heading" id="type_ahead_results_searching">Searching...</div>
1016              <div class="heading" id="making_purchase_order">Going to product page...</div>
1017              <div id="type_ahead_results_inner"></div>
1018            </div>
1019          </div>
1020</form>      </div>
1021    </div>
1022  </div>
1023</div>
1024
1025<div class="clearfix"></div>
1026
1027<div role="navigation" aria-label="Primary">
1028  <!-- MAIN NAVBAR -->
1029
1030<script type="text/javascript" nonce="7Haa0xwC8JAq/J5DpsPXpg==">
1031  drop_menu_timeout = {};
1032  $(document).ready(function(){
1033    $('.has_drop').on("mouseover", function() {
1034      ul = $(this).next();
1035      show_drop_menu(ul);
1036    }).on("mouseout", function() {
1037      ul = $(this).next();
1038      hide_drop_menu(ul);
1039    });
1040
1041    $('.sub-page-menu').each(function() {
1042      ul = $(this);
1043      ul.on("mouseover", function() {
1044        ul = $(this);
1045        show_drop_menu(ul);
1046      });
1047      ul.on("mouseout", function() {
1048        ul = $(this);
1049        hide_drop_menu(ul);
1050      });
1051    });
1052  })
1053
1054  function hide_drop_menu(ul) {
1055    drop_menu_timeout[ul.attr('id')] = setTimeout(function() {
1056      ul.hide();
1057    }, 50);
1058  }
1059
1060  function show_drop_menu(ul) {
1061    clearTimeout(drop_menu_timeout[ul.attr('id')]);
1062    ul.show();
1063  }
1064
1065</script>
1065
1066
1067<nav class="navbar top-navbar navbar-default navbar-blue container-fluid navbar-content-pages hidden-xs"
1068     aria-label="Content pages navigation">
1069    <div class="inner-container-home container"  id="contant-pages">
1070          <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
1071    <!-- Brand and toggle get grouped for better mobile display -->
1072    <div class="navbar-header">
1073      <button aria-expanded="false" class="navbar-toggle collapsed" data-target="#pages-nav" data-toggle="collapse" type="button">
1074        <span class="sr-only">Toggle navigation</span> <span class="glyphicon glyphicon-bar"></span>
1075        <span class="glyphicon glyphicon-bar"></span>
1076        <span class="glyphicon glyphicon-bar"></span>
1077      </button>
1078    </div><!-- Collect the nav links, forms, and other content for toggling -->
1079    <div class="collapse navbar-collapse" style="padding-left:0" id="pages-nav">
1080      <ul class="nav navbar-nav">
1081  <li>
1082    <a class="" title="go to ABOUT US" href="/pages/9467-ABOUTUS">ABOUT US</a>
1083  </li>
1084  <li>
1085    <a class="" title="go to READING SUBSCRIPTIONS" href="/pages/1650-READINGSUBSCRIPTIONS">READING SUBSCRIPTIONS</a>
1086  </li>
1087  <li>
1088    <a class="" title="go to VOLUME DIGITAL GIFT CARDS" href="/pages/8875-VOLUMED
1088IGITALGIFTCARDS">VOLUME DIGITAL GIFT CARDS</a>
1089  </li>
1090</ul>
1091
1092    </div><!-- /.navbar-collapse -->
1093  </div>
1094  </div><!-- /.container-fluid -->
1095</nav>
1096
1097<style nonce="7Haa0xwC8JAq/J5DpsPXpg==">
1098.nav-active { font-weight:bold}
1099
1100</style>
1101
1102</div>
1103
1104
1105<script nonce="7Haa0xwC8JAq/J5DpsPXpg==">
1106    applicationLayoutInit()
1107
1108  function update_menu() {
1109    var xAxis = [0, -101, -202];
1110    var content = $("input.nav-sidebar__tabs:checked").data("content");
1111    $(".nav-sidebar-tab-content-wrapper").css("transform", "translateX(" + xAxis[content - 1] + "%)");
1112  }
1113
1114  function applicationLayoutInit() {
1115    update_menu();
1116    $("input[type='radio']").on("change", function() {
1117      update_menu();
1118    });
1119
1120    $(".drop-trigger").on("click", function() {
1121      var ul = $(this).parent().parent().find("ul");
1122      ul.slideToggle();
1123    })
1124
1125    $(".navbar-clean__menu").on("click", function() {
1126      $("#sidebar-overlay, .nav-sidebar-wrapper").addClass("toggled");
1127      $("body").css("overflow", "hidden");
1128    });
1129
1130    $("#sidebar-overlay").on("click", function() {
1131      $("#sidebar-overlay, .nav-sidebar-wrapper").removeClass("toggled");
1132      $("body").css("overflow", "auto");
1133    });
1134  }
1135</script>
1135
1136
1137  </header>
1138
1139  <div class="modal fade" id="modal_dialog" tabindex="-1" role="dialog"></div>
1140  <div id="lightbox" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"></div>
1141
1142  
1143
1144  <main class="container" id="catalog-container">
1145    <nav class="breadcrumbs-section " aria-label="Breadcrumb">
1146      <div id="flash-messages" class="col-xs-12 col-sm-12 col-md-12 col-lg-12"
1147           role="status" aria-live="polite" aria-atomic="true">
1148        
1149      </div>
1150      <div class="row">
1151        <div class="hidden-xs">
1152          
1153        </div>
1154      </div>
1155    </nav>
1156
1157    <div class="row">
1158      <div id="main-content" class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
1159        <!-- ALERT BOX -->
1160<div class="container">
1161  <!-- REGISTRATION / LOGIN FORMS -->
1162  <div class="">
1163
1164    
1164<script src="https://cdnmaster4.circlesoft.net/assets/sign_up_recaptcha_callback-28e5088c927799774ae93087d147405a4b0dc1bf0741bb1b36466f63d57db0d4.js" nonce="7Haa0xwC8JAq/J5DpsPXpg=="></script>
vendor: 66 bytes, lines 1164-1166
1164
1165<script src="https://www.google.com/recaptcha/api.js"></script>
1166
1167<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 login-new-customer ">
1168  <h2 class="login-title" >New Customer? Register Now</h2>
1169  <p class="sub-header hidden-xs hidden-sm">Register in less than 30 seconds</p>
1170  
1171  <form id="new_user" class="form-horizontal" action="/users/create_user" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" /><input type="hidden" name="authenticity_token" value="A0B-ETos5DrDbwd9rG4qUsTQS2_fr5_U4Egl-iW6ecqMBQuRp5sZWmEcVfC2jwuUVTYDuJCKiaDo_rnZLym0RQ" autocomplete="off" />
1172  <input type="hidden" name="signup" id="signup" value="true" autocomplete="off" />
1173  <input type="hidden" name="no_address" id="no_address" value="true" autocomplete="off" />
1174  <input type="hidden" name="return_to" id="return_to" autocomplete="off" />
1175  <input type="hidden" name="landing" id="landing" autocomplete="off" />
1176  <input autocomplete="off" type="hidden" name="account[from_website][true]" id="account_from_website_true" />
1177  <input type="hidden" name="force_return_to" id="force_return_to" value="" autocomplete="off" />
1178  <div class=" margin30" >
1179    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-9 col-lg-offset-2">
1180      <div class="form-group">
1181        <span class="required">*</span>
1182        <label for="user_first_name">First name</label>
1183        <input id="user_first_name" autocomplete="OFF" class="form-control" type="text" name="account[first_name]" />
1184      </div>
1185      <div class="form-group">
1186        <span class="required">*</span>
1187        <label for="user_last_name">Last name</label>
1188        <input id="user_last_name" autocomplete="OFF" class="form-control" type="text" name="account[last_name]" />
1189      </div>
1190      <div class="form-group">
1191        <span class="required">*</span>
1192        <label for="user_email">Email</label>
1193        <input id="user_email" type="email" autocomplete="email" placeholder="Email address" class="form-control" name="account[email]" />
1194      </div>
1195      <div class="form-group">
1196        <label for="user_cell">Mobile Phone</label>
1197        <input id="user_cell" autocomplete="OFF" class="form-control" type="text" name="account[cell]" />
1198      </div>
1199      <div class="form-group">
1200        <span class="required">*</span>
1201        <label for="account_password">Password</label>
1202        <input value="" autocomplete="OFF" class="form-control required_form_field" placeholder="Enter new password" type="password" name="account[password]" id="account_password" />
1203      </div>
1204      <div class="form-group margin20">
1205        <span class="required">*</span>
1206        <label for="account_password_confirmation">Re-enter password</label>
1207        <input value="" autocomplete="OFF" class="form-control required_form_field" placeholder="Confirm password" type="password" name="account[password_confirmation]" id="account_password_confirmation" />
1208      </div>
1209        <div class="form-group margin20 g-recaptcha" data-sitekey="6Lcwdi4UAAAAAGpEEgUVE3XlmHKmB_W9qNdITeNy" data-callback="recaptchaCallback"></div>
1210      <div class="form-group login-submit">
1211        <p><input type="submit" name="commit" value="Register and Checkout" class="btn btn-primary register-btn" disabled="disabled" data-disable-with="Register and Checkout" /></p>
1212      </div>
1213      <em>* required fields</em>
1214    </div>
1215  </div>
1216</form></div>
1217
1218    <hr class="visible-xs">
1219   <!--***** EXISTING CUSTOMER LOGIN *****-->
1220<div class=" col-xs-12 col-sm-6 col-md-6 col-lg-5 ">
1221  <h2 class="login-title">Existing Customers</h2>
1222  <p class="sub-header hidden-xs hidden-sm">&nbsp;</p>
1223
1224  
1225  <form name="login_form" class="form-horizontal login-form" action="https://volumebooks.online/auth/do_login" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" /><input type="hidden" name="authenticity_token" value="1v6ydzIQihTxVsApvEC0ljppoEeYPRBknIbNVDFrXp8r8UkPMZipSFA8txKFn9tuDh1TlA0-HXpd5XaXVtULDA" autocomplete="off" />
1226  <div class=" margin30">
1227    <div class="col-xs-12 col-sm-12 col-md-11 col-lg-9 col-lg-offset-3">
1228      <div class="form-group">
1229        <label for="user_name">E-mail address or username</label>
1230        <input type="text" name="user_name" id="user_name" value="" autocomplete="username" placeholder="Email address or username" class="form-control" />
1231      </div>
1232      <div class="form-group margin20">
1233        <label for="emailAddress">Password</label>
1234        <input type="password" name="password" id="password" value="" placeholder="Password" class="form-control long-form" />
1235      </div>
1236      <div class="form-group login-submit">
1237        <p><input type="submit" name="commit" value="Login and Checkout" class="btn btn-primary login-btn" data-disable-with="Login and Checkout" /></p>
1238      </div>
1239      <input type="hidden" name="landing" id="landing" autocomplete="off" />
1240      <input type="hidden" name="return_to" id="return_to" autocomplete="off" />
1241      <input type="hidden" name="force_return_to" id="force_return_to" value="" autocomplete="off" />
1242      <p><a data-visibility-on="#forgot_password" data-visibility="" href="#" >Forgotten Password?</a></p>
1243    </div><!--.col-md-12-->
1244  </div><!--.row-->
1245</form>  <form class="form-horizontal" action="/auth/forgot_password" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" autocomplete="off" /><input type="hidden" name="authenticity_token" value="2egr0AwIOfR0lGygC41l_fIwAXr-AtqIfgpf20K7GGoBcZHFolDSBfioC7EYe0Ksa5Gxi8NCmXyiErETD_rA-g" autocomplete="off" />
1246  <div id="forgot_password" class="row hidden">
1247    <div class="col-xs-12 col-sm-12 col-md-11 col-lg-6 col-lg-offset-3">
1248      <div class="form-group">
1249        <label for="fullName">Enter your email:</label>
1250        <input type="email" name="email" id="email" value="" autocomplete="email" placeholder="Email address" class="form-control" />
1251      </div>
1252    </div><!--.col-md-12-->
1253    <div class="row">
1254      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-lg-offset-3">
1255        <input type="submit" name="commit" value="Send" class="btn btn-primary" data-disable-with="Send" />
1256        <a class="btn btn-default" data-visibility-off="#forgot_password" data-visibility="" href="#">Cancel</a>
1257      </div><!--.col-md-12-->
1258    </div><!--.row-->
1259  </div>
1260</form></div><!--.col-existing-customer-->
1261
1262  </div><!--.row-->
1263</div><!--.container-->
1264
1265
1266      </div>
1267    </div>
1268  </main>
1269
1270  <!-- FOOTER -->
1271<footer id="footer" class="footer navbar-blue main-footer" role="contentinfo">
1272  <div class="container">
1273    <div class="row">
1274      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
1275        <div class="pull-left" id="footer-content">
1276          <p><img src="https://storage.googleapis.com/circlesoft/tiny_mce/0005/2449/original_volume_online_logo_horizonal_complete.png?21" width="320" height="175"></p>
1277
1278        </div>
1279      </div>
1280    </div>
1281
1282    <div class="row footer-center-mobile">
1283      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
1284        <div class="">
1285          <ul class="nav navbar-nav" aria-label="Footer links">
1286
1287                  <li><a target="_blank" rel="noopener noreferrer" href="http://www.volume.nz">HOME</a></li>
1288
1289                  <li><a target="_blank" rel="noopener noreferrer" href="https://www.volume.nz/volumebooks/tag/New%20releases">NEW RELEASES</a></li>
1290
1291                  <li><a target="_blank" rel="noopener noreferrer" href="https://www.volume.nz/volumebooks/tag/Newsletter">NEWSLETTER</a></li>
1292
1293                  <li><a target="_blank" rel="noopener noreferrer" href="https://www.volume.nz/volumebooks">BLOG</a></li>
1294
1295                  <li><a target="_blank" rel="noopener noreferrer" href="https://volume.nz/contact-brine">CONTACT US</a></li>
1296          </ul>
1297        </div>
1298        <div class="circle-rights">
1299          <p id="ssl_cert">
1300            <a
1301              href="https://circlepos.com/?utm_source=footer&utm_medium=link&utm_campaign=system_by_cir
1301cle"
1302              target="_blank"
1303              rel="noopener noreferrer"
1304              class=""
1305            >
1306              System by Circle
1307            </a>
1308          </p>
1309          <p>&copy; CircleSoft 2026.</p>
1310        </div>
1311      </div>
1312    </div>
1313  </div>
1314</footer>
1315
1316  
1316<script nonce="7Haa0xwC8JAq/J5DpsPXpg==">
1317    fixOnErrorImages()
1318
1319  function fixOnErrorImages() {
1320    jQuery('img.onerror-fallback, .onerror-fallback img').on('error', function() {
1321      jQuery(this).off("error").attr('src', 'https://cdnmaster4.circlesoft.net/assets/nophoto-7ea475a5e85c82d081508a01bce15d0abfd1b1244e9e1184f569d11a0500a70b.jpg')
1322    })
1323  }
1324</script>
1324
1325
1326</body>
1327</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.