PageSourceSearch

https://www.lloydryan.co.uk/On-Line-store.php

html lloydryan.co.uk collected 2026-10-03 18:59:05 UTC 49,510 bytes, 1,520 lines download raw bytes

1<!DOCTYPE html>
2<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
3<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
4<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
5<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
6    <head>
7        <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
9        <!-- normalize and html5 boilerplate resets -->
10        <link rel="stylesheet" href="templates/Skyline_v2/resources/css/reset.css">
11        <link rel="stylesheet" href="templates/Skyline_v2/resources/css/less.build.css">
12
13        <!--[if lte IE 9]>
14        
14<script src="templates/Skyline_v2/resources/js/html5shiv.js"></script>
14
15        
15<script src="templates/Skyline_v2/resources/js/html5shiv-printshiv.js"></script>
15
16
17        <![endif]-->
18
19        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
20
21
22<title>The Official Lloyd Ryan Drummer/Educator</title>
23
24  <link rel="dns-prefetch" href="//images-cdn.ecwid.com">
25  <link rel="dns-prefetch" href="//images.ecwid.com">
26  <link rel="dns-prefetch" href="//">
27
28
29<meta name="description" content="" />
30<meta name="keywords" content="" />
31
32  <link href="resources/maxresdefault.jpg" rel="shortcut icon" type="image/x-icon" />
33  <link href="resources/maxresdefault.jpg" rel="icon" type="image/x-icon" />
34
35  
36
37
38  <style type="text/css" id="styleCSS">
39    /*
40    Some Style Themes enhanced with background textures provided by http://subtlepatterns.com/
41*/
42body {
43    	background-color: #b5b1b1;
44
45    
46    background-repeat: repeat;
47    background-attachment: fixed;
48    background-position: top left;
49    background-size: auto;
50}
51
52/* IOS devices 'bgd-att: fixed' solution */
53@media only screen and (max-device-width: 1366px) {
54    .bgd-attachment-fixed {
55        background-image: none;
56    }
57    .bgd-attachment-fixed:after {
58        content: '';
59        position: fixed;
60        top: 0;
61        left: 0;
62        right: 0;
63        width: 100%;
64        height: 100%;
65        
66        background-repeat: repeat;
67        background-position: top left;
68        background-size: auto;
69        z-index: -2;
70    }
71}
72
73.Text_2_Default,
74.yola_heading_container {
75  word-wrap: break-word;
76}
77
78.yola_bg_overlay {
79    display:table;
80    table-layout: fixed;
81    position:absolute;
82    min-height: 100%;
83    min-width: 100%;
84    width:100%;
85    height:100%;
86}
87.yola_outer_content_wrapper {
88    
89    padding-right: 0px;
90    
91    padding-left: 0px;
92}
93.yola_inner_bg_overlay {
94    width:100%;
95    min-height: 100vh;
96    display: table-cell;
97    
98    vertical-align: top;
99}
100.yola_outer_heading_wrap {
101    width:100%;
102    text-align: center;
103}
104.yola_heading_container {
105    margin: 0 auto;
106    
107    	background-color: #890dab;
108
109}
110.yola_inner_heading_wrap {
111    margin: 0 auto;
112    max-width: 1280px;
113}
114.yola_innermost_heading_wrap {
115    padding-left:0;
116    padding-right:0;
117    margin: 0 auto;
118    padding-top: 1.5rem;
119    padding-bottom: 1.5rem;
120}
121.yola_inner_heading_wrap.top nav,
122.yola_inner_heading_wrap.top div#yola_heading_block,
123.yola_inner_heading_wrap.bottom nav,
124.yola_inner_heading_wrap.bottom div#yola_heading_block {
125    padding-left: 1rem;
126    padding-right: 1rem;
127}
128.yola_inner_heading_wrap.left .yola_innermost_heading_wrap,
129.yola_inner_heading_wrap.right .yola_innermost_heading_wrap {
130    padding-left: 1rem;
131    padding-right: 1rem;
132}
133.yola_inner_heading_wrap h1 {
134    margin: 0;
135}
136#yola_nav_block {
137    height: 100%;
138}
139#yola_nav_block nav {
140    text-align: center;
141    
142}
143#yola_nav_block nav ul{
144    display:inline;
145}
146.yola_inner_heading_wrap.left #yola_heading_block {
147    float:left;
148}
149.yola_inner_heading_wrap.right #yola_heading_block {
150    float:right;
151}
152.yola_inner_heading_wrap.top #yola_nav_block {
153    padding:1rem 0 0 0;
154}
155.yola_inner_heading_wrap.right #yola_nav_block {
156    float:left;
157    padding:1rem 0 0 0;
158}
159.yola_inner_heading_wrap.bottom #yola_nav_block {
160    padding:0 0 1rem 0;
161}
162.yola_inner_heading_wrap.left #yola_nav_block {
163    float:right;
164    padding:1rem 0 0 0;
165}
166.yola_banner_wrap {
167    background-attachment: scroll;
168    text-align: center;
169    margin: 0 auto;
170    
171    display: none;
172    background-position: top left;
173    background-size: auto;
174    background-repeat: repeat-x;
175    background-image: url(templates/Skyline_v2/resources/images/banner_frame.png);
176    
177}
178.yola_inner_banner_wrap {
179    padding-left:0;
180    padding-right:0;
181    padding-top: 0.5rem;
182    padding-bottom: 0.5rem;
183    
184}
185.yola_innermost_banner_wrap {
186    margin: 0 auto;
187    
188}
189.yola_inner_nav_wrap {
190    margin: 0 auto;
191    
192}
193.yola_banner_wrap nav ul.sys_navigation {
194    text-align: center;
195    padding-top:1rem;
196    padding-bottom:1rem;
197}
198.yola_banner_wrap h1 {
199    margin:0;
200    text-align: left;
201}
202.yola_site_tagline {
203    padding-top:0;
204    padding-bottom:0;
205    font-family: 'Montserrat';
206    font-size: 2.5rem;
207    color: #171717;
208    text-decoration: none;
209    letter-spacing: 0px;
210    line-height: 1.5em;
211    text-transform: none;
212    text-align: left;
213    padding-right: 3rem;
214    padding-left: 3rem;
215
216}
217.yola_site_tagline span {
218    display: inline-block;
219    
220    
221    
222    
223    
224}
225ul.sys_navigation {
226    margin: 0;
227    padding: 0;
228    text-align: center;
229}
230ul.sys_navigation li {
231    display: inline;
232    list-style: none;
233    margin:0 2rem 0 0;
234}
235.yola_inner_heading_wrap ul.sys_navigation li:last-child {
236    margin:0;
237}
238ul.sys_navigation li a{
239    text-decoration: none;
240}
241
242div.ys_submenu {
243    margin-top: 8px;
244}
245
246.yola_content_wrap {
247    margin:0 auto;
248    
249    
250}
251.yola_content_column {
252    margin:0 auto;
253    
254}
255
256.yola_inner_content_column {
257    margin:0 auto;
258
259    
260    
261    
262    
263}
264.yola_inner_footer_wrap {
265    padding: 0 20px;
266}
267div[id*='sys_region_'] {
268    padding-left: 0 ! important;
269    padding-right: 0 ! important;
270}
271.yola_site_logo {
272    
273    max-width:100%;
274}
275#sys_heading.yola_hide_logo img {
276    display:none;
277}
278#sys_heading.yola_hide_logo span {
279    display:inline;
280}
281a#sys_heading.yola_show_logo {
282    font-size:14px;
283}
284#sys_heading.yola_show_logo img {
285    display:inline;
286}
287#sys_heading.yola_show_logo span {
288    display:none;
289}
290.yola_footer_wrap {
291    margin:0 auto;
292    
293    	background-color: #000000;
294
295}
296.yola_footer_column {
297    margin:0 auto;
298    
299    display: none;
300}
301footer {
302    padding-top: 2.5rem;
303    padding-right: 3rem;
304    padding-bottom: 2.5rem;
305    padding-left: 3rem;
306    font-family: 'Montserrat';
307    font-size: 1.1rem;
308    color: #ffffff;
309    line-height: 1.5em;
310    letter-spacing: 0px;
311    text-transform: none;
312
313}
314span.yola_footer_socialbuttons {
315    display:inline-block;
316    line-height:0;
317    margin:0;
318    padding:0;
319    display:inline-block;
320    position:static;
321    float:left;
322    width:146px;
323    height:20px;
324    display: block;
325}
326.sys_yola_form .submit,
327.sys_yola_form input.text,
328.sys_yola_form input.email,
329.sys_yola_form input.tel,
330.sys_yola_form input.url,
331.sys_yola_form textarea {
332    font-family: 'Montserrat';
333    font-size: 1.1rem;
334    line-height: 1.5em;
335    letter-spacing: 0px;
336    text-transform: none;
337}
338div.sys_yola_form {
339    padding:0 !important;
340}
341div.sys_yola_form form {
342    margin:0 !important;
343    padding:0 !important;
344}
345.sys_layout h2, .sys_txt h2, .sys_layout h3, .sys_txt h3, .sys_layout h4, .sys_txt h4, .sys_layout h5, .sys_txt h5, .sys_layout h6, .sys_txt h6, .sys_layout p, .sys_txt p {
346    margin-top:0;
347}
348div[id*='sys_region_'] {
349    padding:0 !important;
350}
351.sys_layout blockquote {
352  margin-top: 10px;
353  margin-bottom: 10px;
354  margin-left: 50px;
355  padding-left: 15px;
356  border-left: 3px solid #000000;;
357  font-size: 1rem;
358  font-style: italic;
359  color: #464646;
360  
361  line-height: 1.5em;
362  letter-spacing: 0px;
363  text-transform: none;
364}
365.sys_layout blockquote,
366.sys_layout blockquote h1,
367.sys_layout blockquote h2,
368.sys_layout blockquote h3,
369.sys_layout blockquote h4,
370.sys_layout blockquote h5,
371.sys_layout blockquote h6,
372.sys_layout blockquote p {
373    font-family: 'Montserrat';
374}
375.sys_layout p,.sys_layout pre {margin:0 0 1.5em 0}
376.sys_layout h2,.sys_layout h3,.sys_layout h4,.sys_layout h5,.sys_layout h6 { margin:0 0 0.5em 0 }
377.sys_layout dl, .sys_layout menu,.sys_layout ol,.sys_layout ul{margin:0 0 1.5em 0}
378
379.mob_menu {
380    display: none;
381}
382
383.new-text-widget img, .old_text_widget img {
384    max-width: 100%;
385}
386
387
388@media only screen and (max-width : 736px) {
389    html {
390        font-size: 80%;
391    }
392
393    body .m_inherit_width {
394        width: inherit;
395    }
396
397    .small_device_hide {
398        opacity: 0;
399    }
400
401    /* Remove display table so that fixefox can understand max-width */
402    .yola_bg_overlay, .yola_inner_bg_overlay {
403       display: block;
404    }
405
406    /* Zero out padding of the heading wrapper */
407    .yola_inner_heading_wrap.top .yola_innermost_heading_wrap,
408    .yola_inner_heading_wrap.bottom .yola_innermost_heading_wrap,
409    .yola_inner_heading_wrap.left .yola_innermost_heading_wrap,
410    .yola_inner_heading_wrap.right .yola_innermost_heading_wrap {
411        padding-left: 0;
412        padding-right: 0;
413    }
414
415    /* Make all image widgets center aligned */
416    .Image_Default img {
417        display: block;
418        margin: 0 auto;
419    }
420
421    /* Center button widgets in column dividers */
422    .column_divider .sys_button {
423        text-align: center;
424    }
425
426    /* Make column dividers snap to one over another */
427    .yola_inner_heading_wrap.left #yola_heading_block, .yola_inner_heading_wrap.right #yola_heading_block {
428        float: none;
429    }
430
431    #sys_heading {
432        word-wrap: break-word;
433        word-break: break-word;
434    }
435
436    body .column_divider .left, body .column_divider .right {
437        width: 100%;
438        padding-left: 0;
439        padding-right: 0;
440    }
441
442    .mob_menu a:visited {
443        color: #fff;
444    }
445
446    .mob_menu {
447        display: block;
448        z-index: 1;
449        background: #b5b1b1;;
450        background: rgba(137,13,171,1.00);;
451        ;
452    }
453
454    .mob_menu.menu_open {
455        position: absolute;
456        min-height: 100%;
457        padding: 1rem 0 0 0;
458        margin: 0;
459        top: 0;
460        left: 0;
461        right: 0;
462    }
463
464    .yola_outer_content_wrapper {
465        display: block;
466        padding-top: 0;
467    }
468
469    .mob_menu_overlay {
470        display: none;
471        text-transform: capitalize;
472    }
473
474    .menu_open .mob_menu_overlay  {
475        display: block;
476    }
477
478    .mob_menu_toggle {
479        display: block;
480        padding-top: 5%;
481        padding-bottom: 6%;
482        text-align: center;
483        color: #666;
484        cursor: pointer;
485    }
486    .mob_submenu_toggle {
487        list-style: none;
488        text-align: center;
489        padding: 0;
490        margin: 0;
491    }
492
493    .new-text-widget img, .old_text_widget img {
494        height: auto;
495    }
496
497    #sys_heading span {
498        font-size: 35px;
499    }
500    .sys_navigation {
501        display: none;
502    }
503
504    .mobile_ham {
505        stroke: #ffffff;
506    }
507
508    .mobile_quit {
509        display: none;
510    }
511
512    .menu_open .mobile_ham {
513        display: none;
514    }
515
516    .menu_open .mobile_quit {
517        display: inline;
518        stroke: #ffffff;
519    }
520
521    .mob_menu_list {
522        font-family: 'Montserrat';
523        font-weight: lighter;
524        margin: 0;
525        font-size: 2.2em;
526        line-height: 2;
527        letter-spacing: 0.1em;
528        list-style: none;
529        text-align: center;
530        padding: 0;
531        -webkit-animation-duration: .2s;
532        -webkit-animation-fill-mode: both;
533        -webkit-animation-name: fadeInUp;
534        -moz-animation-duration: .2s;
535        -moz-animation-fill-mode: both;
536        -moz-animation-name: fadeInUp;
537        -o-animation-duration: .2s;
538        -o-animation-fill-mode: both;
539        -o-animation-name: fadeInUp;
540        animation-duration: .2s;
541        animation-fill-mode: both;
542        animation-name: fadeInUp;
543    }
544
545    .mob_menu_overlay .mob_menu_list a {
546        color: #ffffff;
547    }
548
549    .mob_more_toggle {
550        display: inline-block;
551        cursor: pointer;
552        background: none;
553        border: none;
554        outline: none;
555        margin-left: 8px;
556        stroke: #ffffff;
557    }
558
559    .up_arrow {
560        display: none;
561    }
562
563    .sub_menu_open svg .down_arrow {
564        display: none;
565    }
566
567    .sub_menu_open .up_arrow {
568        display: inline;
569    }
570
571    .mob_menu_overlay .mob_menu_list .selected a {
572        color: #ffbb00;
573    }
574
575    .sub_menu_open a {
576        color: #ffbb00;
577    }
578
579    .mob_menu_list .sub_menu_open a {
580        color: #ffbb00;
581    }
582
583    .sub_menu_open .mob_more_toggle {
584        stroke: #ffbb00;
585    }
586
587    .mob_submenu_list {
588        font-family: 'Montserrat';
589        font-weight: lighter;
590        list-style: none;
591        text-align: center;
592        padding: 0 0 5% 0;
593        margin: 0;
594        line-height: 1.6;
595        display: none;
596        -webkit-animation-duration: .2s;
597        -webkit-animation-fill-mode: both;
598        -webkit-animation-name: fadeInUp;
599        -moz-animation-duration: .2s;
600        -moz-animation-fill-mode: both;
601        -moz-animation-name: fadeInUp;
602        -o-animation-duration: .2s;
603        -o-animation-fill-mode: both;
604        -o-animation-name: fadeInUp;
605        animation-duration: .2s;
606        animation-fill-mode: both
607        animation-name: fadeInUp;
608    }
609
610    .sub_menu_open .mob_submenu_list{
611        display: block;
612    }
613
614    .mob_submenu_items {
615        font-size: 0.75em;
616    }
617    .mob_menu_list .mob_nav_selected {
618        color: #ffbb00;
619    }
620
621    .menu_open ~ .yola_outer_content_wrapper {
622        display: none;
623    }
624
625    @-webkit-keyframes fadeInUp {
626      0% {
627        opacity: 0;
628        -webkit-transform: translate3d(0, 100%, 0);
629        transform: translate3d(0, 100%, 0);
630      }
631      100% {
632        opacity: 1;
633        -webkit-transform: none;
634        transform: none;
635      }
636    }
637
638    @-moz-keyframes fadeInUp {
639      0% {
640        opacity: 0;
641        -moz-transform: translate3d(0, 100%, 0);
642        transform: translate3d(0, 100%, 0);
643      }
644      100% {
645        opacity: 1;
646        -moz-transform: none;
647        transform: none;
648      }
649    }
650
651    @-o-keyframes fadeInUp {
652      0% {
653        opacity: 0;
654        -o-transform: translate3d(0, 100%, 0);
655        transform: translate3d(0, 100%, 0);
656      }
657      100% {
658        opacity: 1;
659        -o-transform: none;
660        transform: none;
661      }
662    }
663
664    @keyframes fadeInUp {
665      0% {
666        opacity: 0;
667        transform: translate3d(0, 100%, 0);
668      }
669      100% {
670        opacity: 1;
671        transform: none;
672      }
673    }
674}
675
676
677  </style>
678
679  <style id="yola-user-css-overrides" type="text/css">
680    
681
682  </style>
683
684<script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.2/webfont.js" type="text/javascript"></script>
684
685
686      <style type="text/css">
687      @import url("//fonts.sitebuilderhost.net/css?family=Montserrat%3Aregular%2C400%2C600%2C900%2C700%2C800&subset=latin,latin-ext");
688    </style>
689  
690  <style type="text/css" id="styleOverrides">
691    /* ======================
692*
693*  Site Style Settings
694*
695=========================*/
696/* Paragraph text (p) */
697
698.content p, #content p, .HTML_Default p, .Text_Default p, .sys_txt p, .sys_txt a, .sys_layout p, .sys_txt, .sys_layout  {
699    font-family: 'Montserrat';
700    font-weight: 700;
701    font-size: 1.1rem;
702    color: #000000;
703    line-height: 1.5em;
704    letter-spacing: 0px;
705    text-transform: none;
706}
707
708/* Navigation */
709.sys_navigation a, .ys_menu_2, div#menu ul, div#menu ul li a, ul.sys_navigation li a, div.sys_navigation ul li.selected a, div.sys_navigation ul li a, #navigation li a, div.ys_menu ul a:link, div.ys_menu ul a:visited, div.ys_nav ul li a, #sys_banner ul li a {
710    font-family: 'Montserrat';
711    font-weight: 700;
712    font-size: 1rem;
713    color: #ffffff;
714    text-decoration: none;
715    letter-spacing: 0rem;
716    line-height: 1em;
717    text-transform: capitalize;
718}
719
720
721/* Navigation:selected */
722div.sys_navigation ul li.selected a, div#menu ul li.selected a, #navigation li.selected a, div.ys_menu ul li.selected a:link, div.ys_menu ul li.selected a:visited, div.ys_nav ul li.selected a, #sys_banner ul li.selected a {
723    color: #ffbb00;
724}
725
726/* Navigation:hover */
727div.sys_navigation ul li a:hover, div#menu ul li a:hover, #navigation li a:hover, div.ys_menu ul a:hover, div.ys_nav ul li a:hover, div.ys_menu ul li a:hover, #sys_banner ul li a:hover {
728    color: #ffc452;
729}
730
731/* Site Title */
732#sys_heading, a#sys_heading, #sys_banner h1 a, #header h1 a, div#heading h1 a {
733    font-family: 'Montserrat';
734    font-weight: 900;
735    font-size: 2rem;
736    color: #ffffff;
737    text-decoration: none;
738    letter-spacing: 0rem;
739    line-height: 1.5em;
740    text-transform: uppercase;
741}
742
743/* Hyperlinks (a, a:hover, a:visited) */
744a, .sys_txt a:link, .sys_layout a:link {color: #890dab;}
745a, .sys_txt a:link, .sys_layout a:link {text-decoration: underline;}
746a:visited, .sys_txt a:visited, .sys_layout a:visited {color: #0d00fa;}
747a:hover, .sys_txt a:hover, .sys_layout a:hover {color: #ffb700;}
748a:hover, .sys_txt a:hover, .sys_layout a:hover {text-decoration: underline;}
749
750/* Headings (h2, h3, h4, h5, h6) */
751.sys_layout h2, .sys_txt h2 {
752    font-family: 'Montserrat';
753    font-weight: 800;
754    font-size: 3.15rem;
755    color: #890dab;
756    text-decoration: none;
757    letter-spacing: 0rem;
758    line-height: 1em;
759    text-transform: uppercase;
760}
761
762.sys_layout h2 a, .sys_layout h2 a:link, .sys_layout h2 a:hover, .sys_layout h2 a:visited {
763    font-family: 'Montserrat';
764    font-weight: 800;
765    font-size: 3.15rem;
766    color: #890dab;
767    letter-spacing: 0rem;
768    line-height: 1em;
769    text-transform: uppercase;
770}
771
772.sys_layout h3, .sys_txt h3 {
773    font-family: 'Montserrat';
774    font-weight: 900;
775    font-size: 3rem;
776    color: #405af3;
777    text-decoration: none;
778    letter-spacing: 0px;
779    line-height: 1.1em;
780    text-transform: uppercase;
781}
782
783.sys_layout h3 a, .sys_layout h3 a:link, .sys_layout h3 a:hover, .sys_layout h3 a:visited {
784    font-family: 'Montserrat';
785    font-weight: 900;
786    font-size: 3rem;
787    color: #405af3;
788    letter-spacing: 0px;
789    line-height: 1.1em;
790    text-transform: uppercase;
791}
792
793.sys_layout h4, .sys_txt h4 {
794    font-family: 'Montserrat';
795    font-weight: 800;
796    font-size: 1.5rem;
797    color: #363636;
798    text-decoration: none;
799    letter-spacing: 0px;
800    line-height: 1.4em;
801    text-transform: uppercase;
802}
803
804.sys_layout h4 a, .sys_layout h4 a:link, .sys_layout h4 a:hover, .sys_layout h4 a:visited {
805    font-family: 'Montserrat';
806    font-weight: 800;
807    font-size: 1.5rem;
808    color: #363636;
809    letter-spacing: 0px;
810    line-height: 1.4em;
811    text-transform: uppercase;
812}
813
814.sys_layout h5, .sys_txt h5 {
815    font-family: 'Montserrat';
816    font-weight: 700;
817    font-size: 1.2rem;
818    color: #ffffff;
819    text-decoration: none;
820    letter-spacing: 0px;
821    line-height: 1.5em;
822    text-transform: uppercase;
823}
824
825.sys_layout h5 a, .sys_layout h5 a:link, .sys_layout h5 a:hover, .sys_layout h5 a:visited {
826    font-family: 'Montserrat';
827    font-weight: 700;
828    font-size: 1.2rem;
829    color: #ffffff;
830    letter-spacing: 0px;
831    line-height: 1.5em;
832    text-transform: uppercase;
833}
834
835.sys_layout h6, .sys_txt h6 {
836    font-family: 'Montserrat';
837    font-weight: 800;
838    font-size: 1.1rem;
839    color: #363636;
840    text-decoration: none;
841    letter-spacing: 0rem;
842    line-height: 1em;
843    text-transform: uppercase;
844}
845
846.sys_layout h6 a, .sys_layout h6 a:link, .sys_layout h6 a:hover, .sys_layout h6 a:visited {
847    font-family: 'Montserrat';
848    font-weight: 800;
849    font-size: 1.1rem;
850    color: #363636;
851    letter-spacing: 0rem;
852    line-height: 1em;
853    text-transform: uppercase;
854}
855
856/*button widget*/
857.sys_layout .sys_button a, .sys_layout .sys_button a:link, .sys_layout .sys_button a:visited {
858    display:inline-block;
859    text-decoration: none;
860}
861.sys_layout .sys_button a:link, .sys_layout .sys_button a:visited {
862    cursor:pointer;
863}
864.sys_layout .sys_button a {
865    cursor:default;
866}
867
868.sys_layout .sys_button.square a, .sys_layout .sys_button.square a:link {
869    border-radius:0px;
870}
871.sys_layout .sys_button.rounded a, .sys_layout .sys_button.rounded a:link {
872    border-radius:3px;
873}
874.sys_layout .sys_button.pill a, .sys_layout .sys_button.pill a:link {
875    border-radius:90px;
876}
877
878/*button sizes*/
879.sys_layout .sys_button.small a, .sys_layout .sys_button.small a:link, .sys_layout .sys_button.small a:visited {font-family: 'Montserrat';font-weight: 600;font-size: 0.8rem;line-height: 1em;letter-spacing: 0rem;text-transform: none;padding-top:1rem;padding-bottom:1rem;padding-left:3rem;padding-right:3rem;}
880.sys_layout .sys_button.medium a, .sys_layout .sys_button.medium a:link, .sys_layout .sys_button.medium a:visited {font-family: 'Montserrat';font-weight: 600;font-size: 1rem;line-height: 1.5em;letter-spacing: 0rem;text-transform: capitalize;padding-top:1rem;padding-bottom:1rem;padding-left:3.5rem;padding-right:3.5rem;}
881.sys_layout .sys_button.large a, .sys_layout .sys_button.large a:link, .sys_layout .sys_button.large a:visited {font-family: 'Montserrat';font-weight: 600;font-size: 1.2rem;line-height: 1.5em;letter-spacing: 0rem;text-transform: none;padding-top:1rem;padding-bottom:1rem;padding-left:4rem;padding-right:4rem;}
882
883/*button styles:small*/
884.sys_layout .sys_button.small.outline a, .sys_layout .sys_button.small.outline a:link {
885    border-color:rgba(64,90,243,1.00);
886    color: rgba(64,90,243,1.00);
887    border-style: solid;
888    border-width: 2px;
889}
890.sys_layout .sys_button.small.outline a:visited {
891    color: rgba(64,90,243,1.00);
892}
893.sys_layout .sys_button.small.solid a, .sys_layout .sys_button.small.solid a:link {
894    	background-color: #405af3;
895
896    color: #ffffff;
897    border-color:rgba(64,90,243,1.00);
898    border-style: solid;
899    border-width: 2px;
900}
901.sys_layout .sys_button.small.solid a:visited {
902    color: #ffffff;
903}
904.sys_layout .sys_button.small.outline a:hover {
905    background-color: rgba(64,90,243,1.00);
906    color: #ffffff;
907    text-decoration: none;
908}
909
910/*button styles:medium*/
911.sys_layout .sys_button.medium.outline a, .sys_layout .sys_button.medium.outline a:link {
912    border-color:rgba(64,90,243,1.00);
913    color: rgba(64,90,243,1.00);
914    border-style: solid;
915    border-width: 2px;
916}
917.sys_layout .sys_button.medium.outline a:visited {
918    color: rgba(64,90,243,1.00);
919}
920.sys_layout .sys_button.medium.solid a, .sys_layout .sys_button.medium.solid a:link {
921    	background-color: #405af3;
922
923    color: #ffffff;
924    border-color:rgba(64,90,243,1.00);
925    border-style: solid;
926    border-width: 2px;
927}
928.sys_layout .sys_button.medium.solid a:visited {
929    color: #ffffff;
930}
931.sys_layout .sys_button.medium.outline a:hover {
932    background-color: rgba(64,90,243,1.00);
933    color: #ffffff;
934    text-decoration: none;
935}
936/*button styles:large*/
937.sys_layout .sys_button.large.outline a, .sys_layout .sys_button.large.outline a:link {
938    border-color:rgba(64,90,243,1.00);
939    color: rgba(64,90,243,1.00);
940    border-style: solid;
941    border-width: 2px;
942}
943.sys_layout .sys_button.large.outline a:visited {
944    color: rgba(64,90,243,1.00);
945}
946.sys_layout .sys_button.large.solid a, .sys_layout .sys_button.large.solid a:link {
947    	background-color: #405af3;
948
949    color: #ffffff;
950    border-color:rgba(64,90,243,1.00);
951    border-style: solid;
952    border-width: 2px;
953}
954.sys_layout .sys_button.large.solid a:visited {
955    color: #ffffff;
956}
957.sys_layout .sys_button.large.outline a:hover {
958    background-color: rgba(64,90,243,1.00);
959    color: #ffffff;
960    text-decoration: none;
961}
962
963.sys_layout .sys_button.solid a:hover {
964    text-decoration: none;
965    opacity: .8;
966}  </style>
967
968  
969
970
971
972<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
vendor: 1 bytes, line 972
972
973<script type="text/javascript">window.jQuery || document.write('
973<script src="/components/bower_components/jquery/dist/jquery.js"><\/script>')</script>
973
974<link rel="stylesheet" type="text/css" href="classes/commons/resources/flyoutmenu/flyoutmenu.css?1001144" />
975<script type="text/javascript" src="classes/commons/resources/flyoutmenu/flyoutmenu.js?1001144"></script>
975
976<link rel="stylesheet" type="text/css" href="classes/commons/resources/global/global.css?1001144" />
977
978  <style type="text/css">
979    .cookies-notification {
980      position: fixed;
981      left: 0;
982      right: 0;
983      bottom: 0;
984      display: flex;
985      justify-content: center;
986      transform: translateY(100%);
987      transition: transform 300ms ease-in;
988      background: #f7f7f7;
989      padding: 0 5%;
990      z-index: 999999;
991    }
992
993    .cookies-notification--visible {
994      transform: translateY(0);
995    }
996
997    .cookies-notification-content {
998      display: flex;
999      justify-content: space-between;
1000      align-items: center;
1001      flex-direction: column;
1002      padding-bottom: 20px;
1003    }
1004
1005    .cookies-notification-text {
1006      text-align: center;
1007      font-size: 16px;
1008    }
1009
1010    .cookies-notification-text a {
1011      color: #00ace6;
1012    }
1013
1014    .cookies-notification-text p {
1015      margin: 1em 0;
1016    }
1017
1018    .cookies-notification-button {
1019      display: flex;
1020      align-items: center;
1021      justify-content: center;
1022      flex: none;
1023      background: #00ace8;
1024      color: #fff;
1025      border-radius: 4px;
1026      font-size: 16px;
1027      border: none;
1028      padding: 15px 50px;
1029      outline:0;
1030    }
1031
1032    @media only screen and (min-width: 600px) {
1033      .cookies-notification-content {
1034        flex-direction: row;
1035        max-width: 1170px;
1036        padding-bottom: 0;
1037      }
1038
1039      .cookies-notification-text {
1040        font-size: 14px;
1041        text-align: start;
1042        margin-right: 47px;
1043      }
1044
1045      .cookies-notification-button {
1046        font-size: 12px;
1047        padding: 12px 24px;
1048      }
1049    }
1050  </style>
1051
1052  
1052<script type="text/javascript">
1053    $(function () {
1054      var cookiesAgreed = localStorage.getItem('cookiesAgreed');
1055
1056      if (cookiesAgreed) {
1057        return;
1058      }
1059
1060      var wrapper = $('<div class="cookies-notification"></div>');
1061      var notification = $('<div class="cookies-notification-content"></div>');
1062      var text = $('<div class="cookies-notification-text"><p>This website uses cookies to ensure the best browsing experience. You may change your cookie preferences in your browser or device settings. <a href=\"http://www.aboutcookies.org/\" target=\"_blank\">Learn More<\/a> <a href=\"http://www.aboutcookies.org/how-to-delete-cookies/\" target=\"_blank\">How To Delete Cookies<\/a><\/p></div>');
1063      var button = $('<button class="cookies-notification-button">Accept</button>');
1064
1065      button.click(handleAcceptClick);
1066      notification
1067        .append(text)
1068        .append(button);
1069      wrapper.append(notification);
1070
1071      $('body').append(wrapper);
1072      setTimeout(function() {
1073        wrapper.addClass('cookies-notification--visible');
1074      }, 1000);
1075
1076      function handleAcceptClick() {
1077        localStorage.setItem('cookiesAgreed', 'true');
1078        wrapper.removeClass('cookies-notification--visible');
1079        wrapper.on('transitionend', handleTransitionEnd);
1080      }
1081
1082      function handleTransitionEnd() {
1083        wrapper.remove();
1084      }
1085    });
1086  </script>
1086
1087
1088<script type="text/javascript">
1089  var swRegisterManager = {
1090    goals: [],
1091    add: function(swGoalRegister) {
1092      this.goals.push(swGoalRegister);
1093    },
1094    registerGoals: function() {
1095      while(this.goals.length) {
1096        this.goals.shift().call();
1097      }
1098    }
1099  };
1100
1101  window.swPostRegister = swRegisterManager.registerGoals.bind(swRegisterManager);
1102</script>
1102
1103
1104  
1105  
1106  
1107  
1108  
1109  
1110
1111    </head>
1112    <body lang="en" class="bgd-attachment-fixed">
1113            
1113<script
1114        type="application/ld+json"
1115        id="locationData"
1116        data-embed-key="AIzaSyARNP6PBrYdKNmsYf09tU8jRnffQb-sFQg">
1117        {
1118            "@context": "http://schema.org",
1119            "@type": "LocalBusiness",
1120            "telephone": "07845107841",
1121            "address": {
1122                "@type": "PostalAddress",
1123                "streetAddress": "6 Hillier Place ",
1124                "addressLocality": "Chessington",
1125                "addressRegion": "Surrey",
1126                "addressCountry": "England",
1127                "postalCode": "KT92GF"
1128            },
1129            "openingHours": null
1130        }
1131    </script>
1131
1132
1133        <div id="sys_background" class="yola_bg_overlay">
1134            <div class="yola_inner_bg_overlay">
1135                <div class="yola_outer_content_wrapper">
1136                    <header role="header">
1137                        <div class="yola_outer_heading_wrap">
1138                            <div class="yola_heading_container">
1139                                <div class="yola_inner_heading_wrap top">
1140                                    <div class="yola_innermost_heading_wrap">
1141                                                                                <nav class="mob_menu">
1142                                            <div class="mob_menu_toggle"><!--Mobile Nav Toggle-->
1143                                                <svg class="mobile_ham" width="40" height="25">
1144                                                  <line x1="0" y1="3" x2="40" y2="3" stroke-width="2"/>
1145                                                  <line x1="0" y1="13" x2="40" y2="13" stroke-width="2"/>
1146                                                  <line x1="0" y1="23" x2="40" y2="23" stroke-width="2"/>
1147                                                </svg>
1148                                                <svg class="mobile_quit" width="26" height="50">
1149                                                    <line x1="0" y1="1" x2="26" y2="25" stroke-width="2"/>
1150                                                    <line x1="0" y1="25" x2="26" y2="1" stroke-width="2"/>
1151                                                </svg>
1152                                            </div>
1153                                            <div class="mob_menu_overlay"> <!--Mobile Nav Overlay-->
1154                                                <ul class="mob_menu_list">
1155      <li class="">
1156      <a href="./" title="Home">Home</a>
1157          </li>
1158      <li class="">
1159      <a href="Audio-and-Video-Recordings.php" title="Audio and Video Recordings">Audio and Video Recordings</a>
1160              <svg class="mob_more_toggle" x="0px" y="0px" height="24" width="24" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
1161          <circle cx="12" cy="12" r="11" stroke-width="1.5" fill="none" />
1162          <line class="down_arrow" x1="5" y1="10" x2="12" y2="17" stroke-width="2" />
1163          <line class="down_arrow" x1="12" y1="17" x2="19" y2="10" stroke-width="2" />
1164          <line class="up_arrow" x1="5" y1="15" x2="12" y2="8" stroke-width="2" />
1165          <line class="up_arrow" x1="12" y1="8" x2="19" y2="15" stroke-width="2" />
1166        </svg>
1167        <ul class="mob_submenu_list">
1168                      <li>
1169              <a class="mob_submenu_items" href="Concerto-For-Drums-and-Percussion.php" title="Concerto For Drums and Percussion">Concerto For Drums and Percussion</a>
1170            </li>
1171                      <li>
1172              <a class="mob_submenu_items" href="Streaming-Providers.php" title="Streaming Providers">Streaming Providers</a>
1173            </li>
1174                  </ul>
1175            </li>
1176      <li class="">
1177      <a href="precious-times---audio-clips.php" title="Precious Times - Audio Clips">Precious Times - Audio Clips</a>
1178          </li>
1179      <li class="">
1180      <a href="Other-Albums---Audio-Clips.php" title="Other Albums - Audio Clips">Other Albums - Audio Clips</a>
1181          </li>
1182      <li class="">
1183      <a href="Testimonials.php" title="Testimonials">Testimonials</a>
1184          </li>
1185      <li class="">
1186      <a href="Drum-Lessons.php" title="Drum Lessons">Drum Lessons</a>
1187              <svg class="mob_more_toggle" x="0px" y="0px" height="24" width="24" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
1188          <circle cx="12" cy="12" r="11" stroke-width="1.5" fill="none" />
1189          <line class="down_arrow" x1="5" y1="10" x2="12" y2="17" stroke-width="2" />
1190          <line class="down_arrow" x1="12" y1="17" x2="19" y2="10" stroke-width="2" />
1191          <line class="up_arrow" x1="5" y1="15" x2="12" y2="8" stroke-width="2" />
1192          <line class="up_arrow" x1="12" y1="8" x2="19" y2="15" stroke-width="2" />
1193        </svg>
1194        <ul class="mob_submenu_list">
1195                      <li>
1196              <a class="mob_submenu_items" href="student-grades.php" title="Student-Grades">Student-Grades</a>
1197            </li>
1198                  </ul>
1199            </li>
1200      <li class="">
1201      <a href="Latest-News.php" title="Latest News">Latest News</a>
1202          </li>
1203      <li class="selected">
1204      <a href="On-Line-store.php" title="On-Line store">On-Line store</a>
1205              <svg class="mob_more_toggle" x="0px" y="0px" height="24" width="24" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
1206          <circle cx="12" cy="12" r="11" stroke-width="1.5" fill="none" />
1207          <line class="down_arrow" x1="5" y1="10" x2="12" y2="17" stroke-width="2" />
1208          <line class="down_arrow" x1="12" y1="17" x2="19" y2="10" stroke-width="2" />
1209          <line class="up_arrow" x1="5" y1="15" x2="12" y2="8" stroke-width="2" />
1210          <line class="up_arrow" x1="12" y1="8" x2="19" y2="15" stroke-width="2" />
1211        </svg>
1212        <ul class="mob_submenu_list">
1213                      <li>
1214              <a class="mob_submenu_items" href="Merchandise.php" title="Merchandise">Merchandise</a>
1215            </li>
1216                  </ul>
1217            </li>
1218      <li class="">
1219      <a href="Photo-Album.php" title="Photo Album">Photo Album</a>
1220          </li>
1221      <li class="">
1222      <a href="additional-links.php" title="Additional Links">Additional Links</a>
1223          </li>
1224      <li class="">
1225      <a href="Contact-Me.php" title="Contact Me">Contact Me</a>
1226          </li>
1227      <li class="">
1228      <a href="gdpr-privacy-policy---terms-and-conditions.php" title="GDPR-Privacy-Policy - Terms and Conditions">GDPR-Privacy-Policy - Terms and Conditions</a>
1229          </li>
1230  </ul>
1231                                            </div>
1232                                        </nav>
1233                                                                                                                        <div id="yola_heading_block"> <!--Title / Logo-->
1234                                            <h1>
1235                                                <a id="sys_heading" class="yola_hide_logo" href="./">
1236                                                    <img class="yola_site_logo" src="" alt="Lloyd Ryan Drummer & Educator" >
1237                                                    <span>Lloyd Ryan Drummer & Educator</span>
1238                                                </a>
1239                                            </h1>
1240                                        </div>
1241                                        <div id="yola_nav_block"> <!--Nav-->
1242                                            <nav role="navigation">
1243                                                <div class="sys_navigation">
1244                                                <ul class="sys_navigation">
1245                    <li id="ys_menu_0">
1246                    <a href="./" title="Home">Home</a>
1247        </li>
1248                    <li id="ys_menu_1">
1249                    <a href="Audio-and-Video-Recordings.php" title="Audio and Video Recordings">Audio and Video Recordings</a>
1250        </li>
1251                    <li id="ys_menu_2">
1252                    <a href="precious-times---audio-clips.php" title="Precious Times - Audio Clips">Precious Times - Audio Clips</a>
1253        </li>
1254                    <li id="ys_menu_3">
1255                    <a href="Other-Albums---Audio-Clips.php" title="Other Albums - Audio Clips">Other Albums - Audio Clips</a>
1256        </li>
1257                    <li id="ys_menu_4">
1258                    <a href="Testimonials.php" title="Testimonials">Testimonials</a>
1259        </li>
1260                    <li id="ys_menu_5">
1261                    <a href="Drum-Lessons.php" title="Drum Lessons">Drum Lessons</a>
1262        </li>
1263                    <li id="ys_menu_6">
1264                    <a href="Latest-News.php" title="Latest News">Latest News</a>
1265        </li>
1266                    <li id="ys_menu_7"class="selected">
1267                    <a href="On-Line-store.php" title="On-Line store">On-Line store</a>
1268        </li>
1269                    <li id="ys_menu_8">
1270                    <a href="Photo-Album.php" title="Photo Album">Photo Album</a>
1271        </li>
1272                    <li id="ys_menu_9">
1273                    <a href="additional-links.php" title="Additional Links">Additional Links</a>
1274        </li>
1275                    <li id="ys_menu_10">
1276                    <a href="Contact-Me.php" title="Contact Me">Contact Me</a>
1277        </li>
1278                    <li id="ys_menu_11">
1279                    <a href="gdpr-privacy-policy---terms-and-conditions.php" title="GDPR-Privacy-Policy - Terms and Conditions">GDPR-Privacy-Policy - Terms and Conditions</a>
1280        </li>
1281    </ul>
1282                 <div id="ys_submenu_1" class="ys_submenu">
1283            <div class='ys_submenu_inner'>
1284                <ul>
1285                                            <li>
1286                            <a href="Concerto-For-Drums-and-Percussion.php">Concerto For Drums and Percussion</a>
1287                        </li>
1288                                            <li>
1289                            <a href="Streaming-Providers.php">Streaming Providers</a>
1290                        </li>
1291                                    </ul>
1292            </div>
1293        </div>
1294                                <div id="ys_submenu_5" class="ys_submenu">
1295            <div class='ys_submenu_inner'>
1296                <ul>
1297                                            <li>
1298                            <a href="student-grades.php">Student-Grades</a>
1299                        </li>
1300                                    </ul>
1301            </div>
1302        </div>
1303                      <div id="ys_submenu_7" class="ys_submenu">
1304            <div class='ys_submenu_inner'>
1305                <ul>
1306                                            <li>
1307                            <a href="Merchandise.php">Merchandise</a>
1308                        </li>
1309                                    </ul>
1310            </div>
1311        </div>
1312                         
1313<script>
1314/* jshint ignore:start */
1315$(document).ready(function() {
1316    flyoutMenu.initFlyoutMenu(
1317        [{"name":"Home","title":"Home","href":".\/","children":[]},{"name":"Audio and Video Recordings","title":"Audio and Video Recordings","href":"Audio-and-Video-Recordings.php","children":[{"name":"Concerto For Drums and Percussion","title":"Concerto For Drums and Percussion","href":"Concerto-For-Drums-and-Percussion.php"},{"name":"Streaming Providers","title":"Streaming Providers","href":"Streaming-Providers.php"}]},{"name":"Precious Times - Audio Clips","title":"Precious Times - Audio Clips","href":"precious-times---audio-clips.php","children":[]},{"name":"Other Albums - Audio Clips","title":"Other Albums - Audio Clips","href":"Other-Albums---Audio-Clips.php","children":[]},{"name":"Testimonials","title":"Testimonials","href":"Testimonials.php","children":[]},{"name":"Drum Lessons","title":"Drum Lessons","href":"Drum-Lessons.php","children":[{"name":"Student-Grades","title":"Student-Grades","href":"student-grades.php"}]},{"name":"Latest News","title":"Latest News","href":"Latest-News.php","children":[]},{"name":"On-Line store","title":"On-Line store","href":"On-Line-store.php","children":[{"name":"Merchandise","title":"Merchandise","href":"Merchandise.php"}]},{"name":"Photo Album","title":"Photo Album","href":"Photo-Album.php","children":[]},{"name":"Additional Links","title":"Additional Links","href":"additional-links.php","children":[]},{"name":"Contact Me","title":"Contact Me","href":"Contact-Me.php","children":[]},{"name":"GDPR-Privacy-Policy - Terms and Conditions","title":"GDPR-Privacy-Policy - Terms and Conditions","href":"gdpr-privacy-policy---terms-and-conditions.php","children":[]}]
1318    , 'flyover');
1319});
1320/* jshint ignore:end */
1321</script>
1321
1322
1323                                                </div>
1324                                            </nav>
1325                                        </div>
1326                                                                                <div style="padding:0; height:0; clear:both;">&nbsp;</div>
1327                                    </div>
1328                                </div>
1329                            </div>
1330                            <div id="sys_banner" class="yola_banner_wrap">
1331                                <div class="yola_inner_banner_wrap">
1332                                    <div class="yola_innermost_banner_wrap">
1333                                        <h2 class="yola_site_tagline" style="display:block"><span>The Drummers Drummer Keeping The Beat</span></h2>
1334                                    </div>
1335                                </div>
1336                            </div>
1337                        </div>
1338                    </header>
1339
1340                    <main class="yola_content_wrap" role="main">
1341                        <div class="yola_content_column">
1342                            <div class="yola_inner_content_column clearFix">
1343                                <style media="screen">
1344  .layout_1-column {
1345    width: 100%;
1346    padding: 0;
1347    margin: 0;
1348  }
1349
1350  .layout_1-column:after {
1351    content: "";
1352    display: table;
1353    clear: both;
1354  }
1355
1356  .zone_top {
1357    margin: 0;
1358    padding: 5px;
1359    vertical-align: top;
1360    line-height: normal;
1361    min-width: 100px;
1362  }
1363</style>
1364
1365<div class="layout_1-column sys_layout">
1366    <div id="layout_row1">
1367        <div id="sys_region_1" class="zone_top" ><div id="I2b0d7b3539a8445b8599739307a0d34d" style="display:block;clear: both;" class="Ecwid_Ecommerce_Default">
1368<div>
1369    
1369<script type="text/javascript" src="https://app.ecwid.com/script.js?18327060" charset="utf-8"></script>
1369
1370    
1370<script type="text/javascript">
1371        ;(function () {
1372            if(window.xProductBrowser){
1373                xProductBrowser("views=grid(1,20)","categoryView=grid","defaultCategoryId=0");
1374            }
1375            if(window.xMinicart) {
1376                xMinicart("style=", "layout=floating");
1377                xMinicart("style=", "layout=MiniAttachToProductBrowser");
1378            }
1379        } ());
1380    </script>
1380
1381</div></div><div id="Ic802c51e901c4d0aaae3eca38693eed6" style="display:block;clear: both;" class="Panel_Default">    <style id='yola-panel-style-Ic802c51e901c4d0aaae3eca38693eed6' type='text/css'>
1382
1383                div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6,
1384        div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 p,
1385        div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 .sys_txt,
1386        .content div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 p,
1387        #content div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 p,
1388        div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 .HTML_Default p,
1389        div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 .Text_Default p,
1390        div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 .sys_txt p,
1391        div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 .sys_txt p a,
1392        div#content div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 p{
1393            color:#ffffff;
1394        }
1395        
1396                div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 h1,
1397        div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 h2,
1398        div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 h3,
1399        div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 h4,
1400        div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 h5,
1401        div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 h6,
1402        div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 .sys_txt h1,
1403        div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 .sys_txt h2,
1404        div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 .sys_txt h3,
1405        div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 .sys_txt h4,
1406        div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 .sys_txt h5,
1407        div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 .sys_txt h6{
1408            color:#ffffff;
1409        }
1410        
1411        
1412        
1413                div#Panel_Ic802c51e901c4d0aaae3eca38693eed6 {
1414            max-width: 100%;
1415            margin: 0 auto;
1416        }
1417        
1418        #yola-panel-Ic802c51e901c4d0aaae3eca38693eed6 {
1419            min-height: 0vh;position:relative;
1420        }
1421
1422        #yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 {
1423            padding:2rem 1rem 1rem 1rem;position:relative;
1424        }
1425
1426                    #yola-panel-background-Ic802c51e901c4d0aaae3eca38693eed6 {
1427                                    background:#000000;background-position:top left;background-repeat:no-repeat;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;touch-action:none;
1428                            }
1429        
1430        
1431            </style>
1432
1433    <div id='yola-panel-Ic802c51e901c4d0aaae3eca38693eed6'>
1434                    <div
1435                id='yola-panel-background-Ic802c51e901c4d0aaae3eca38693eed6'
1436                            >
1437                                            </div>
1438                <div id='yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6'>
1439            <div id="Panel_Ic802c51e901c4d0aaae3eca38693eed6" style="text-align:left; vertical-align:top;" ><div id="I06d98cc551384b17b5e78a73cbbecad0" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css">
1440    div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;}
1441    div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;}
1442    div.sys_text_widget img{margin:4px;}
1443    div.sys_text_widget {
1444        overflow: hidden;
1445        margin: 0;
1446        padding: 0;
1447        color: ;
1448        font: ;
1449        background-color: ;
1450    }
1451</style>
1452
1453<div id="I06d98cc551384b17b5e78a73cbbecad0_sys_txt" systemElement="true" class="sys_txt sys_text_widget new-text-widget"><p style="text-align: center;">Email: <a href="http://[email protected]">[email protected]</a> Phone/Text 07845 107841</p>
1454<p style="text-align: center;">© Copyright The Official Lloyd Ryan Drummer/Educator</p></div></div></div>
1455        </div>
1456    </div>
1457
1458    
1459    
1460</div></div>
1461    </div>
1462</div>
1463                            </div>
1464                        </div>
1465                    </main>
1466
1467                    <div class="yola_footer_wrap">
1468                        <div class="yola_footer_column">
1469                            <footer id="yola_style_footer">
1470                                <span class="yola_footer_socialbuttons"><table cellpadding="0" cellspacing="0">
1471	<tr>
1472		<td style="vertical-align:bottom;">
1473			
1473<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
1473
1474			<a href="https://twitter.com/share" class="twitter-share-button" data-lang="en" data-count="none">Tweet</a>
1475		</td>
1476		<td style="vertical-align:bottom;">
1477			<div style="padding:0 5px;">
1478				<iframe src="//www.facebook.com/plugins/like.php?send=false&amp;href=https%3A%2F%2Fwww.lloydryan.co.uk%2FOn-Line-store.php&amp;layout=button_count&amp;show_faces=false&amp;action=like&amp;width=49&amp;height=20&amp;locale=en_US" scrolling="no" frameborder="0" style="border:none;overflow:hidden;width:49px;height:20px;" allowTransparency="true"></iframe>
1479			</div>
1480		</td>
1481		<td style="vertical-align:bottom;">
1482			
1482<script type="text/javascript" src="//apis.google.com/js/plusone.js">
1483				{lang: "en_US"}
1484			</script>
1484
1485				<g:plusone size="medium" count="false"></g:plusone>
1486			
1486<script type="text/javascript">gapi.plusone.go();</script>
1486
1487		</td>
1488	</tr>
1489</table></span>
1490<p style="float:right; margin:0;">6 Hillier Place, Chessington, Surrey KT92GF, England | 07845107841</p><div style="clear:both; height:0;"></div>
1491                            </footer>
1492                        </div>
1493                    </div>
1494                    
1495                    
1496<script type="text/javascript" id="site_analytics_tracking" data-id="44e005452078406aae2daf4b9901889d" data-user="98e6055f75584d238a03e03282fb741e" data-partner="YOLA" data-url="//analytics.yolacdn.net/tracking-v2.js">
1497  var _yts = _yts || [];
1498  var tracking_tag = document.getElementById('site_analytics_tracking');
1499  _yts.push(["_siteId", tracking_tag.getAttribute('data-id')]);
1500  _yts.push(["_userId", tracking_tag.getAttribute('data-user')]);
1501  _yts.push(["_partnerId", tracking_tag.getAttribute('data-partner')]);
1502  _yts.push(["_trackPageview"]);
1503  (function() {
1504    var yts = document.createElement("script");
1505    yts.type = "text/javascript";
1506    yts.async = true;
1507    yts.src = document.getElementById('site_analytics_tracking').getAttribute('data-url');
1508    (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts);
1509  })();
1510</script>
1510
1511
1512
1513<!-- template: Skyline_v2 b4633f0f-a788-4fae-80cb-79f183c6d6dc -->
1514                </div>
1515            </div> <!-- .inner_bg_overlay -->
1516        </div> <!-- #sys_background / .bg_overlay -->
1517        
1517<script src="templates/Skyline_v2/resources/js/browserify.build.js"></script>
1517
1518    
1518<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"0209fe21d51443d9ac34e0b84c8d00a9","r":1,"spa":2}' crossorigin="anonymous"></script>
1518
1519</body>
1520</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.