PageSourceSearch

https://www.devereyarns.co.uk/account/login

html devereyarns.co.uk collected 2026-09-27 06:04:22 UTC 70,384 bytes, 2,147 lines download raw bytes

1<!-- 
2    --------------------------
3    EKM Theme:  Aerial
4    Released: Aug 2020
5    Last Edited: 07/09/2023
6    ---------------------------
7  -->
8  
9<!DOCTYPE html>
10<html lang="en-GB">
11<head><meta name='robots' content='noindex' />
12	<!-- EKM Theme:  Aerial -->
13	<link rel="preconnect" href="https://fonts.googleapis.com">
14	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>    
15
16	<meta name="" />
17	<meta charset="utf-8">
18	<meta http-equiv="X-UA-Compatible" content="IE=edge">
19	<meta name="keywords" content="DeVere Yarns - Embroidery thread and Weaving Yarn available in Pure Silk, Cotton, Worsted Wool and other specialist fibers.">
20	<meta name="description" content="DeVere Yarns - Embroidery thread and Weaving Yarn available in Pure Silk, Cotton, Worsted Wool and other specialist fibers.">
21	<meta name="viewport" content="width=device-width, initial-scale=1">
22	
23	<link rel="shortcut icon" href="/ekmps/shops/devereyarns/favicon.ico?v=" type="image/x-icon" />
24<link rel="icon" href="/ekmps/shops/devereyarns/favicon.ico?v=" type="image/x-icon" />
25
26	
27	<title>DeVere Yarns | Embroidery Thread, Weaving Yarn, Silk, Cotton, Wool</title>
28    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css" defer fetchpriority="low" >
29    <link href="//themes.cdn.ekm.net/themes/master/2271/css/base.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" rel="preload" as="style">
30    <link href="//themes.cdn.ekm.net/themes/master/2271/css/buttons.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" rel="preload" as="style">
31    <link href="//themes.cdn.ekm.net/themes/master/2271/css/style.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" rel="preload" as="style">
32    <link href="//themes.cdn.ekm.net/themes/master/2271/css/blog_post.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" defer fetchpriority="low" >
33    <link href="//themes.cdn.ekm.net/themes/master/2271/css/newsletter.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" defer fetchpriority="low" >
34    
35    
36	
37		
38	 <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap" rel="stylesheet" defer fetchpriority="low"> 
39	
40	
41	
42		
43	
44<style>
45
46	:root{
47	    
48	    --ekm-search-anchor: .header-search-bar !important;
49	    
50		--header_icons: #ffffff;
51		--header_background: #ffffff;
52
53		--account_bg: #ffffff;
54		--account_icon: #254249;
55		
56		--cart_bg: #ffffff;
57		--cart_icon: #254249;
58		
59		--cart_item_bg: #3b6072;
60		--cart_item_text: #FFFFFF;
61		
62		--header_info_background: #3b6072;
63		--header_info_text: #ffffff;
64		
65		--nav-dropdown-background: #FFFFFF;
66		--nav_bar_background: #6a99af;
67		--nav_bar_links: #ffffff;
68		--nav_dropdown_links: #333333;
69		--nav-breadcrumb-bg: #eeeeee;
70		
71		--mobile_menu_icon: #d2ac6c;
72		--mobile_menu_button_icon: #FFFFFF;
73	
74		--body_background: #FFFFFF;
75		--category_page_background: #f5f5f5;
76		--product_page_background: #f5f5f5;
77
78		--body_text: #333333;
79		--body_review_stars: #FFBD00;
80		--body_main_links: #be965b;
81		--body_headings: #333333;
82		--section_bg: #FFFFFF;
83
84
85		
86		--primary_button_btn_bg: #d2ac6c;
87		--primary_button_btn_text: #FFFFFF;
88		
89		--btn-border-radius: 3px;
90		
91		--secondary_button_btn_bg: #FFFFFF;
92		--secondary_button_btn_text: #232323;
93		
94		--atc_button_btn_bg: #d2ac6c;
95		--atc_button_btn_text: #FFFFFF;
96		
97		--footer_bg: var(--settings_footer_bg);
98		--footer_text: var(--settings_footer_text);
99		--footer_link: var(--settings_footer_link);
100		
101		--webpages_background: ;
102		
103		--copyright_background: #34515f;
104		--copyright_text: #FFFFFF;
105		
106		--primary-font: Open Sans;
107		
108		--ekm-atc-background-colour: #d2ac6c;		
109		
110	    --ekm-success-colour-text: #03c300;
111	    --ekm-success-colour-background: #bffdbf;	   
112	    --ekm-caution-colour-text: #c71908;
113	    --ekm-caution-colour-background: #fddebf;
114	    --ekm-warning-colour-text: #ff5241;
115	    --ekm-warning-colour-background: #fdbfbf;
116	    --ekm-inverse-colour-text: #ffffff;
117	    --ekm-inverse-colour-background: #000000;
118		--ekm-atc-background-colour: var(--primary_button_btn_bg);
119		--ekm-atc-text-colour: var(--primary_button_btn_text);
120		
121	}
122
123	
124
125</style>
126
127<script>(()=>{const gtag = window.gtag || function(){(window.dataLayer = window.dataLayer || []).push(arguments);};gtag('consent','default',{'ad_storage':'denied','ad_user_data':'denied','ad_personalization':'denied','analytics_storage':'denied','wait_for_update': 500});})();</script>
127<script>
128var is_merchant_logged_in = 0;
129</script>
129
130 <link rel="stylesheet" href="https://shopui.ekmsecure.com/2%2E1%2E13/styles/shopui.css"  />
131<script>(window.dataLayer = window.dataLayer || []).push({'Username': 'devereyarns'}) ;</script>
131
132<!-- Google Tag Manager -->
132<script>
vendor: 320 bytes, line 132
132(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'}) ;var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'' ;j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f) ;})(window,document,'script','dataLayer','
132GTM-KF9VMP
vendor: 4 bytes, line 132
132') ;
132</script>
132<!-- End Google Tag Manager -->
133<link rel="stylesheet" href="https://1.cdn.ekm.net/ekmps/assets/css/shop-front/search/search.css?v=6"/>
133<script src="https://1.cdn.ekm.net/ekmps/assets/js/shop-front/search/search.js?v=26" type="module"></script>
133<script type="application/json" data-config="search">
134{
135"user": "devereyarns",
136"isSearchPage": false,
137"disabled": false,
138"searchQuery": null,
139"searchCategories": [],
140"token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJ7Qjg3REZCMjEtMDIzRC00RTgyLUJCQUQtODlCNjMyNTAxNkQzfSIsImlhdCI6MTc4OTgyNjg2NywiZXhwIjoxNzk1MzU2ODY3LCJvcmlnaW5zIjpbImh0dHBzOi8vZGV2ZXJleWFybnMuMS5la20uc2hvcCIsImh0dHBzOi8veW91cmFjY291bnQuMS5la20ubmV0IiwiaHR0cHM6Ly9kZXZlcmV5YXJucy5jby51ayIsImh0dHBzOi8vd3d3LmRldmVyZXlhcm5zLmNvLnVrIl19.17ww9MKMPiF91tRBL71EftX2EyIMDfzCw0iNBfkjLKw",
141"showAttributeFilter": true,
142"showCategoryFilter": true,
143"showPriceFilter": true,
144"showTDPrices": true,
145"isTDUser": false,
146"topLevelCategories": ["Colour Packs","Digital Gift Cards","Embroidery Threads","Protective cop sleeving","Shade Cards & Quality Card","Silk Craft Fibres & Supplies","Weaving Yarns","William Folliott book"],
147"attributes": {},
148"attributeNames": {},
149"priceRange": {"min": 0, "max": 0},
150"currency": {"exponent": 2,"symbol": "$","format":"SYMBOL-PRICE"}
151}
152</script>
152<script async src="https://cdn.salesfire.co.uk/code/5a4d1397-13f8-4c6e-a615-07a62c746a87.js"></script>
152<link rel="preconnect" href="https://fonts.googleapis.com">
153<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
154<link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet"><style>
155/* Your CSS Here */
156body, .header-search-bar input, .atc-wrapper input, #product-options select, .single-product-option input {
157	 font-family: "Figtree", sans-serif;
158}
159
160.announcment-holiday-wrapper .fixed-header-text, .fixed-header-button {
161	font-family: "Figtree", sans-serif!important;
162}
163
164header .site-logo img {
165	padding-top: 0.5rem;
166}
167
168.header-search-bar input {
169    text-transform: unset;
170}
171
172.main-banner-block .theme-btn {
173    background-color: var(--primary_button_btn_bg)!important;
174    color: var(--primary_button_btn_text)!important;
175}
176 
177.theme-btn {
178	padding: 1rem 2rem;
179	text-transform: capitalize;
180}
181
182#ekm-image-banner h1 {
183    font-size: clamp(3rem, 2.5vw, 4.2rem)!important;
184    text-wrap: balance;
185    line-height: 1.4;
186}
187
188#ekm-image-banner .main-banner-block p, .banner-text-block p {
189    color: #FFFFFF;
190    font-size: clamp(1.6rem, 2.5vw, 1.8rem)!important;
191    max-width: 580px;
192}
193
194.main-content .main-banner-block {
195    min-height: 500px;
196}
197
198.main-content .ekm-promo-box-wrapper .ekm-promo-box-content {
199    padding: 1rem 2rem 2rem !important;
200}
201
202.aerial-product-item {
203    padding: 10px;
204}
205
206h3 {
207	font-size: 2.6rem;
208}
209
210.incategory-desc :is(h1, h2, h3, p) {
211    margin-bottom: 10px;
212    text-align: center;
213}
214
215.incategory-desc :is(table) {
216    margin: auto;
217}
218
219.main-content .text-image-block-wrapper--one {
220    margin-bottom: 0px;
221}
222
223@media only screen and (min-width: 989px) {
224    header > .container {
225        grid-template-columns: 250px 1fr 250px!important;
226    }
227}
228
229@media screen and (max-width: 800px) {
230	ekm-search-categories {
231    	background-color: #f3f3f3!important;
232	}
233	
234	.header-search-bar form .ekmps-search-button {
235    	background-color: #f3f3f3!important;
236	}
237	
238	.main-content .main-banner-block {
239    	min-height: 350px;
240	}
241}
242</style>
242<script type="application/json" data-ekm-req-data="1">{"short_country_code":"US"}</script>
242<link rel="canonical" href="https://www.devereyarns.co.uk/account/login" />
242<script type="text/javascript">
243
244  var _gaq = _gaq || [];
245  _gaq.push(['_setAccount', 'UA-40342746-1']) ;
246  _gaq.push(['_setDomainName', 'devereyarns.co.uk']) ;
247  _gaq.push(['_trackPageview']) ;
248
249  (function() {
250    var ga = document.createElement('script') ; ga.type = 'text/javascript' ; ga.async = true;
251    ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js' ;
252    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s) ;
253  })() ;
254
255</script>
255<script async src="https://1.cdn.ekm.net/ekmps/scripts/historytracker.js" integrity="sha256-/qpINPx0JrNJoW7XZXa9nMM3vY14qdlkmiNSj9pKbIM= sha384-Hix6Oo3XCh6Lx/s1C3+UWfKyB/313Oqt/cEkTsemluJa4I4j8Sx+AZ4sLLCGRzEE sha512-u/iBpqHp/Y/oEkIcER5y7817lMglj1PELWf/AdmLMzzg5p82DBaFEUtHa21uWrKQeOb9t9cqfq6tYDKra/gvbA==" crossorigin="anonymous"></script>
255<base href="/" /></head>
256
257<body data-theme-name="Aerial" >
vendor: 63 bytes, lines 257-258
257
258<noscript><iframe src='//www.googletagmanager.com/ns.html?id=
258GTM-KF9VMP
vendor: 87 bytes, lines 258-260
258' height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript>
259
260	
260<main role="main" class="main-content" data-cur-page="0">
261<ekm-section data-type="header">
262	
263<!--------------------------------------->
264<!--LAST EDITED: 26/07/2022-->
265<!--------------------------------------->
266
267	
268
269	
270	<style>
271	/* **********************************
272	SEARCH BAR SECTION SETTINGS
273	********************************** */
274
275	.header-search-bar input{
276		background-color: #f3f3f3;
277		color: #333333;
278		border-radius: var(--btn-border-radius);
279	}	
280	.header-search-bar.has_border input, .header-search-bar.has_border form .ekmps-search-button{
281		border: 2px solid #000000;
282	}
283	.header-search-bar.has_border form .ekmps-search-button{
284		height: 44px;
285		border-left: none;
286	}
287	.header-search-bar input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
288		color: #333333;
289	}
290	.header-search-bar input::-moz-placeholder { /* Firefox 19+ */
291		color: #333333;
292	}
293	.header-search-bar input:-ms-input-placeholder { /* IE 10+ */
294		color: #333333;
295	}
296	.header-search-bar input:-moz-placeholder { /* Firefox 18- */
297		color: #333333;
298	}
299
300
301
302	.ekmps-search-button{
303		background-color: #f3f3f3;
304		cursor: pointer;
305	}
306	.ekmps-search-button svg path {
307		fill: #333333;
308	}
309
310	.header-search-bar form .ekmps-search-button{
311		position: absolute;
312		right: 0;
313		top: 0;
314		width: 40px;
315		padding: 0;
316		cursor: pointer;
317		border: none;
318		display: flex;
319		align-items: center;
320		justify-content: center;
321		height: 100%;
322		border-bottom-right-radius: var(--btn-border-radius);
323		border-top-right-radius: var(--btn-border-radius);
324		background-color: transparent;
325		
326	} 
327	.header-search-bar form .ekmps-search-button:hover > svg{
328		opacity: 0.8;
329	} 
330	.header-search-bar form .ekmps-search-button > svg{
331		height: 20px;
332		width: 20px;
333	}
334
335	.webpages_more_trigger{
336    	position: relative;
337	}
338	.webpages_more_trigger.hidden{
339		display:none;
340	}
341	.announcement-bar > .container{
342	    flex-wrap: wrap;
343	    grid-template-columns: 1fr 1fr;
344	    display: grid;
345	    gap: 20px;
346	}
347	.announcement-bar-nav.contact{
348	    justify-self: flex-start;
349	    
350	    
351	}
352	.more_webpages_nav{
353		display:none;
354		position: absolute;
355	    background: #FFF;
356	    padding: 15px;
357	    z-index: 9;
358	    left: -70%;
359	    top: 40px;
360	    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
361	    width: 200px;
362	}	
363	.more_webpages_nav.active{
364		display:block;
365	}	
366	.announcement-bar .announcement-bar-nav .more_webpages_nav li a{
367		color: #333;
368	}
369	ul.no-style.more_webpages_nav:before {
370	    content: "";
371	    display: block;
372	    width: 20px;
373	    height: 20px;
374	    background: white;
375	    transform: rotate(45deg);
376	    position: absolute;
377	    top: -7px;
378	    left: 66px;
379	}
380	.webpages_more_trigger svg{
381		margin-left: 10px;
382	}
383	header > .container{
384		display: grid;
385		grid-template-columns: 1fr 1fr;
386		align-items: center;
387		justify-items: center;
388		gap: 20px;
389	}
390	
391	.header-btn-wrapper{
392		justify-self: flex-end;
393	}
394	.nav-icon-wrapper{
395		justify-self: flex-start;
396	}
397	header .site-logo img{
398		
399		
400			max-width: 280px;
401					
402	}
403	.currency{
404		justify-self: flex-end;
405		
406		
407	}	
408	.header-search-bar{
409		grid-column: -1 / 1;
410	}
411
412	.subnav-grid a:hover{
413		text-decoration: underline;
414	}
415
416	@media only screen and (min-width:550px){
417		header > .container{
418			grid-template-columns: 90px minmax(300px, 1fr) 90px;
419		}
420	}
421	.nav-trigger--close, .nav-trigger--menu{
422		display: none;
423	}
424	.nav-trigger--close.active, .nav-trigger--menu.active{
425		display: block;
426	}
427	
428	@media only screen and (min-width:768px){
429		.subnav-grid li{
430			margin-bottom: 10px;
431		}
432		.header-search-bar{
433			grid-column: auto;
434		}
435		
436		header > .container{
437			
438			
439				grid-template-columns: 170px 1fr 178.5px;
440			  
441		}
442
443		.primary-nav > li .sub-sub-cats-wrapper{
444			display: block;
445			right: 0;
446			top: 0 !important;
447			opacity: 1;
448			position: relative;
449			width: auto;
450			height: auto;
451		}
452		.primary-nav > li .sub-sub-cats-wrapper .subnav-grid{
453			grid-template-columns: 1fr;
454			padding: 10px 0 0 0;
455			gap: 10px;
456		}
457		.primary-nav >
457 li .sub-sub-cats-wrapper .subnav-grid a{
458			pointer-events: all;
459			font-weight: 400;
460		}
461	}
462	
463	
464
465	
466	
467	
468	
469	
470
471[data-nav-design-type="main-dropdown"]{
472	display: none;
473}
474
475@media only screen and (max-width:767px){
476	.subnav-grid-wrapper{
477		left: auto;
478		right: -100%;
479		transition: all 0.35s ease;
480		display: flex;
481		top: 0 !important;
482		display: none;
483	}
484	.subnav-grid-wrapper.mobile_open{
485		right: 0%;
486		z-index: 1;
487	}
488	
489}
490
491@media only screen and (min-width: 768px) {
492
493	.ekmps-search-button{
494		background-color: var(--primary_button_btn_bg) !important;
495		cursor: pointer;
496	}
497	.ekmps-search-button svg path {
498		fill: #FFFFFF;
499	}
500
501
502	[data-nav-design-type="main-dropdown"]{
503		pointer-events: auto;
504		left: 0;
505		opacity: 1;
506	}
507	.main_nav.open [data-nav-design-type="main-dropdown"]{
508		display: block;
509	}
510	
511}
512	
513	
514
515/* HEADER SEARCH ICON SETTINGS */
516/* The CSS in the follow section are variable on the design that is being selected from the merchant */
517
518
519.subnav-grid-wrapper-bg {
520    width: 100%;
521    height: 100vh;
522    position: absolute;
523    background: #0000002b;
524}
525
526@media only screen and (min-width: 989px){
527    header > .container{
528        grid-template-columns: 200px 1fr 200px;
529    }
530    
531    .info-bar-text {
532    	justify-self: center;
533	}
534    .announcement-bar > .container{
535        flex-wrap: wrap;
536        grid-template-columns: 1fr 1fr 1fr;
537        
538        grid-template-columns: 1fr 1fr;
539        
540    }
541    .announcement-bar-nav.webpages, .info-bar-text{
542        display: flex !important;
543        margin-right: 0px;
544        justify-self: flex-start;
545        
546        margin-right: 10px;
547        
548        
549    }
550    .announcement-bar-nav.contact{
551        justify-self: flex-start;
552        
553        
554        
555    }
556    .currency{
557        justify-self: flex-end;
558        
559        
560    }
561    .info-bar-text{
562        
563    }
564}
565
566
567/*// Hides the wishlist icon if the customer is not logged in.*/
568
569    #headerWishlist{
570        display: none;
571    
572    
573
574
575
576</style>
577<div class="announcment-holiday-wrapper"><div id="fixed-header-container" data-ekm-height-change-callback="fixFixedHeader" class="promotional-banner"><div id="fixed-header-content" style="background: #d2ac6c;color: #fff;"><div class="fixed-header-text u-display--inline-block">From 1st July, we will be VAT registered. If you are a non taxable country you wont be charged at checkout. USA customers - Due to current US import tariffs and carrier surcharges, a 10% surcharge applies to all orders shipped to the USA. </div></div></div>
578	</div>
579	
579<script src="https://1.cdn.ekm.net/ekmps/assets/js/shop-front/announcementBar.min.js?v=1"></script>
579	
580
581
582		
583		<div class="announcement-bar">
584			<div class="container flex flex_space-between flex_align-center">
585				<ul class="announcement-bar-nav no-style flex contact">
586					
587					
588
589					<li><a class="flex flex_align-center" href="tel:01787 237237">
590							<svg xmlns="https://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15"> <path class="a" d="M14 11.3024C14 10.8024 13.8 10.3023 13.4 9.90235C12.8 9.30235 12.2 8.80235 11.4 8.60235C10.6 8.40235 9.7 8.60235 9.1 9.30235L8.3 9.90235C7.4 9.40235 6.7 8.80235 6 8.10235L5.9 8.00235C5.2 7.30235 4.6 6.60235 4.1 5.70235L4.8 5.00235C5.4 4.40235 5.7 3.50235 5.5 2.70235C5.2 1.90235 4.8 1.20235 4.2 0.70235C3.4 -0.19765 2.1 -0.19765 1.3 0.50235C0.4 1.40235 0 2.60235 0 3.80235C0.2 6.40235 1.4 8.90235 3.3 10.7023C3.7 11.1023 4.1 11.5023 4.6 11.8024C4.9 12.0023 5.2 12.0023 5.4 11.7023C5.6 11.5023 5.5 11.1024 5.3 11.0023C4.9 10.7023 4.5 10.3024 4.1 10.0023C2.4 8.40235 1.3 6.20235 1.1 3.90235C1.1 2.90235 1.4 2.00235 2 1.40235C2.4 1.00235 3 1.00235 3.4 1.40235C4.8 2.90235 4.7 3.60235 4 4.20235L3 5.20235C2.9 5.40235 2.8 5.60235 2.9 5.80235C3.5 6.90235 4.2 7.90235 5.1 8.80235L5.2 8.90235C6.1 9.80235 7.1 10.5023 8.2 11.1024C8.4 11.2024 8.6 11.1024 8.8 11.0023L9.8 10.0023C10.4 9.40235 11.1 9.30235 12.6 10.7023C13 11.1023 13 11.7024 12.7 12.1024C12 12.7024 11.2 13.0023 10.3 13.0023C9.4 13.0023 8.4 12.7023 7.6 12.4023C7.3 12.3023 7 12.5023 6.9 12.7023C6.8 13.0023 6.9 13.2023 7.2 13.4023C8.2 13.9023 9.2 14.1024 10.3 14.1024C11.5 14.1024 12.7 13.7023 13.5 12.9023C13.8 12.3023 14 11.8024 14 11.3024Z"/> </svg>
591					
592					01787 237237</a></li>
593					
594					
595					
596					
597					<li><a class="flex flex_align-center" href="mailto:[email protected]">
598							<svg xmlns="https://www.w3.org/2000/svg" width="16" height="13" viewBox="0 0 16 13"> <path class="a" d="M15.36 7.25333C15.68 7.25333 16 6.93333 16 6.61333V2.45333C16 1.06667 14.9333 0 13.5467 0H2.45333C1.06667 0 0 1.06667 0 2.45333V9.70667C0 11.0933 1.06667 12.16 2.45333 12.16H13.44C14.8267 12.16 15.8933 10.9867 15.8933 9.70667C15.8933 9.38667 15.5733 9.06667 15.2533 9.06667C14.9333 9.06667 14.6133 9.38667 14.6133 9.70667C14.6133 10.3467 14.08 10.9867 13.3333 10.9867H2.45333C1.81333 10.9867 1.17333 10.4533 1.17333 9.70667V2.66667L6.61333 6.08C7.46667 6.50667 8.53333 6.50667 9.28 5.97333L14.72 2.56V6.50667C14.72 6.93333 15.04 7.25333 15.36 7.25333ZM8.64 4.90667C8.21333 5.12 7.68 5.12 7.36 4.90667L1.81333 1.49333C2.02667 1.38667 2.24 1.28 2.56 1.28H13.5467C13.76 1.28 14.08 1.38667 14.2933 1.49333L8.64 4.90667Z"/> </svg>
599							[email protected]</a></li>
600					
601					
602				</ul>
603				<div class="flex flex_align-center currency">
604				
605				
606				
607					
608						<div class="cur-text-dd no-symbol">
609							<div class="cur-text-dd-btn">
610								<i class="icon-flags--custom" data-flag-currency="USD"></i>
611								<span class="cur-text-dd-code">USD</span>
612								<span class="cur-text-dd-symbol">$</span>
613									<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg">
614									<path d="M4.9892 6C4.90281 6 4.81642 5.98127 4.73002 5.94382C4.64363 5.90637 4.55724 5.85019 4.47084 5.77528L0.215983 1.34831C0.0719942 1.1985 0 1.01124 0 0.786517C0 0.561798 0.0719942 0.374532 0.215983 0.224719C0.359971 0.0749064 0.532757 0 0.734341 0C0.935925 0 1.10871 0.0749064 1.2527 0.224719L4.9892 4.11236L8.7257 0.224719C8.86969 0.0749064 9.04608 0 9.25486 0C9.46364 0 9.64003 0.0749064 9.78402 0.224719C9.92801 0.374532 10 0.558053 10 0.775281C10 0.992509 9.92801 1.17603 9.78402 1.32584L5.50756 5.77528C5.42117 5.85019 5.33837 5.90637 5.25918 5.94382C5.17999 5.98127 5.08999 6 4.9892 6Z" />
615									</svg>
616							</div>
617							<div class="cur-text-dd-options">
618					
619								
620								<a class="cur-text-dd-option" href="index.asp?function=CART&mode=CURRENCY&code=EUR&catid=0&productid=0">
621									<i class="icon-flags--custom" data-flag-currency="EUR"></i>
622									<span class="cur-text-dd-code">EUR</span>
623									<span class="cur-text-dd-symbol">&euro;</span>
624								</a>
625								
626					
627								
628								<a class="cur-text-dd-option" href="index.asp?function=CART&mode=CURRENCY&code=GBP&catid=0&productid=0">
629									<i class="icon-flags--custom" data-flag-currency="GBP"></i>
630									<span class="cur-text-dd-code">GBP</span>
631									<span class="cur-text-dd-symbol">£</span>
632								</a>
633								
634					
635								
636					
637							</div>
638						<!-- end of cur-text-dd-options -->
639						</div>
640					<!-- end of cur-text-dd no-symbol -->
641					
642				
643				</div>
644				<!-- end of flex flex_align-center -->
645			</div>
646			<!-- end of container -->
647		</div> 
648	<!-- end of announcement-bar -->
649	
650
651	
652
653	
654
655	
656
657
658
659
660
661<header>
662	
663    <div class="container" data-design-type="one">
664    	
665		
666			<!-- This is the nav icon that shows for the above designs -->
667			<div class="nav-trigger nav-icon-wrapper flex flex_align-center flex_justify-center">
668				<div class="icon nav-icon">
669					<span></span>
670					<span></span>
671					<span></span>
672				</div>
673			</div>
674		
675    	
676        <div class="site-logo" >
677		<a href="/"><a href="index.asp"><img src="https://files.ekmcdn.com/devereyarns/resources/design/new-logo-new-website---best.jpg" alt="Devere Yarns"/></a></a>
678        </div>
679		
680		
681		<!-- The search bar will only show in the main header for the above designs -->
682			<div class="header-search-bar  "><form name="searchbox" method="post" action="index.asp?function=search">	<input class="ekmps-search-field "  type="text" name="search" placeholder="Search..." required value="" aria-label="Search..." rel="clear"/>
683				            <ekm-search-categories></ekm-search-categories>
684				            <button class="ekmps-search-button" aria-label="Search product"><svg width="21" height="21"
685							viewBox="0 0 21 21" fill="none" xmlns="https://www.w3.org/2000/svg">
686							<path
687								d="M19.755 18.977L14.6717 13.7724C16.0017 12.0909 16.6513 9.95116 16.4866 7.79395C16.3219 5.63675 15.3554 3.62636 13.7863 2.17688C12.2172 0.727396 10.1649 -0.0508022 8.05219 0.00257495C5.93946 0.0559521 3.92717 0.936839 2.4298 2.4638C0.932422 3.99075 0.0639993 6.0475 0.00339832 8.21039C-0.0572027 10.3733 0.694633 12.4776 2.10405 14.09C3.51346 15.7023 5.47312 16.6998 7.57939 16.8771C9.68566 17.0544 11.7781 16.398 13.4258 15.043L18.5091 20.2475C18.6746 20.4164 18.8984 20.5117 19.132 20.5128C19.3057 20.5125 19.4753 20.4595 19.6197 20.3607C19.764 20.2618 19.8765 20.1215 19.9431 19.9573C20.0097 19.7931 20.0274 19.6125 19.9939 19.438C19.9604 19.2636 19.8773 19.1032 19.755 18.977ZM1.83793 8.50259C1.83793 7.19672 2.21615 5.92017 2.92475 4.83438C3.63335 3.74858 4.64051 2.90231 5.81888 2.40257C6.99724 1.90284 8.29388 1.77208 9.54482 2.02685C10.7958 2.28161 11.9448 2.91045 12.8467 3.83384C13.7486 4.75723 14.3628 5.93371 14.6116 7.21449C14.8604 8.49527 14.7327 9.82283 14.2446 11.0293C13.7565 12.2358 12.93 13.267 11.8695 13.9925C10.809 14.718 9.56217 15.1052 8.28672 15.1052C6.57704 15.103 4.93799 14.4067 3.72907 13.169C2.52014 11.9312 1.84004 10.2531 1.83793 8.50259Z"
688								fill="#111111" />
689						</svg></button></form></div>
690		
691
692        
693        <div class="header-btn-wrapper flex flex_align-center">
694		
695		
696		
697		
698		
699		
700			<!-- The wishlist button - only shows if customer login feature is active -->
701						<a href="/account/wishlist" class="header-btn" id="headerWishlist">
702							<svg width="20" height="18" viewBox="0 0 20 18" xmlns="https://www.w3.org/2000/svg">
703							<path d="M9.71578 18L8.54237 16.9439C6.85267 15.395 5.46023 14.0613 4.36506 12.9426C3.26988 11.824 2.39765 10.8227 1.74837 9.93872C1.09909 9.05476 0.645371 8.24902 0.387223 7.52151C0.129074 6.794 0 6.05476 0 5.30378C0 3.80183 0.504563 2.54237 1.51369 1.52542C2.52282 0.508475 3.77053 0 5.25684 0C6.14863 0 6.97001 0.199478 7.72099 0.598435C8.47197 0.997392 9.1369 1.58018 9.71578 2.34681C10.4042 1.53325 11.1082 0.938722 11.8279 0.563233C12.5476 0.187744 13.3299 0 14.1747 0C15.6767 0 16.9361 0.508475 17.9531 1.52542C18.97 2.54237 19.4785 3.80183 19.4785 5.30378C19.4785 6.05476 19.3494 6.79009 19.0913 7.50978C18.8331 8.22946 18.3794 9.03129 17.7301 9.91525C17.0808 10.7992 16.2047 11.8044 15.1017 12.9309C13.9987 14.0574 12.6102 15.395 10.9361 16.9439L9.71578 18ZM9.71578 15.5593C11.296 14.1043 12.5945 12.8605 13.6115 11.8279C14.6284 10.7953 15.4342 9.8957 16.0287 9.12907C16.6232 8.36245 17.0339 7.67797 17.2608 7.07562C17.4876 6.47327 17.601 5.88266 17.601 5.30378C17.601 4.30248 17.2842 3.4811 16.6506 2.83963C16.0169 2.19817 15.1995 1.87744 14.1982 1.87744C13.4159 1.87744 12.6884 2.12386 12.0156 2.61669C11.3429 3.10952 10.7953 3.80183 10.3729 4.69361H9.08214C8.67536 3.81747 8.13168 3.12907 7.45111 2.62842C6.77053 2.12777 6.03911 1.87744 5.25684 1.87744C4.27119 1.87744 3.46154 2.19817 2.8279 2.83963C2.19426 3.4811 1.87744 4.30248 1.87744 5.30378C1.87744 5.8983 1.99478 6.50065 2.22947 7.11082C2.46415 7.72099 2.87875 8.41721 3.47327 9.19948C4.0678 9.98175 4.87353 10.8814 5.89048 11.8983C6.90743 12.9153 8.18253 14.1356 9.71578 15.5593V15.5593Z"/>
704							</svg>
705						</a>
706						<style>
707							@media screen and (max-width: 949px) and (min-width: 768px) {
708								header .header-search-bar {
709									max-width: 265px !important;
710								}
711							}
712						   @media screen and (max-width: 1048px) and (min-width: 950px)  {
713							   header .header-search-bar {
714								   max-width: 450px !important;
715							   }
716						   }
717						   @media only screen and (min-width: 989px){
718								header > .container {
719								    grid-template-columns: 225px 1fr 225px;
720								}
721							}
722						   @media screen and (min-width: 1049px) {
723						   		header .header-search-bar {
724									max-width: 550px !important;
725								}
726						   }
727						</style>
728				
729			
730			
731			
732				<!-- The account login button - only shows if feature is active -->
733					<a href="/account/login" class="header-btn ">
734						<svg version="1.1" id="Capa_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 19.738 19.738" style="enable-background:new 0 0 19.738 19.738;" xml:space="preserve"> <g> <path d="M18.18,19.738h-2c0-3.374-2.83-6.118-6.311-6.118s-6.31,2.745-6.31,6.118h-2 c0-4.478,3.729-8.118,8.311-8.118C14.451,11.62,18.18,15.26,18.18,19.738z" /> <path d="M9.87,10.97c-3.023,0-5.484-2.462-5.484-5.485C4.385,2.461,6.846,0,9.87,0 c3.025,0,5.486,2.46,5.486,5.485S12.895,10.97,9.87,10.97z M9.87,2C7.948,2,6.385,3.563,6.385,5.485S7.948,8.97,9.87,8.97 c1.923,0,3.486-1.563,3.486-3.485S11.791,2,9.87,2z" /> </g> </svg>
735					</a>
736				
737
738 	<div class="header-btn cart-btn flex flex_align-center flex_justify-center cart-trigger">
739	    <svg xmlns="https://www.w3.org/2000/svg" width="21.429" height="19.949" viewBox="0 0 21.429 19.949"> <path class="a" d="M16.38,14.984a2.483,2.483,0,1,1-2.513,2.482A2.52,2.52,0,0,1,16.38,14.984Zm-8,0a2.483,2.483,0,1,1-2.513,2.482A2.52,2.52,0,0,1,8.384,14.984Zm8,1.58a.9.9,0,1,0,.914.9A.9.9,0,0,0,16.38,16.564Zm-8,0a.9.9,0,1,0,.914.9A.9.9,0,0,0,8.384,16.564ZM2.924,0A1.257,1.257,0,0,1,4.089.835V.88l.685,2.527H20.333a1.085,1.085,0,0,1,1.074,1.309v.045l-2.193,8.192a1.218,1.218,0,0,1-1.119.88H6.625A1.227,1.227,0,0,1,5.46,13l-.023-.045L2.444,1.805H0V0ZM19.373,5.213H5.255l1.828,6.815H17.568Z" /> </svg>
740		
741			<!--ekm:tag:minicart:onaddtocartcallback() ekm:tag:minicart:onaddtocarterrorcallback() ekm:tag:minicart:maxcharacters(50) ekm:tag:minicart:imageheight(50) ekm:tag:minicart:imagewidth(50) ekm:tag:minicart:output_remove_product() ekm:tag:minicart:output_content:start() --><!--ekm:tag:minicart:output_content:end()--><p class="trade-login-hide"><span id="ekm_minicart_total_sub">£0.00</span></p>
742			
743				<!--ekm:tag:minicart:onaddtocartcallback() ekm:tag:minicart:onaddtocarterrorcallback() ekm:tag:minicart:maxcharacters(50) ekm:tag:minicart:imageheight(50) ekm:tag:minicart:imagewidth(50) ekm:tag:minicart:output_remove_product() ekm:tag:minicart:output_content:start() --><!--ekm:tag:minicart:output_content:end()--><span id="ekm_minicart_item_count_message" data-cart-empty="" data-cart-one-item="&lt;span class=&quot;cart-btn-item-count&quot;&gt;&lt;span id=&quot;ekm_minicart_item_count&quot;&gt;0&lt;/span&gt;&lt;/span&gt;&lt;!-- /.cart-btn-item-count --&gt;" data-cart-many-items="&lt;span class=&quot;cart-btn-item-count&quot;&gt;&lt;span id=&quot;ekm_minicart_item_count&quot;&gt;0&lt;/span&gt;&lt;/span&gt;&lt;!-- /.cart-btn-item-count --&gt;" data-item-count-type="item"></span>
744		
745    </div>
746            
747            <div class="minicart-popout trade-login-hide">
748	
749		<!--ekm:tag:minicart:onaddtocartcallback() ekm:tag:minicart:onaddtocarterrorcallback() ekm:tag:minicart:maxcharacters(50) ekm:tag:minicart:imageheight(50) ekm:tag:minicart:imagewidth(50) ekm:tag:minicart:output_remove_product() ekm:tag:minicart:output_content:start() --><!--ekm:tag:minicart:output_content:end()-->
750		<div class="minicart-header">
751			<p>My Cart - <span id="ekm_minicart_item_count">0</span> Item(s)</p>
752		</div>
753		
754	
755	
756		
757		
758			<div class="minicart-item-wrapper">
759		<!--ekm:tag:minicart:onaddtocartcallback(cartAddedFunction) ekm:tag:minicart:onaddtocarterrorcallback() ekm:tag:minicart:maxcharacters(15) ekm:tag:minicart:imageheight(100) ekm:tag:minicart:imagewidth(100) ekm:tag:minicart:output_remove_product() ekm:tag:minicart:output_content:start(
760			&lt;div class=&quot;
760minicart-grid&quot;&gt;
761				&lt;div style=&quot;text-align: center;&quot;&gt;[product_image]&lt;/div&gt;
762				&lt;div&gt;
763					&lt;p&gt;[product_name_link]&lt;/p&gt;
764					&lt;p&gt;Quantity: [product_qty]&lt;/p&gt;
765					&lt;p&gt;[product_price]&lt;/p&gt;
766				&lt;/div&gt;
767			&lt;/div&gt;
768		) --><!--ekm:tag:minicart:output_content:end()-->
769			</div>
770			<div class="minicart-product-urgency minicart-product-urgency-free-delivery">
771				
772			</div>
773		
774		<div class="minicart-total minicart-total_extra discount flex flex_align-center flex_space-between">
775			<p>Discounts: </p> 
776			<p>-<span id="ekm_minicart_total_discount">£0.00</span></p>
777		</div>			
778		<div class="minicart-total minicart-total_extra tax flex flex_align-center flex_space-between">
779			<p>Tax: </p> 
780			<p><span id="ekm_minicart_total_tax">£0.00</span></p>
781		</div>		
782		<div class="minicart-total minicart-total_extra delivery flex flex_align-center flex_space-between">
783			<p>Delivery: </p> 
784			<p><span id="ekm_minicart_total_delivery">£0.00</span></p>
785		</div>		
786		<div class="minicart-total flex flex_align-center flex_space-between">
787			<p>Total: </p> 
788			<p><span id="ekm_minicart_total">£0.00</span></p>
789		</div>
790		<div class="minicart-footer flex ">
791			<span class="view-cart"><a href="index.asp?function=CART">View Cart</a></span>
792			<span class="checkout"><a href="https://www.devereyarns.co.uk/index.asp?function=CHECKOUT&uid=A501242B-4174-4736-819A-FAB4A92E2018">Checkout</a></span>
793		</div>
794		
795
796</div>
797            
798        </div>
799    </div>
800    
801   
802</header>
803
804
805<nav class="main_nav  
806"
807	
808			data-mode="main-nav-showing"
809	
810>
811<div class="container" >
812	 
813	
814	
815			<ul class="
816			primary-nav 
817			flex 
818			
819				flex_justify-center
820			
821			no-images
822			">
823		
824
825		<li  class="flex has-children  "
826			>
827
828		
829
830		
831						
832			
833				
834			
835		
836		
837		<div class="flex flex_align-center flex_space-between">
838		
839		
840		
841			<p>Embroidery Threads</p>
842			
843
844				<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg">
845				<path d="M4.9892 6C4.90281 6 4.81642 5.98127 4.73002 5.94382C4.64363 5.90637 4.55724 5.85019 4.47084 5.77528L0.215983 1.34831C0.0719942 1.1985 0 1.01124 0 0.786517C0 0.561798 0.0719942 0.374532 0.215983 0.224719C0.359971 0.0749064 0.532757 0 0.734341 0C0.935925 0 1.10871 0.0749064 1.2527 0.224719L4.9892 4.11236L8.7257 0.224719C8.86969 0.0749064 9.04608 0 9.25486 0C9.46364 0 9.64003 0.0749064 9.78402 0.224719C9.92801 0.374532 10 0.558053 10 0.775281C10 0.992509 9.92801 1.17603 9.78402 1.32584L5.50756 5.77528C5.42117 5.85019 5.33837 5.90637 5.25918 5.94382C5.17999 5.98127 5.08999 6 4.9892 6Z" />
846				</svg>
847
848		 
849		</div>
850		
851		<div class="subnav-grid-wrapper" data-nav-level="1">
852		<div class="container">
853			<div class="subnav-grid_mobile-menu" >
854				<p class="close_subcat"> 
855					<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="https://www.w3.org/2000/svg"> <path d="M1.00021 -0.000406694C1.26541 -0.00035008 1.51972 0.105044 1.70721 0.292593L6.70721 5.29259C6.89468 5.48012 7 5.73443 7 5.99959C7 6.26476 6.89468 6.51906 6.70721 6.70659L1.70721 11.7066C1.51861 11.8888 1.26601 11.9895 1.00381 11.9873C0.741616 11.985 0.490803 11.8798 0.305395 11.6944C0.119987 11.509 0.0148177 11.2582 0.0125393 10.996C0.0102609 10.7338 0.111056 10.4812 0.293214 10.2926L4.58621 5.99959L0.293213 1.70659C0.153403 1.56674 0.0581966 1.38858 0.019629 1.19462C-0.0189386 1.00067 0.000864683 0.799639 0.0765347 0.616939C0.152205 0.434239 0.280344 0.278076 0.444754 0.168192C0.609164 0.0583072 0.802462 -0.000364453 1.00021 -0.000406694Z" fill="black" /> </svg>
856 					<span>Back</span></p>
857				<p class="prev-cat-name">Embroidery Threads</p>
858			</div>
859			<ul class="subnav-grid">
860			
861		<li >
862		
863		
864		
865		
866		<!-- Outputs a standard link if there is no sub categories at level 1 -->
867		<a href="embroidery-thread---silk-42-c.asp">Embroidery Thread - Silk</a>
868		
869		
870		
871
872		
873		</li>
874		
875		
876		<li >
877		
878		
879		
880		
881		<!-- Outputs a standard link if there is no sub categories at level 1 -->
882		<a href="embroidery-thread---cotton-64-c.asp">Embroidery Thread - Cotton</a>
883		
884		
885		
886
887		
888		</li>
889		
890		
891		<li >
892		
893		
894		
895		
896		<!-- Outputs a standard link if there is no sub categories at level 1 -->
897		<a href="embroidery-thread---worsted-wool-24-c.asp">Embroidery Thread - Worsted Wool</a>
898		
899		
900		
901
902		
903		</li>
904		
905		
906		<li >
907		
908		
909		
910		
911		<!-- Outputs a standard link if there is no sub categories at level 1 -->
912		<a href="embroidery-thread---metallic-32-c.asp">Embroidery Thread - Metallic</a>
913		
914		
915		
916
917		
918		</li>
919		
920		
921		<li >
922		
923		
924		
925		
926		<!-- Outputs a standard link if there is no sub categories at level 1 -->
927		<a href="chenille-90-c.asp">Chenille</a>
928		
929		
930		
931
932		
933		</li>
934		
935		
936			<li>
937				<a href="embroidery-threads-124-c.asp" title="[name]">
938				
939					
940				
941				View all Embroidery Threads
942				
943				</a>
944			</li>
945			
946		</ul>
947		</div>
948	</div>
949	<!-- end of subnav-grid-wrapper -->
950	
951		</li>
952		
953
954		<li >
955
956		
957
958		
959			
960				<a href="shade-cards--quality-card-28-c.asp" title="Shade Cards & Quality Card">
961					
962				</a>
963						
964			
965		
966		
967		<div class="flex flex_align-center flex_space-between">
968		
969			
970			<a href="shade-cards--quality-card-28-c.asp" title="Shade Cards & Quality Card">Shade Cards & Quality Card</a>
971			
972		
973		
974		</div>
975		
976		</li>
977		
978
979		<li  class="flex has-children  "
980			>
981
982		
983
984		
985						
986			
987				
988			
989		
990		
991		<div class="flex flex_align-center flex_space-between">
992		
993		
994		
995			<p>Colour Packs</p>
996			
997
998				<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg">
999				<path d="M4.9892 6C4.90281 6 4.81642 5.98127 4.73002 5.94382C4.64363 5.90637 4.55724 5.85019 4.47084 5.77528L0.215983 1.34831C0.0719942 1.1985 0 1.01124 0 0.786517C0 0.561798 0.0719942 0.374532 0.215983 0.224719C0.359971 0.0749064 0.532757 0 0.734341 0C0.935925 0 1.10871 0.0749064 1.2527 0.224719L4.9892 4.11236L8.7257 0.224719C8.86969 0.0749064 9.04608 0 9.25486 0C9.46364 0 9.64003 0.0749064 9.78402 0.224719C9.92801 0.374532 10 0.558053 10 0.775281C10 0.992509 9.92801 1.17603 9.78402 1.32584L5.50756 5.77528C5.42117 5.85019 5.33837 5.90637 5.25918 5.94382C5.17999 5.98127 5.08999 6 4.9892 6Z" />
1000				</svg>
1001
1002		 
1003		</div>
1004		
1005		<div class="subnav-grid-wrapper" data-nav-level="1">
1006		<div class="container">
1007			<div class="subnav-grid_mobile-menu" >
1008				<p class="close_subcat"> 
1009					<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="https://www.w3.org/2000/svg"> <path d="M1.00021 -0.000406694C1.26541 -0.00035008 1.51972 0.105044 1.70721 0.292593L6.70721 5.29259C6.89468 5.48012 7 5.73443 7 5.99959C7 6.26476 6.89468 6.51906 6.70721 6.70659L1.70721 11.7066C1.51861 11.8888 1.26601 11.9895 1.00381 11.9873C0.741616 11.985 0.490803 11.8798 0.305395 11.6944C0.119987 11.509 0.0148177 11.2582 0.0125393 10.996C0.0102609 10.7338 0.111056 10.4812 0.293214 10.2926L4.58621 5.99959L0.293213 1.70659C0.153403 1.56674 0.0581966 1.38858 0.019629 1.19462C-0.0189386 1.00067 0.000864683 0.799639 0.0765347 0.616939C0.152205 0.434239 0.280344 0.278076 0.444754 0.168192C0.609164 0.0583072 0.802462 -0.000364453 1.00021 -0.000406694Z" fill="black" /> </svg>
1010 					<span>Back</span></p>
1011				<p class="prev-cat-name">Colour Packs</p>
1012			</div>
1013			<ul class="subnav-grid">
1014			
1015		<li >
1016		
1017		
1018		
1019		
1020		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1021		<a href="collecting-all-sorts-colour-packs-127-c.asp">'Collecting All sorts' Colour Packs</a>
1022		
1023		
1024		
1025
1026		
1027		</li>
1028		
1029		
1030		<li >
1031		
1032		
1033		
1034		
1035		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1036		<a href="6-thread-silk-colour-packs-96-c.asp">6 Thread Silk Colour packs</a>
1037		
1038		
1039		
1040
1041		
1042		</li>
1043		
1044		
1045		<li >
1046		
1047		
1048		
1049		
1050		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1051		<a href="shop-shade-card-colour-packs-by-row-173-c.asp">Shop: Shade card colour packs by row</a>
1052		
1053		
1054		
1055
1056		
1057		</li>
1058		
1059		
1060		<li >
1061		
1062		
1063		
1064		
1065		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1066		<a href="worsted-wool-colour-packs-145-c.asp">Worsted Wool colour packs</a>
1067		
1068		
1069		
1070
1071		
1072		</li>
1073		
1074		
1075			<li>
1076				<a href="colour-packs-120-c.asp" title="[name]">
1077				
1078					
1079				
1080				View all Colour Packs
1081				
1082				</a>
1083			</li>
1084			
1085		</ul>
1086		</div>
1087	</div>
1088	<!-- end of subnav-grid-wrapper -->
1089	
1090		</li>
1091		
1092
1093		<li  class="flex has-children  "
1094			>
1095
1096		
1097
1098		
1099						
1100			
1101				
1102			
1103		
1104		
1105		<div class="flex flex_align-center flex_space-between">
1106		
1107		
1108		
1109			<p>Weaving Yarns</p>
1110			
1111
1112				<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg">
1113				<path d="M4.9892 6C4.90281 6 4.81642 5.98127 4.73002 5.94382C4.64363 5.90637 4.55724 5.85019 4.47084 5.77528L0.215983 1.34831C0.0719942 1.1985 0 1.01124 0 0.786517C0 0.561798 0.0719942 0.374532 0.215983 0.224719C0.359971 0.0749064 0.532757 0 0.734341 0C0.935925 0 1.10871 0.0749064 1.2527 0.224719L4.9892 4.11236L8.7257 0.224719C8.86969 0.0749064 9.04608 0 9.25486 0C9.46364 0 9.64003 0.0749064 9.78402 0.224719C9.92801 0.374532 10 0.558053 10 0.775281C10 0.992509 9.92801 1.17603 9.78402 1.32584L5.50756 5.77528C5.42117 5.85019 5.33837 5.90637 5.25918 5.94382C5.17999 5.98127 5.08999 6 4.9892 6Z" />
1114				</svg>
1115
1116		 
1117		</div>
1118		
1119		<div class="subnav-grid-wrapper" data-nav-level="1">
1120		<div class="container">
1121			<div class="subnav-grid_mobile-menu" >
1122				<p class="close_subcat"> 
1123					<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="https://www.w3.org/2000/svg"> <path d="M1.00021 -0.000406694C1.26541 -0.00035008 1.51972 0.105044 1.70721 0.292593L6.70721 5.29259C6.89468 5.48012 7 5.73443 7 5.99959C7 6.26476 6.89468 6.51906 6.70721 6.70659L1.70721 11.7066C1.51861 11.8888 1.26601 11.9895 1.00381 11.9873C0.741616 11.985 0.490803 11.8798 0.305395 11.6944C0.119987 11.509 0.0148177 11.2582 0.0125393 10.996C0.0102609 10.7338 0.111056 10.4812 0.293214 10.2926L4.58621 5.99959L0.293213 1.70659C0.153403 1.56674 0.0581966 1.38858 0.019629 1.19462C-0.0189386 1.00067 0.000864683 0.799639 0.0765347 0.616939C0.152205 0.434239 0.280344 0.278076 0.444754 0.168192C0.609164 0.0583072 0.802462 -0.000364453 1.00021 -0.000406694Z" fill="black" /> </svg>
1124 					<span>Back</span></p>
1125				<p class="prev-cat-name">Weaving Yarns</p>
1126			</div>
1127			<ul class="subnav-grid">
1128			
1129		<li >
1130		
1131		
1132		
1133		
1134		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1135		<a href="isacord-126-c.asp">ISACORD</a>
1136		
1137		
1138		
1139
1140		
1141		</li>
1142		
1143		
1144		<li >
1145		
1146		
1147		
1148		
1149		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1150		<a href="silk-18-c.asp">Silk</a>
1151		
1152		
1153		
1154
1155		
1156		</li>
1157		
1158		
1159		<li >
1160		
1161		
1162		
1163		
1164		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1165		<a href="wool--worsted-wool-22-c.asp">Wool & Worsted Wool</a>
1166		
1167		
1168		
1169
1170		
1171		</li>
1172		
1173		
1174		<li >
1175		
1176		
1177		
1178		
1179		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1180		<a href="cottons-19-c.asp">Cottons</a>
1181		
1182		
1183		
1184
1185		
1186		</li>
1187		
1188		
1189		<li >
1190		
1191		
1192		
1193		
1194		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1195		<a href="chenille-90-c.asp">Chenille</a>
1196		
1197		
1198		
1199
1200		
1201		</li>
1202		
1203		
1204		<li >
1205		
1206		
1207		
1208		
1209		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1210		<a href="linen-viscose-flax-21-c.asp">Linen, Viscose, Flax</a>
1211		
1212		
1213		
1214
1215		
1216		</li>
1217		
1218		
1219		<li >
1220		
1221		
1222		
1223		
1224		<!-- Outputs a standard link if there is no sub categories at level 1 -->
1225		<a href="metallic-yarns-23-c.asp">Metallic yarns</a>
1226		
1227		
1228		
1229
1230		
1231		</li>
1232		
1233		
1234			<li>
1235				<a href="weaving-yarns-2-c.asp" title="[name]">
1236				
1237					
1238				
1239				View all Weaving Yarns
1240				
1241				</a>
1242			</li>
1243			
1244		</ul>
1245		</div>
1246	</div>
1247	<!-- end of subnav-grid-wrapper -->
1248	
1249		</li>
1250		
1251
1252		<li >
1253
1254		
1255
1256		
1257			
1258				<a href="silk-craft-fibres--supplies-31-c.asp" title="Silk Craft Fibres & Supplies">
1259					
1260				</a>
1261						
1262			
1263		
1264		
1265		<div class="flex flex_align-center flex_space-between">
1266		
1267			
1268			<a href="silk-craft-fibres--supplies-31-c.asp" title="Silk Craft Fibres & Supplies">Silk Craft Fibres & Supplies</a>
1269			
1270		
1271		
1272		</div>
1273		
1274		</li>
1275		
1276
1277		<li >
1278
1279		
1280
1281		
1282			
1283				<a href="digital-gift-cards-169-c.asp" title="Digital Gift Cards">
1284					
1285				</a>
1286						
1287			
1288		
1289		
1290		<div class="flex flex_align-center flex_space-between">
1291		
1292			
1293			<a href="digital-gift-cards-169-c.asp" title="Digital Gift Cards">Digital Gift Cards</a>
1294			
1295		
1296		
1297		</div>
1298		
1299		</li>
1300		
1301
1302		<li >
1303
1304		
1305
1306		
1307			
1308				<a href="protective-cop-sleeving-171-c.asp" title="Protective cop sleeving">
1309					
1310				</a>
1311						
1312			
1313		
1314		
1315		<div class="flex flex_align-center flex_space-between">
1316		
1317			
1318			<a href="protective-cop-sleeving-171-c.asp" title="Protective cop sleeving">Protective cop sleeving</a>
1319			
1320		
1321		
1322		</div>
1323		
1324		</li>
1325		
1326
1327		<li >
1328
1329		
1330
1331		
1332			
1333				<a href="william-folliott-book-172-c.asp" title="William Folliott book">
1334					
1335				</a>
1336						
1337			
1338		
1339		
1340		<div class="flex flex_align-center flex_space-between">
1341		
1342			
1343			<a href="william-folliott-book-172-c.asp" title="William Folliott book">William Folliott book</a>
1344			
1345		
1346		
1347		</div>
1348		
1349		</li>
1350		
1351		
1352
1353		
1354		</ul>
1355	<!--<div class="more" >More</div>-->
1356	
1357</div>
1358
1359<!-- 
1360	NONE MEGA MENU - TOP LEVEL CATGEGORIES ARE IN THE DROP DOWN MENU ON DESKTOP
1361 -->
1362	
1363</nav>	
1364
1365	
1365<script>
1366	const primary_nav_list_item = document.querySelectorAll('.primary-nav > li.has-children')
1367	primary_nav_list_item.forEach(list_item => {
1368		list_item.classList.add("no-images");
1369		list_item.querySelector('.subnav-grid-wrapper').classList.add("no-images");
1370	})
1371	</script>
1371
1372
1373
1374</ekm-section>
1375<div class="shopui ekm-account-login">
1376
1377	<div class="shopui-grid shopui-grid--flex shopui-grid--stretch shopui-grid--no-rows">
1378		<div class="shopui-grid__column shopui-grid__column--span-8 shopui-xs-grid__column--span-12 ekm-account-login__login">
1379
1380			
1381
1382			
1383					<section class="shopui-section shopui-section--login-split">
1384						<header class="shopui-section__header">
1385							<div class="shopui-section__title">Login</div>
1386							<div class="shopui-section__description">View your recent orders and update your details.</div>
1387						</header><!-- .shopui-section__header -->
1388						<div class="shopui-section__content">
1389				<form method="post" action="https://www.devereyarns.co.uk/index.asp?function=CUSTOMERUSERLOGIN&uid=B5026AFE%2D3379%2D470D%2DAB35%2D3AEC54D1380B"><input type="hidden" name="rt" value="index.asp?function=ACCOUNT" />
1390
1391					<div class="shopui-form-row shopui-form-row--stacked">
1392						<div class="shopui-form-row__details">
1393							<label for="email" class="shopui-label">Email Address</label>
1394						</div><!-- .shopui-form-row__details -->
1395						<div class="shopui-form-row__field">
1396							<div class="shopui-validation">
1397								<input type="email" id="email" name="email" required class="shopui-text-field" placeholder="Example: [email protected]">
1398							</div><!-- .shopui-validation -->
1399						</div><!-- .shopui-form-row__field -->
1400					</div><!-- .shopui-form-row -->
1401
1402					<div class="shopui-form-row shopui-form-row--stacked">
1403						<div class="shopui-form-row__details">
1404							<label for="password" class="shopui-label">Password</label>
1405						</div><!-- .shopui-form-row__details -->
1406						<div class="shopui-form-row__field">
1407							<div class="shopui-validation">
1408								<span class="shopui-password-field">
1409									<input type="password" id="password" name="password" class="shopui-text-field shopui-password-field__field shopui-password-field__field--password" autocomplete="off">
1410									<input type="text" class="shopui-text-field shopui-password-field__field shopui-password-field__field--text">
1411									<a href="#" class="shopui-password-field__button" data-hide-text="Hide Password" data-show-text="Show Password"></a>
1412								</span>
1413							</div><!-- .shopui-validation -->
1414						</div><!-- .shopui-form-row__field -->
1415					</div><!-- .shopui-form-row -->
1416
1417					<div class="shopui-button-row">
1418						<button type="submit" class="shopui-button shopui-button--primary">Log In</button>
1419
1420						<div class="u-margin-top--small u-text-align--center u-font-size--small">
1421							<a href="index.asp?function=ACCOUNTFORGOTPASSWORD">Forgot password?</a>
1422						</div>
1423
1424					</div><!-- .shopui-button-row -->
1425				</form>
1426						</div><!-- .shopui-section__content -->
1427					</section><!-- .shopui-section -->
1428				
1429		</div><!-- .shopui-grid__column -->
1430
1431		<div class="shopui-grid__column shopui-grid__column--span-4 shopui-xs-grid__column--span-12 ekm-account-login__create">
1432			<section class="shopui-section shopui-section--login-split u-height--full u-display--flex u-justify-content--center u-flex-direction--column u-text-align--center">
1433				<header class="shopui-section__header">
1434					<div class="shopui-section__title">Need an account?</div>
1435					<div class="shopui-section__description">Manage your orders and details.</div>
1436				</header><!-- .shopui-section__header -->
1437				<div class="shopui-section__content">
1438					<a href="index.asp?function=ACCOUNTCREATE">Create Account</a>
1439				</div><!-- .shopui-section__content -->
1440			</section><!-- .shopui-section -->
1441		</div><!-- .shopui-grid__column -->
1442	</div><!-- .shopui-grid -->
1443
1444</div><!-- .shopui -->
1445<ekm-section data-type="footer">
1446	
1447	
1448	<style>
1449	    :root{
1450    		--footer_bg: #3b6072;
1451    		--footer_text: #FFFFFF;
1452    		--footer_link: #FFFFFF;
1453    		--webpages_background: #049aff;
1454            --copyright_background: #34515f;
1455            --copyright_text: #FFFFFF;
1456	    }
1457	
1458		footer{
1459			
1460            
1461            
1462		}
1463		.background_image{
1464			background-image: url(  );
1465			background-repeat: no-repeat;
1466		    background-position: center center;
1467		    
1468		        background-size: auto;
1469		    
1470		    
1471		    
1472		}
1473		.copyright-bar{
1474			padding: 15px 0px;
1475			background-color: var(--copyright_background);
1476			color: var(--copyright_text);
1477			text-align: center;
1478			font-size: 1.4rem;
1479		}
1480		.copyright-bar .container{
1481			display: grid;
1482			grid-template-columns: 1fr;
1483    		gap: 15px;
1484    		padding: 0px 20px;
1485		}
1486		.copyright-block-cards{
1487			order: 1;
1488		}
1489		.copyright-block-company{
1490			order: 2;
1491		}
1492		.copyright-block-sitename{
1493			order: 3;
1494		}
1495		.copyright-bar a{
1496			color: inherit;
1497			font-size: inherit;
1498			text-decoration: underline;
1499		}
1500		.copyright-bar span {
1501		    font-size: inherit;
1502		}
1503		.copyright-block-sitename span, .copyright-block-company span{
1504			font-size: inherit;
1505			margin-left: 2px;
1506			text-align: left;
1507		}
1508		.copyright-block-sitename {
1509    		font-size: 1.4rem;
1510		}
1511		.copyright-block-company, .copyright-block-cards, .copyright-block-sitename {
1512			justify-content: left;
1513		}
1514		
1515		.copyright-block-sitename {
1516    		flex-wrap: wrap;
1517		}
1518		
1519		span.ekmps-vat-number, span.ekmps-company-number{
1520			display: inline-block;
1521			margin: 0px;
1522			
1523				margin: 10px 3px 0 3px;
1524			
1525			font-size: 1.4rem;
1526		}
1527		.dash {
1528		    margin: 0px 5px;
1529		}
1530		.ekm-card-logos-image {
1531		    height: 30px;
1532		    width: auto;
1533		}
1534		
1535        footer > .container {
1536        	
1537                padding-top: 0px;
1538                padding-bottom: 0px;
1539            
1540            
1541            
1542            
1543        }
1544		footer .footer-block ul {
1545	        
1546        }
1547		.footer-block--social {
1548			    display: grid;
1549			    justify-content: flex-start;
1550		}
1551		.footer-block--webpages {
1552            
1553            
1554		}
1555        .footer-block--webpages .container {
1556            
1557        }
1558        .footer-block--address {
1559	        display: grid;
1560	        justify-content: flex-start;
1561	        text-align: left;
1562        }
1563		.footer-block--webpages ul li {
1564			display: flex;
1565		    flex-direction: column;
1566		}
1567		.footer-contact > li {
1568		    	display: flex;
1569			    flex-direction: row;
1570		}
1571		footer .footer-block--address ul {
1572		    justify-content: left;
1573		    margin-top: 15px;
1574		    gap: 0px;
1575		}
1576		footer .footer-block h4 {
1577            
1578		}
1579		.accordian-title svg {
1580		    height: 18px;
1581		    width: 18px;
1582		    margin-left: 5px;
1583		    fill: #fff;
1584		    align-self: center;
1585		}
1586		.is-accordian {
1587		    display: flex !important;
1588		    flex-direction: column;
1589		    gap: 5px;
1590		}
1591	    .accordian-title{
1592			display: flex;
1593		    cursor: pointer;
1594		    justify-content: space-between;
1595		    padding: 10px 0px;
1596		    border-top: solid 2px #2F3643;
1597		    border-bottom: solid 2px #2F3643;
1598            
1599	    }
1600		.footer-block--logo img{
1601			max-width: 150px;
1602		}
1603		.footer-block--logo {
1604		    justify-content: flex-start;
1605		}
1606		.slider_wrapper {
1607			transition:height 1s ease-out;
1608			height:0;
1609			overflow:hidden;
1610		}
1611		.is-accordian.flex.flex-wrap > li:first-child {
1612    		
1613		}
1614		@media only screen and (min-width: 768px) {
1615			footer > .container {
1616				gap: 40px;
1617				
1618	            
1619				
1620			}
1621			.footer-block--social {
1622				display: grid;
1623				
1624	            
1625			    
1626			}
1627			.footer-block--webpages {
1628	            
1629			}
1630			.footer-block--address{
1631				display: grid;
1632			    justify-content: center;
1633			    text-align: center;
1634			}
1635			footer .footer-block h4 {
1636	            
1637			}
1638			.footer-block--logo img{
1639				max-width: 150px;
1640			}
1641			.footer-block--logo {
1642		    	justify-content: center;
1643			}
1644			.copyright-bar .container{
1645				grid-template-columns: 1fr 1fr 1fr;
1646	            
1647	                grid-template-columns: 1fr 1fr;
1648	            
1649				gap: 20px;
1650			}
1651			.copyright-block-sitename {
1652	    		justify-content: center;
1653	    		order: 2;
1654	    		
1655					justify-content: flex-start;
1656					order: 1;
1657			    
1658			}
1659			.copyright-block-cards{
1660				justify-content: flex-end;
1661				order: 3;
1662			}
1663			.copyright-block-company{
1664				justify-content: flex-start;
1665				
1666					justify-content: flex-end;
1667			    
1668				order: 2;
1669			}
1670			.is-accordian {
1671			    display: flex !important;
1672			}
1673	    	.is-accordian.active {
1674			    display: none !important;
1675			}
1676			.accordian-title {
1677				cursor: inherit;
1678			    padding: 0px;
1679			    border-top: none;
1680			    border-bottom: none;
1681	            
1682			}
1683			.accordian-title svg{
1684				display: none;
1685			}
1686			footer .footer-block--address ul {
1687			    justify-content: center;
1688			}
1689			.is-accordian {
1690				flex-direction: row;
1691			}
1692			.slider_wrapper {
1693				transition:height 1s ease-out;
1694				height:auto !important;
1695				/*This overrides any height added by JS*/
1696				overflow:initial;
1697			}
1698			.is-accordian.flex.flex-wrap > li:first-child {
1699	    		
1700			}
1701		}
1702		@media only screen and (min-width: 500px){
1703			.useful-links.two_cols{
1704				columns: 2;
1705				column-gap: 20px;
1706			}
1707		}
1708        .recently-viewed-products h2{
1709            margin-bottom: 20px;    
1710        }
1711        .recently-viewed-products{
1712            padding: 40px 0;
1713        }
1714        .recently-viewed-products {
1715            background-color: #f5f5f5;
1716        }
1717        .recently-viewed-products h2{
1718            color: #333333;
1719        }
1720        .recently-viewed-products h2{
1721            margin-bottom: 20px;
1722        }
1723	</style>
1724	
1725	
1726		
1727
1728	
1729
1730
1731	<footer  >
1732		<div class="container " >
1733			<div class="footer-block" >
1734				<h4>Useful Links</h4>
1735				<ul class="useful-links" ><li><a href="index.asp">Home</a></li><li><a href="about-us-1-w.asp">About Us</a></li><li><a href="http://www.devereyarns.co.uk/blog">Blog</a></li><li><a href="contact-us-2-w.asp">Contact Us</a></li><li><a href="privacy-policy-3-w.asp">Privacy Policy</a></li><li><a href="customer-information-4-w.asp">Customer Information</a></li>
1736				    <li><a href="/terms.asp">Terms & Conditions</a></li>
1737				    <li><a href="/privacy.asp">Privacy</a></li>
1738				    <li><a href="/sitemap.asp">Sitemap</a></li>
1739				    </ul><!-- #extra-page-menu -->
1740			</div>
1741			
1742					<div class="footer-block" >
1743						<h4>Stay Connected </h4>
1744						<div><div style="padding:3px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align: middle;"><a href="https://www.facebook.com/devere.yarns.31" target="_blank"><img src="https://1.cdn.ekm.net/ekmps/assets/images/features/social/link/White/Medium/facebook.svg"height="32px" width="32px" alt="Facebook" /></a></div><div style="padding:3px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align: middle;"><a href="https://www.instagram.com/devereyarns" target="_blank"><img src="https://1.cdn.ekm.net/ekmps/assets/images/features/social/link/White/Medium/instagram.svg"height="32px" width="32px" alt="Instagram" /></a></div><div style="padding:3px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align: middle;"><a href="https://www.twitter.com/DeVereYarns" target="_blank"><img src="https://1.cdn.ekm.net/ekmps/assets/images/features/social/link/White/Medium/twitter.svg?v=3"height="32px" width="32px" alt="Twitter" /></a></div><div style="padding:3px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align: middle;"><a href="https://www.pinterest.com/[email protected]" target="_blank"><img src="https://1.cdn.ekm.net/ekmps/assets/images/features/social/link/White/Medium/pinterest.svg"height="32px" width="32px" alt="Pinterest" /></a></div></div>
1745					</div>
1746				
1747			
1748			
1749				<div class="footer-block"  style="display: none"  >
1750					<h4>Delivery</h4>
1751					<p class="flex flex_space-between" ><span>Royal Mail 2nd Class</span><span>£3.99</span></p>
1752					<p class="flex flex_space-between" ><span>Royal Mail 1st Class Tracked</span><span>£6.99</span></p>
1753					<p class="flex flex_space-between" ><span>Royal Mail Tracked & Signed</span><span>£9.99</span></p>
1754					<p class="flex flex_space-between" ><span>Royal Mail 2nd Class</span><span>£3.99</span></p>
1755				</div>
1756			
1757			
1758				<div class="footer-block" >
1759					<h4>Get In Touch</h4>
1760					<p><p><strong>Email:</strong> [email protected]<br><strong>Telephone:</strong> 01787 237237<br><br>DeVere Yarns, Weavers House<br>Hyde Wood Road, Little Yeldham<br>Halstead, Essex, CO9 4QX</p></p>
1761				</div>			
1762			
1763			<div class="footer-block" >
1764				
1765					
1766				
1767			
1768				
1769			
1770					<h4>We Accept</h4>
1771					<style type="text/css">.ekm-card-logos-image {padding:2px;}</style><span style="display:block;"><img class="ekm-card-logos-image" src="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/visa.png" srcset="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with Visa" width="50" height="30" /><img class="ekm-card-logos-image" src="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/visa-electron.png" srcset="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with Visa Electron" width="50" height="30" /><img class="ekm-card-logos-image" src="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/mastercard.png" srcset="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with Mastercard" width="50" height="30" /><img class="ekm-card-logos-image" src="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/maestro.png" srcset="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with Maestro" width="50" height="30" /><img class="ekm-card-logos-image" src="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/jcb.png" srcset="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with JCB" width="50" height="30" /><img class="ekm-card-logos-image" src="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/paypal.png" srcset="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with PayPal" width="50" height="30" /><img class="ekm-card-logos-image" src="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/american-express.png" srcset="https://1.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with American Express" width="50" height="30" /></span>
1772				
1773			</div>
1774		
1775		</div>
1776	</footer>
1777	    <div class="copyright-bar">
1778	        <div class="container">
1779	            <div class="copyright-block-company flex flex_align-center">
1780	                <div>
1781	                        
1782	                          <span class="ekmps-vat-number">VAT Number: <span>524 6825 80</span></span><!-- /.ekmps-vat-number -->
1783	                        
1784	                        
1785	                          <span class="ekmps-company-number">Registered company: <span>02952518</span></span><!-- /.ekmps-company-number -->
1786	                        
1787	                    </div>
1788	             </div>
1789	        
1790	            <div class="copyright-block-sitename flex flex_align-center">
1791                    
1792                        &copy; Copyright 2008-2026 Devere Fabrics Ltd All rights reserved<br>
1793                    
1794	            </div>
1795	        </div>
1796	    </div>	
1797
1798
1799
1800
1801
1802
1803
1804
1805
1806	
1807	<style>
1808		.newsletter-notification{
1809			position: fixed;
1810			z-index: 99;
1811			bottom: 0;
1812			right: 0;
1813			background-color: #eee;
1814			padding: 20px;
1815			border-radius: 10px;
1816			box-shadow: 0 3px 12px rgba(0,0,0,0.16);
1817			transform: translateX(150%);
1818			opacity: 0;
1819			transition: all 0.25s ease;
1820			margin: 10px;
1821		}
1822		.newsletter-notification.active{
1823			transform: translateX(0%);
1824			opacity: 1;
1825		}
1826		.newsletter-noti-title{
1827			font-size: 1.6rem;
1828			font-weight: 800;
1829			margin-bottom: 10px;
1830			color: #333;
1831		}
1832		.newsletter-noti-content{
1833			font: 1.25rem;
1834			color: #333;
1835		}
1836		.newsletter-notification-close{
1837			width: 25px;
1838			height: 25px;
1839			background-color: rgba(198, 198, 198, 0.933);
1840			border-radius: 50%;
1841			position: absolute;
1842			top: -6px;
1843			right: -6px;
1844			cursor: pointer;
1845		}
1846		.newsletter-notification-close > svg{
1847			width: 18px;
1848			height: 18px;
1849		}
1850		@media only screen and (min-width:768px){
1851			.newsletter-notification{
1852				max-width: 400px;
1853			}
1854		}
1855	</style>
1856	<div class="newsletter-notification">
1857		<div class="newsletter-notification-close flex flex_align-center flex_justify-center">
1858			<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 320 512"> <path d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z" /> </svg>
1859		</div>
1860		<p class="newsletter-noti-title">Thank you for signing up to our newsletter</p>
1861		<p class="newsletter-noti-content">Please check your inbox to confirm your subscription.</p>
1862	</div>
1863	
1863<script defer>
1864		//Newsletter Form Message
1865		let newsletter_notification = document.querySelector(".newsletter-notification");
1866		function newsletterSubmit() {
1867			// let newsletter_notification_title = document.querySelector(".newsletter-noti-title");
1868			// let newsletter_notification_content = document.querySelector(".newsletter-noti-content");
1869			newsletter_notification.classList.add("active");
1870			setTimeout(() => {
1871				newsletter_notification.classList.remove("active");
1872			}, 5000);
1873		};
1874
1875		document.querySelector(".newsletter-notification-close").addEventListener("click", (e) => {
1876			newsletter_notification.classList.remove("active");
1877		})
1878		
1879		
1880			const useful_links = document.querySelector(".useful-links");
1881			if( useful_links.childElementCount >= 6 ){
1882				useful_links.classList.add("two_cols")
1883			}
1884		
1885
1886
1887	</script>
vendor: 2 bytes, line 1887
1887
1888<script>
1889	addEventListener('DOMContentLoaded', (event) => {
1890		const footerDropdownMenu = document.querySelector(".accordian-title");
1891		const slideDownMenu = document.querySelector(".slider_wrapper");
1892		if(footerDropdownMenu != null){
1893			footerDropdownMenu.addEventListener("click", () => {
1894			const menuHeight = document.querySelector(".is-accordian").offsetHeight;
1895				if(slideDownMenu.offsetHeight > 0){
1896					slideDownMenu.style.height = "0px"
1897				}else{
1898					slideDownMenu.style.height = `${menuHeight}px`;
1899				}
1900				
1901			});		
1902		}
1903	});
1904</script>
1904
1905</ekm-section>
1906
1907
1908
1909
1910	</main>
1911<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/js/splide.min.js" defer fetchpriority="low"></script>
1911
1912<link href="https://cdn.ekmsecure.com/font-awesome/latest/fa.css" defer fetchpriority="low" >
1913<noscript>
1914	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css"defer fetchpriority="low" >
1915	<link href="https://cdn.ekmsecure.com/font-awesome/latest/fa.css" rel="stylesheet" defer fetchpriority="low">
1916</noscript>	
1917<script defer >
1918
1919	const tabletMQ = window.matchMedia("(min-width: 768px)");
1920	const desktopMQ = window.matchMedia("(min-width: 1024px)");
1921	
1922	window.addEventListener('DOMContentLoaded', (event) => {
1923	console.log('%cDOM fully loaded and parsed.', "color:#28a745");
1924	
1925const backgroundImageFullRes = (image) => {
1926	let element = document.querySelector(image);
1927	if(element == null){
1928	    return;
1929	}
1930	if(!element.hasAttribute("data-slider-num")){
1931	    let computedStyle = window.getComputedStyle(element);
1932	    let bgImageUrl = computedStyle.backgroundImage;
1933	    let newImageUrl;
1934
1935	    // Remove the leading 'url(' and trailing ')' characters
1936	    bgImageUrl = bgImageUrl.substring(4, bgImageUrl.length - 1);
1937		// Gets the above URL and splits it on the ?w query then returns the first part of the split which is the clean URL.
1938	    bgImageUrl = bgImageUrl.split("?w")[0];
1939	    newImageUrl = bgImageUrl.replaceAll('"', "");
1940	
1941	    // Appends the image URL with the query sting for a raw image
1942	    newBackgroundImageURL = newImageUrl + "?r=1";
1943	
1944	
1945	    // Replaces current banner with high res one.
1946	    element.style.backgroundImage = "url('" + newBackgroundImageURL + "')";		
1947	}
1948
1949		
1950}
1951if(desktopMQ.matches){
1952	backgroundImageFullRes(".main-banner-block");
1953	console.log('%cBanner image updated.', "color:#28a745");
1954}
1955	
1956	
1957	
1958		var prod_sliders = document.querySelectorAll('.product-slider');
1959		var prod_sliders_arr = Array.prototype.slice.call(prod_sliders);
1960		prod_sliders_arr.forEach(function(slider) {
1961			new Splide(slider, {
1962				type: "slide",
1963				pagination : false,
1964				perPage : 5,
1965				perMove: 1,
1966				rewind: true,
1967				rewindSpeed: 2500,
1968				gap: 20,
1969				speed: 1200,
1970				arrows: true,
1971				breakpoints: {
1972					550: {
1973						perPage: 1,
1974						perMove: 1
1975					},
1976					900: {
1977						perPage: 2,
1978						perMove: 1
1979					},					
1980					1280: {
1981						perPage: 3,
1982						perMove: 2
1983					}
1984				},
1985			}).mount();
1986		});
1987		
1988	console.log('%cSlider initialisation complete.', "color:#28a745");
1989	console.log('%cMerchant Logged in: ' + is_merchant_logged_in, "color:#ffc107");
1990	   setTimeout(() => {
1991            if (typeof ekmProductImageBadges != 'undefined'){
1992        	    console.log('%cProduct stickers re-initialisation complete.', "color:#28a745");
1993        		ekmProductImageBadges.reInit();
1994        	}
1995        }, 400);
1996		// Closes the nav dropdown if the user clicks of the nav box. 
1997		window.addEventListener("click", (e) => {
1998			const all_nav_grids = document.querySelectorAll(".subnav-grid-wrapper");
1999			all_nav_grids.forEach((single_nav_grid) => {
2000				if(single_nav_grid.classList.contains("mobile_open")){
2001					if(e.target != document.querySelector(".subnav-grid-wrapper")){
2002						single_nav_grid.classList.toggle("mobile_open")
2003					}
2004				}
2005			})
2006		});
2007		
2008	document.querySelectorAll(".splide__arrow").forEach(splideBtn => {
2009	  if(splideBtn.disabled){
2010	  	splideBtn.classList.add("ekm_hide_me")
2011	  }
2012	})
2013
2014
2015});
2016
2017</script>
2017
2018
2019<script>
2020	window.addEventListener('DOMContentLoaded', (event) => {
2021	var cat_sliders = document.querySelectorAll(".category-slider");
2022	var cat_sliders_arr = Array.prototype.slice.call(cat_sliders);
2023	cat_sliders_arr.forEach(function(slider) {
2024	  new Splide(slider, {
2025	    type: "slide",
2026	    pagination : false,
2027	    perPage : 5,
2028	    rewind: true,
2029	    rewindSpeed: 2500,
2030	    gap: 20,
2031	    perMove: 1,
2032	    speed: 1200,
2033	    breakpoints: {
2034	      550: {
2035	        perPage: 1,
2036	        perMove: 1
2037	      },
2038	      900: {
2039	        perPage: 2,
2040	        perMove: 1
2041	      },					
2042	      1280: {
2043	        perPage: 3,
2044	        perMove: 2
2045	      }
2046	    },
2047	  }).mount();
2048	});
2049	})
2050</script>
2050
2051
2052<script defer fetchpriority="low" >
2053
2054// list of CSS files that are section specific
2055var promoCSS = "//themes.cdn.ekm.net/themes/master/2271/css/promo-sections.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF";
2056var galleryCSS = "//themes.cdn.ekm.net/themes/master/2271/css/gallery.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF";
2057
2058//variables that are being checked at section level, this is used to determine if the section is in the merchants theme.
2059var is_promo_section_active;
2060var is_gallery_section_active;
2061
2062// The global function that adds the CSS link to the head
2063function addCSS(cssUrl) {
2064  var element = document.createElement("link");
2065  element.setAttribute("rel", "stylesheet");
2066  element.setAttribute("type", "text/css");
2067  element.setAttribute("href", cssUrl);
2068  document.getElementsByTagName("head")[0].appendChild(element);
2069}
2070
2071// This is where the true or false gets stored if the section is active in the theme.
2072let section_active = {
2073	promoCSS: is_promo_section_active, 
2074	galleryCSS: is_gallery_section_active
2075};
2076
2077// Loops over the above object and checks if the section is true if so the respect CSS file will get added to the header.
2078for( var key in section_active){
2079	if(section_active[key] == true){
2080		addCSS(eval(key));
2081	}
2082}
2083
2084
2085</script>
vendor: 2 bytes, line 2085
2085
2086<script src="//themes.cdn.ekm.net/themes/master/2271/other/scripts.js?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" defer fetchpriority="low" ></script>
vendor: 2 bytes, line 2086
2086
2087<script type="application/json" data-softcart-lc>
2088        {
2089            " In Stock": " Item in Stock",
2090            " Sold Out": " Out of stock",
2091            "fake": null
2092        }
2093    </script>
vendor: 2 bytes, line 2093
2093
2094<script src="https://shopui.ekmsecure.com/2%2E1%2E13/scripts/shopui.js"></script>
2094<script src="//ekmpinpoint.ekmsecure.com/harvest/stats.js"  async></script>
vendor: 2 bytes, line 2094
2094
2095<script>
2096(function(fn, a){
2097	var epp = window._ekmpinpoint || (window._ekmpinpoint = {}) ;
2098	var called = false;
2099	var callOnce = function(){
2100		if (called) return;
2101		epp[fn].apply(epp, a) ;
2102		called = true;
2103	};
2104	if (epp && epp[fn]) return callOnce() ;
2105	var pfn;
2106	Object.defineProperty(epp, fn, {
2107		'enumerable': true,
2108		'configurable': false,
2109		'set': function(x) {
2110			pfn = x;
2111			callOnce() ;
2112		},
2113		'get': function() {
2114			return pfn;
2115		}
2116	}) ;
2117})("getStats", ["devereyarns"]) ;
2118</script>
vendor: 2 bytes, line 2118
2118
2119<script src="//globalstats.ekmsecure.com/hits/stats-global.js"  async></script>
vendor: 2 bytes, line 2119
2119
2120<script>
2121(function(fn, a){
2122	var epp = window._ekmpinpoint || (window._ekmpinpoint = {}) ;
2123	var called = false;
2124	var callOnce = function(){
2125		if (called) return;
2126		epp[fn].apply(epp, a) ;
2127		called = true;
2128	};
2129	if (epp && epp[fn]) return callOnce() ;
2130	var pfn;
2131	Object.defineProperty(epp, fn, {
2132		'enumerable': true,
2133		'configurable': false,
2134		'set': function(x) {
2135			pfn = x;
2136			callOnce() ;
2137		},
2138		'get': function() {
2139			return pfn;
2140		}
2141	}) ;
2142})("getStatsGlobal", ["devereyarns","1"]) ;
2143</script>
2143
2144
2145<script>(()=>{const gtag = window.gtag || function(){(window.dataLayer = window.dataLayer || []).push(arguments);};gtag('consent','update',{'ad_storage':'granted','ad_user_data':'granted','ad_personalization':'granted','analytics_storage':'granted'});})();</script>
2145</body>
2146</html>
2147

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.