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="oak stair parts, stair parts, pine stair parts, oak stairs, oak mouldings, oak skirting, oak par, oak timber, oak beams, oak shelves, oak window boards, 20"> 21 <meta name="description" content="Oak Store are manufacturers and suppliers of solid oak stair parts & cladding, skirting and mouldings. We also specialise in oak shelving & window boards."> 22 <meta name="viewport" content="width=device-width, initial-scale=1"> 23 24 <link rel="shortcut icon" href="/ekmps/shops/oakstoredirect/favicon.ico?v=" type="image/x-icon" /> 25<link rel="icon" href="/ekmps/shops/oakstoredirect/favicon.ico?v=" type="image/x-icon" /> 26<link rel="icon" type="image/png" sizes="256x256" href="/ekmps/shops/oakstoredirect/icon-256x256.png"> 27<link rel="icon" type="image/png" sizes="192x192" href="/ekmps/shops/oakstoredirect/icon-192x192.png"> 28<link rel="icon" type="image/png" sizes="144x144" href="/ekmps/shops/oakstoredirect/icon-144x144.png"> 29<link rel="icon" type="image/png" sizes="128x128" href="/ekmps/shops/oakstoredirect/icon-128x128.png"> 30<link rel="icon" type="image/png" sizes="48x48" href="/ekmps/shops/oakstoredirect/icon-48x48.png"> 31<link rel="icon" type="image/png" sizes="96x96" href="/ekmps/shops/oakstoredirect/favicon-96x96.png"> 32<link rel="icon" type="image/png" sizes="32x32" href="/ekmps/shops/oakstoredirect/favicon-32x32.png"> 33<link rel="icon" type="image/png" sizes="16x16" href="/ekmps/shops/oakstoredirect/favicon-16x16.png"> 34<link rel="apple-touch-icon" sizes="57x57" href="/ekmps/shops/oakstoredirect/apple-icon-57x57.png"> 35<link rel="apple-touch-icon" sizes="60x60" href="/ekmps/shops/oakstoredirect/apple-icon-60x60.png"> 36<link rel="apple-touch-icon" sizes="72x72" href="/ekmps/shops/oakstoredirect/apple-icon-72x72.png"> 37<link rel="apple-touch-icon" sizes="76x76" href="/ekmps/shops/oakstoredirect/apple-icon-76x76.png"> 38<link rel="apple-touch-icon" sizes="114x114" href="/ekmps/shops/oakstoredirect/apple-icon-114x114.png"> 39<link rel="apple-touch-icon" sizes="120x120" href="/ekmps/shops/oakstoredirect/apple-icon-120x120.png"> 40<link rel="apple-touch-icon" sizes="144x144" href="/ekmps/shops/oakstoredirect/apple-icon-144x144.png"> 41<link rel="apple-touch-icon" sizes="152x152" href="/ekmps/shops/oakstoredirect/apple-icon-152x152.png"> 42<link rel="apple-touch-icon" sizes="167x167" href="/ekmps/shops/oakstoredirect/apple-icon-167x167.png"> 43<link rel="apple-touch-icon" sizes="180x180" href="/ekmps/shops/oakstoredirect/apple-icon-180x180.png"> 44<link rel="apple-touch-icon-precomposed" sizes="52x52" href="/ekmps/shops/oakstoredirect/apple-touch-icon-52x52.png"> 45<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/ekmps/shops/oakstoredirect/apple-touch-icon-72x72.png"> 46<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/ekmps/shops/oakstoredirect/apple-touch-icon-114x114.png"> 47<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/ekmps/shops/oakstoredirect/apple-touch-icon-144x144.png"> 48<meta name="msapplication-TileColor" content="#ffffff"> 49<meta name="msapplication-TileImage" content="/ekmps/shops/oakstoredirect/ms-icon-144x144.png"> 50<meta name="theme-color" content="#ffffff"> 51 52 53 <title>Solid Oak Shelves & Beams | Oak Stair Parts | Oak Store</title> 54 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css" defer fetchpriority="low" > 55 <link href="//themes.cdn.ekm.net/themes/master/2271/css/base.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" rel="preload" as="style"> 56 <link href="//themes.cdn.ekm.net/themes/master/2271/css/buttons.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" rel="preload" as="style"> 57 <link href="//themes.cdn.ekm.net/themes/master/2271/css/style.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" rel="preload" as="style"> 58 <link href="//themes.cdn.ekm.net/themes/master/2271/css/blog_post.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" defer fetchpriority="low" > 59 <link href="//themes.cdn.ekm.net/themes/master/2271/css/newsletter.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF" rel="stylesheet" defer fetchpriority="low" > 60 61 62 63 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" defer fetchpriority="low"> 64 65 66 67 68 69 70<style> 71 72 :root{ 73 74 --ekm-search-anchor: .header-search-bar !important; 75 76 --header_icons: #FFFFFF; 77 --header_background: #4a4a4a; 78 79 --account_bg: #000000; 80 --account_icon: #FFFFFF; 81 82 --cart_bg: #000000; 83 --cart_icon: #FFFFFF; 84 85 --cart_item_bg: #2D4142; 86 --cart_item_text: #FFFFFF; 87 88 --header_info_background: #000000; 89 --header_info_text: #FFFFFF; 90 91 --nav-dropdown-background: #FFFFFF; 92 --nav_bar_background: #000000; 93 --nav_bar_links: #FFFFFF; 94 --nav_dropdown_links: #333333; 95 --nav-breadcrumb-bg: #eeeeee; 96 97 --mobile_menu_icon: #50AFB2; 98 --mobile_menu_button_icon: #FFFFFF; 99 100 --body_background: #FFFFFF; 101 --category_page_background: #F3F3F3; 102 --product_page_background: #F3F3F3; 103 104 --body_text: #000000; 105 --body_review_stars: #FFBD00; 106 --body_main_links: #50AFB2; 107 --body_headings: #000000; 108 --section_bg: #FFFFFF; 109 110 111 112 --primary_button_btn_bg: #000000; 113 --primary_button_btn_text: #FFFFFF; 114 115 --btn-border-radius: 3px; 116 117 --secondary_button_btn_bg: #FFFFFF; 118 --secondary_button_btn_text: #2C3032; 119 120 --atc_button_btn_bg: #000000; 121 --atc_button_btn_text: #FFFFFF; 122 123 --footer_bg: var(--settings_footer_bg); 124 --footer_text: var(--settings_footer_text); 125 --footer_link: var(--settings_footer_link); 126 127 --webpages_background: ; 128 129 --copyright_background: #4a4a4a; 130 --copyright_text: #FFFFFF; 131 132 --primary-font: Inter; 133 134 --ekm-atc-background-colour: #000000; 135 136 --ekm-success-colour-text: #03c300; 137 --ekm-success-colour-background: #bffdbf; 138 --ekm-caution-colour-text: #c71908; 139 --ekm-caution-colour-background: #fddebf; 140 --ekm-warning-colour-text: #ff5241; 141 --ekm-warning-colour-background: #fdbfbf; 142 --ekm-inverse-colour-text: #ffffff; 143 --ekm-inverse-colour-background: #000000; 144 --ekm-atc-background-colour: var(--primary_button_btn_bg); 145 --ekm-atc-text-colour: var(--primary_button_btn_text); 146 147 } 148 149
150 151</style> 152
153<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>
153<script> 154var is_merchant_logged_in = 0; 155</script>
155 156 <link rel="stylesheet" href="https://shopui.ekmsecure.com/2%2E1%2E13/styles/shopui.css" />
157<script>(window.dataLayer = window.dataLayer || []).push({'Username': 'oakstoredirect'}) ;</script>
157 158<!-- Google Tag Manager -->
158<script>
vendor: 320 bytes, line 158
158(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','
158GTM-KF9VMP
vendor: 4 bytes, line 158
158') ;
158</script>
158<!-- End Google Tag Manager --> 159<link rel="stylesheet" href="https://13.cdn.ekm.net/ekmps/assets/css/shop-front/search/search.css?v=6"/>
159<script src="https://13.cdn.ekm.net/ekmps/assets/js/shop-front/search/search.js?v=26" type="module"></script>
159<script type="application/json" data-config="search"> 160{ 161"user": "oakstoredirect", 162"isSearchPage": false, 163"disabled": false, 164"searchQuery": null, 165"searchCategories": [], 166"token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJ7OTZFQTU1QjctRTI2Ny00NUU0LUE0RkEtOTYzMkNBNDBBQ0E1fSIsImlhdCI6MTc5MDE3NDg0MSwiZXhwIjoxNzk1NzA0ODQxLCJvcmlnaW5zIjpbImh0dHBzOi8vb2Frc3RvcmVkaXJlY3QuMTMuZWttLnNob3AiLCJodHRwczovL3lvdXJhY2NvdW50LjEzLmVrbS5uZXQiLCJodHRwczovL29ha3N0b3JlZGlyZWN0LmNvbSIsImh0dHBzOi8vd3d3Lm9ha3N0b3JlZGlyZWN0LmNvbSJdfQ.YDiYBS4i-1fl4b_DUYeozCPNSpUR6UmrGQ6vtKvt3-0", 167"showAttributeFilter": true, 168"showCategoryFilter": true, 169"showPriceFilter": true, 170"showTDPrices": true, 171"isTDUser": false, 172"topLevelCategories": ["Doors","Flooring","Joinery Parts","Stair Parts","Wall Panels"], 173"attributes": {}, 174"attributeNames": {}, 175"priceRange": {"min": 0, "max": 0}, 176"currency": {"exponent": 2,"symbol": "£","format":"SYMBOL-PRICE"} 177} 178</script>
178<script async src="https://cdn.salesfire.co.uk/code/f8b36a9f-2dc0-410d-ab76-491ba6bda331.js"></script>
178<script>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"20091662"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>
178 179<meta name="msvalidate.01" content="457E23042D65075D6623FF25D76C2B13" /> 180<meta name="facebook-domain-verification" content="8a95heeeqmzr8ndrbl1wcu2v6xvcfq" /> 181<!-- Microsoft Consent -->
182<script>window.addEvent('ekm-cookie-consent-change', event => { 183 if (event.detail.allowTracking) { 184 if (window.someTrackingService) window.someTrackingService.consentGiven(); 185 } 186} 187event.details also has properties allowEssential and allowFunctional</script>
vendor: 1 bytes, line 187
187
188<script> 189window.addEvent('ekm-cookie-consent-change', event => { 190 if (event.detail.allowTracking) { 191 if (typeof window.clarity === 'function'){ 192 window.clarity('consent'); 193 } 194 } 195} 196</script>
196 197<style> 198.ekmps-search-field { 199 color: #444; 200 border: 1px solid #ccc; 201 border-right: none; 202} 203.i-Jewellery .ekmps-search-button-d svg { 204 fill: #fff; 205} 206.header-section svg { 207 fill: #000000; 208} 209.nav-d a { 210 color: #000000; 211} 212.copyright, .copyright a { 213 color: #ffffff; 214 font-size: 1.3rem; 215} 216.ekmps-product-add-to-cart { 217 display: inline-block; 218} 219@media only screen and (min-width: 0px) and (max-width: 780px) { 220 .banner-m img { 221 transform: translate(-50%, -50%) scale(1); 222 -webkit-transform: translate(-50%, -50%) scale(1); 223 } 224} 225.nav-acdn-wrapper > ul > li > a { 226 color: #000000; 227} 228.product-page-block.incategory-desc { 229 font-size: 15px; 230} 231</style>
231<script type="application/json" data-ekm-req-data="1">{"short_country_code":"US"}</script>
231<link rel="canonical" href="https://www.oakstoredirect.com/account/login" /> 232<!-- Facebook Pixel Code -->
232<script>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0' ;n.agent='plEKM' ;n.queue=[];t=b.createElement(e) ;t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','//connect.facebook.net/en_GB/fbevents.js') ;fbq('init', '374857261773667') ;fbq('track', 'PageView') ;</script>
232<noscript><img height='1' width='1' style='display:none'src='https://www.facebook.com/tr?id='374857261773667'&ev=PageView&noscript=1'/></noscript><!-- End Facebook Pixel Code -->
233<script>function fbPixelAddToCart(name, productId, categoryId, value, requestId){requestId = requestId || Date.now().toString(16) ;var pId = [];pId.push('oakstoredirect' + String(productId)) ;fbq('track', 'AddToCart', {content_name: name, content_type: 'product', content_category: categoryId, content_ids: pId, value: parseFloat(value).toFixed(2), currency: 'GBP' }, {eventID: `ac:${productId}:${requestId}`}) ;};</script>
233<script>function fbPixelInitCheckout(){fbq('track', 'InitiateCheckout', {value: '.00', currency: 'GBP', content_name: 'Checkout Started', content_type: 'product', content_ids: [], num_items: 0}, {eventID: 'ic:0056333d76e44f6ddef4579cd92930339464537371bf887025a6b5ee9ba7b836'}) ;}; 234document.addEventListener('DOMContentLoaded', function(evt) { 235var elementList = [].slice.call(document.querySelectorAll(".ekmpscart-checkout-button-checkout,[href='index.asp?function=CHECKOUT']")) ; 236elementList.forEach(function(e, k, m) { 237e.addEventListener('click', function() { 238fbPixelInitCheckout() ; 239}) ; 240}) ; 241}) ; 242</script>
242<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 242-243
242 243<script async src="https://www.googletagmanager.com/gtag/js?id=
243UA-37042144-1
vendor: 12 bytes, line 243
243"></script>
244<script> 245
vendor: 136 bytes, lines 245-249
245window.dataLayer = window.dataLayer || []; 246 function gtag(){dataLayer.push(arguments) ;} 247 gtag('js', new Date()) ; 248 249 gtag('config', '
249UA-37042144-1
vendor: 5 bytes, line 249
249') ;
250gtag('config', 'AW-11428755705') ; 251gtag('config', 'AW-11428755705', { ' allow_enhanced_conversions':true } ) ; 252</script>
252 253 254<!-- Default (before user consent) -->
255<script> 256window.uetq = window.uetq || []; 257window.uetq.push('consent', 'default', { 258 'ad_storage': 'denied' 259}) ; 260</script>
260 261 262<!-- This 'update' block should only fire AFTER consent is given, e.g., via a CMP callback --> 263<!-- Simulated consent-granted for demonstration -->
264<script> 265window.uetq = window.uetq || []; 266// This should only execute if the user has accepted all cookies 267window.uetq.push('consent', 'update', { 268 'ad_storage': 'granted' 269}) ; 270</script>
270 271 272<!-- UET Tag for Microsoft Bing Advertising -->
273<script> 274(function(w,d,t,r,u){ 275 var f,n,i; 276 w[u]=w[u]||[]; 277 f=function(){ 278 var o={ti:"343103346", enableAutoSpaTracking: true}; 279 o.q=w[u]; 280 w[u]=new UET(o) ; 281 w[u].push("pageLoad") ; 282 }; 283 n=d.createElement(t) ; 284 n.src=r; 285 n.async=1; 286 n.onload=n.onreadystatechange=function(){ 287 var s=this.readyState; 288 if (!s || s === "loaded" || s === "complete") { 289 f() ; 290 n.onload = n.onreadystatechange = null; 291 } 292 }; 293 i=d.getElementsByTagName(t)[0]; 294 i.parentNode.insertBefore(n,i) ; 295})(window,document,"script","//bat.bing.com/bat.js","uetq") ; 296</script>
296 297 298 299
300<script async src="https://13.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>
300<base href="/" /></head> 301 302<body data-theme-name="Aerial" >
vendor: 63 bytes, lines 302-303
302 303<noscript><iframe src='//www.googletagmanager.com/ns.html?id=
303GTM-KF9VMP
vendor: 87 bytes, lines 303-305
303' height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript> 304 305
305<main role="main" class="main-content" data-cur-page="0"> 306<ekm-section data-type="header"> 307 308<!---------------------------------------> 309<!--LAST EDITED: 26/07/2022--> 310<!---------------------------------------> 311 312 313 314 315 <style> 316 /* ********************************** 317 SEARCH BAR SECTION SETTINGS 318 ********************************** */ 319 320 .header-search-bar input{ 321 background-color: #FFFFFF; 322 color: #333333; 323 border-radius: var(--btn-border-radius); 324 } 325 .header-search-bar.has_border input, .header-search-bar.has_border form .ekmps-search-button{ 326 border: 2px solid #; 327 } 328 .header-search-bar.has_border form .ekmps-search-button{ 329 height: 44px; 330 border-left: none; 331 } 332 .header-search-bar input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 333 color: #333333; 334 } 335 .header-search-bar input::-moz-placeholder { /* Firefox 19+ */ 336 color: #333333; 337 } 338 .header-search-bar input:-ms-input-placeholder { /* IE 10+ */ 339 color: #333333; 340 } 341 .header-search-bar input:-moz-placeholder { /* Firefox 18- */ 342 color: #333333; 343 } 344 345 346 347 .ekmps-search-button{ 348 background-color: #FFFFFF; 349 cursor: pointer; 350 } 351 .ekmps-search-button svg path { 352 fill: #333333; 353 } 354 355 .header-search-bar form .ekmps-search-button{ 356 position: absolute; 357 right: 0; 358 top: 0; 359 width: 40px; 360 padding: 0; 361 cursor: pointer; 362 border: none; 363 display: flex; 364 align-items: center; 365 justify-content: center; 366 height: 100%; 367 border-bottom-right-radius: var(--btn-border-radius); 368 border-top-right-radius: var(--btn-border-radius); 369 background-color: transparent; 370 371 } 372 .header-search-bar form .ekmps-search-button:hover > svg{ 373 opacity: 0.8; 374 } 375 .header-search-bar form .ekmps-search-button > svg{ 376 height: 20px; 377 width: 20px; 378 } 379 380 .webpages_more_trigger{ 381 position: relative; 382 } 383 .webpages_more_trigger.hidden{ 384 display:none; 385 } 386 .announcement-bar > .container{ 387 flex-wrap: wrap; 388 grid-template-columns: 1fr 1fr; 389 display: grid; 390 gap: 20px; 391 } 392 .announcement-bar-nav.contact{ 393 justify-self: flex-start; 394 395 396 } 397 .more_webpages_nav{ 398 display:none; 399 position: absolute; 400 background: #FFF; 401 padding: 15px; 402 z-index: 9; 403 left: -70%; 404 top: 40px; 405 box-shadow: 0 3px 6px rgb(0 0 0 / 16%); 406 width: 200px; 407 } 408 .more_webpages_nav.active{ 409 display:block; 410 } 411 .announcement-bar .announcement-bar-nav .more_webpages_nav li a{ 412 color: #333; 413 } 414 ul.no-style.more_webpages_nav:before { 415 content: ""; 416 display: block; 417 width: 20px; 418 height: 20px; 419 background: white; 420 transform: rotate(45deg); 421 position: absolute; 422 top: -7px; 423 left: 66px; 424 } 425 .webpages_more_trigger svg{ 426 margin-left: 10px; 427 } 428 header > .container{ 429 display: grid; 430 grid-template-columns: 1fr 1fr; 431 align-items: center; 432 justify-items: center; 433 gap: 20px; 434 } 435 436 .header-btn-wrapper{ 437 justify-self: flex-end; 438 } 439 .nav-icon-wrapper{ 440 justify-self: flex-start; 441 } 442 header .site-logo img{ 443 444 445 max-width: 225px; 446 447 } 448 .currency{ 449 justify-self: flex-end; 450 451 452 } 453 .header-search-bar{ 454 grid-column: -1 / 1; 455 } 456 457 .subnav-grid a:hover{ 458 text-decoration: underline; 459 } 460 461 @media only screen and (min-width:550px){ 462 header > .container{ 463 grid-template-columns: 90px minmax(300px, 1fr) 90px; 464 } 465 } 466 .nav-trigger--close, .nav-trigger--menu{ 467 display: none; 468 } 469 .nav-trigger--close.active, .nav-trigger--menu.active{ 470 display: block; 471 } 472 473 @media only screen and (min-width:768px){ 474 .subnav-grid li{ 475 margin-bottom: 10px; 476 } 477 .header-search-bar{ 478 grid-column: auto; 479 } 480 481 header > .container{ 482 483 484 grid-template-columns: 225px 1fr 178.5px; 485 486 } 487 488 .primary-nav > li .sub-sub-cats-wrapper{ 489 display: block; 490 right: 0; 491 top: 0 !important; 492 opacity: 1; 493 position: relative; 494 width: auto; 495 height: auto; 496 } 497 .primary-nav > li .sub-sub-cats-wrapper .subnav-grid{ 498 grid-template-columns: 1fr; 499 padding: 10px 0 0 0; 500 gap: 10px; 501 } 502 .primary-nav >
502 li .sub-sub-cats-wrapper .subnav-grid a{ 503 pointer-events: all; 504 font-weight: 400; 505 } 506 } 507 508 509 510 511 512 513 514 515 516[data-nav-design-type="main-dropdown"]{ 517 display: none; 518} 519 520@media only screen and (max-width:767px){ 521 .subnav-grid-wrapper{ 522 left: auto; 523 right: -100%; 524 transition: all 0.35s ease; 525 display: flex; 526 top: 0 !important; 527 display: none; 528 } 529 .subnav-grid-wrapper.mobile_open{ 530 right: 0%; 531 z-index: 1; 532 } 533 534} 535 536@media only screen and (min-width: 768px) { 537 538 .ekmps-search-button{ 539 background-color: var(--primary_button_btn_bg) !important; 540 cursor: pointer; 541 } 542 .ekmps-search-button svg path { 543 fill: #ffffff; 544 } 545 546 547 [data-nav-design-type="main-dropdown"]{ 548 pointer-events: auto; 549 left: 0; 550 opacity: 1; 551 } 552 .main_nav.open [data-nav-design-type="main-dropdown"]{ 553 display: block; 554 } 555 556} 557 558 559 560/* HEADER SEARCH ICON SETTINGS */ 561/* The CSS in the follow section are variable on the design that is being selected from the merchant */ 562 563 564.subnav-grid-wrapper-bg { 565 width: 100%; 566 height: 100vh; 567 position: absolute; 568 background: #0000002b; 569} 570 571@media only screen and (min-width: 989px){ 572 header > .container{ 573 grid-template-columns: 200px 1fr 200px; 574 } 575 576 .info-bar-text { 577 justify-self: center; 578 } 579 .announcement-bar > .container{ 580 flex-wrap: wrap; 581 grid-template-columns: 1fr 1fr 1fr; 582 583 } 584 .announcement-bar-nav.webpages, .info-bar-text{ 585 display: flex !important; 586 margin-right: 0px; 587 justify-self: flex-start; 588 589 590 } 591 .announcement-bar-nav.contact{ 592 justify-self: flex-start; 593 594 595 596 } 597 .currency{ 598 justify-self: flex-end; 599 600 601 } 602 .info-bar-text{ 603 604 justify-self: center; 605 606 } 607} 608 609 610/*// Hides the wishlist icon if the customer is not logged in.*/ 611 612 #headerWishlist{ 613 display: none; 614 615 616 617 618 619</style> 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634<div class="announcement-bar"> 635 <div class="container flex flex_space-between flex_align-center"> 636 637 <ul class="announcement-bar-nav no-style flex contact"> 638 639 640 641 <li><a class="flex flex_align-center" href="tel:01274 754260"> 642 <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> 643 644 01274 754260</a></li> 645 646 647 648 649 <li><a class="flex flex_align-center" href="mailto:[email protected]"> 650 <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> 651 [email protected]</a></li> 652 653 654 </ul> 655 656 <div class="flex flex_align-center info-bar-text"> 657 658 <svg width="19" height="15" viewBox="0 0 17 13" xmlns="https://www.w3.org/2000/svg"> 659 <path class="a" d="M16.535 6.28354L14.7583 2.13794C14.713 2.0309 14.6371 1.93957 14.5403 1.87532C14.4434 1.81108 14.3297 1.77678 14.2135 1.77668H12.4368V0.592228C12.4368 0.435159 12.3744 0.284524 12.2633 0.17346C12.1523 0.0623954 12.0016 0 11.8446 0H0.592228C0.435159 0 0.284524 0.0623954 0.17346 0.17346C0.0623953 0.284524 0 0.435159 0 0.592228V10.6601C0 10.8172 0.0623953 10.9678 0.17346 11.0789C0.284524 11.1899 0.435159 11.2523 0.592228 11.2523H1.8596C1.99598 11.7542 2.2937 12.1972 2.70684 12.513C3.11997 12.8289 3.62556 13 4.1456 13C4.66563 13 5.17122 12.8289 5.58436 12.513C5.99749 12.1972 6.29522 11.7542 6.4316 11.2523H10.1508C10.2872 11.7542 10.5849 12.1972 10.998 12.513C11.4112 12.8289 11.9168 13 12.4368 13C12.9568 13 13.4624 12.8289 13.8756 12.513C14.2887 12.1972 14.5864 11.7542 14.7228 11.2523H15.9902C16.1472 11.2523 16.2979 11.1899 16.4089 11.0789C16.52 10.9678 16.5824 10.8172 16.5824 10.6601V6.51451C16.5822 6.43512 16.5661 6.35658 16.535 6.28354ZM12.4368 2.96114H13.8226L15.09 5.92228H12.4368V2.96114ZM4.1456 11.8446C3.91133 11.8446 3.68233 11.7751 3.48755 11.6449C3.29277 11.5148 3.14095 11.3298 3.0513 11.1134C2.96165 10.8969 2.9382 10.6588 2.9839 10.429C3.0296 10.1993 3.14241 9.98822 3.30806 9.82257C3.47371 9.65692 3.68476 9.54411 3.91452 9.49841C4.14428 9.45271 4.38244 9.47616 4.59887 9.56581C4.8153 9.65546 5.00029 9.80727 5.13044 10.0021C5.26059 10.1968 5.33005 10.4258 5.33005 10.6601C5.33005 10.9742 5.20526 11.2755 4.98313 11.4976C4.76101 11.7198 4.45973 11.8446 4.1456 11.8446ZM10.1508 10.0679H6.4316C6.29522 9.56604 5.99749 9.12303 5.58436 8.80718C5.17122 8.49134 4.66563 8.32021 4.1456 8.32021C3.62556 8.32021 3.11997 8.49134 2.70684 8.80718C2.2937 9.12303 1.99598 9.56604 1.8596 10.0679H1.18446V1.18446H11.2523V8.62284C10.9827 8.77936 10.7465 8.98757 10.5575 9.23555C10.3685 9.48352 10.2303 9.76637 10.1508 10.0679ZM12.4368 11.8446C12.2025 11.8446 11.9735 11.7751 11.7787 11.6449C11.584 11.5148 11.4321 11.3298 11.3425 11.1134C11.2528 10.8969 11.2294 10.6588 11.2751 10.429C11.3208 10.1993 11.4336 9.98822 11.5993 9.82257C11.7649 9.65692 11.976 9.54411 12.2057 9.49841C12.4355 9.45271 12.6736 9.47616 12.8901 9.56581C13.1065 9.65546 13.2915 9.80727 13.4216 10.0021C13.5518 10.1968 13.6212 10.4258 13.6212 10.6601C13.6212 10.9742 13.4965 11.2755 13.2743 11.4976C13.0522 11.7198 12.7509 11.8446 12.4368 11.8446ZM15.3979 10.0679H14.7228C14.5918 9.56065 14.2964 9.11114 13.8828 8.78967C13.4692 8.46819 12.9607 8.2929 12.4368 8.29119V7.10674H15.3979V10.0679Z"/> 660 </svg> 661 <p>Open A Trade Account Today!</p> 662 663 </div> 664 665 <div class="flex flex_align-center currency"> 666 667 668 <div class="cur-text-dd no-symbol"> 669 <div class="cur-text-dd-btn"> 670 <i class="icon-flags--custom" data-flag-currency="GBP"></i>
671 <span class="cur-text-dd-code">GBP</span> 672 <span class="cur-text-dd-symbol">£</span> 673 <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" 674 class="svg-inline--fa fa-chevron-down fa-w-14" role="img" xmlns="https://www.w3.org/2000/svg" 675 viewBox="0 0 448 512"> 676 <path 677 d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"> 678 </path> 679 </svg> 680 </div> 681 <div class="cur-text-dd-options"> 682 683 684 <a class="cur-text-dd-option" href="index.asp?function=CART&mode=CURRENCY&code=EUR&catid=0&productid=0"> 685 <i class="icon-flags--custom" data-flag-currency="EUR"></i> 686 <span class="cur-text-dd-code">EUR</span> 687 <span class="cur-text-dd-symbol">€</span> 688 </a> 689 690 691 692 693 694 <a class="cur-text-dd-option" href="index.asp?function=CART&mode=CURRENCY&code=USD&catid=0&productid=0"> 695 <i class="icon-flags--custom" data-flag-currency="USD"></i> 696 <span class="cur-text-dd-code">USD</span> 697 <span class="cur-text-dd-symbol">$</span> 698 </a> 699 700 701 </div> 702 <!-- end of cur-text-dd-options --> 703 </div> 704 <!-- end of cur-text-dd no-symbol --> 705 706 707 </div> 708 <!-- end of flex flex_align-center --> 709 </div> 710 <!-- end of container --> 711</div> 712<!-- end of announcement-bar --> 713 714 715<header> 716 717 <div class="container" data-design-type="one"> 718 719 720 <!-- This is the nav icon that shows for the above designs --> 721 <div class="nav-trigger nav-icon-wrapper flex flex_align-center flex_justify-center"> 722 <div class="icon nav-icon"> 723 <span></span> 724 <span></span> 725 <span></span> 726 </div> 727 </div> 728 729 730 <div class="site-logo" > 731 <a href="/"><a href="index.asp"><img src="https://files.ekmcdn.com/oakstoredirect/resources/design/logo-white-new-2.png" alt="Solid Oak Stair Parts, Doors & Flooring"/></a></a> 732 </div> 733 734 735 <!-- The search bar will only show in the main header for the above designs --> 736 <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 for product or brand" required value="" aria-label="Search for product or brand" rel="clear"/> 737 <ekm-search-categories></ekm-search-categories> 738 <button class="ekmps-search-button" aria-label="Search product"><svg width="21" height="21" 739 viewBox="0 0 21 21" fill="none" xmlns="https://www.w3.org/2000/svg"> 740 <path 741 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" 742 fill="#111111" /> 743 </svg></button></form></div> 744 745 746 747 <div class="header-btn-wrapper flex flex_align-center"> 748 749 750 751 752 753 754 <!-- The wishlist button - only shows if customer login feature is active --> 755 <a href="/account/wishlist" class="header-btn" id="headerWishlist"> 756 <svg width="20" height="18" viewBox="0 0 20 18" xmlns="https://www.w3.org/2000/svg"> 757 <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
7570.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"/> 758 </svg> 759 </a> 760 <style> 761 @media screen and (max-width: 949px) and (min-width: 768px) { 762 header .header-search-bar { 763 max-width: 265px !important; 764 } 765 } 766 @media screen and (max-width: 1048px) and (min-width: 950px) { 767 header .header-search-bar { 768 max-width: 450px !important; 769 } 770 } 771 @media only screen and (min-width: 989px){ 772 header > .container { 773 grid-template-columns: 225px 1fr 225px; 774 } 775 } 776 @media screen and (min-width: 1049px) { 777 header .header-search-bar { 778 max-width: 550px !important; 779 } 780 } 781 </style> 782 783 784 785 786 <!-- The account login button - only shows if feature is active --> 787 <a href="/account/login" class="header-btn "> 788 <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> 789 </a> 790 791 792 <div class="header-btn cart-btn flex flex_align-center flex_justify-center cart-trigger"> 793 <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> 794 795 <!--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> 796 797 <!--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="<span class="cart-btn-item-count"><span id="ekm_minicart_item_count">0</span></span><!-- /.cart-btn-item-count -->" data-cart-many-items="<span class="cart-btn-item-count"><span id="ekm_minicart_item_count">0</span></span><!-- /.cart-btn-item-count -->" data-item-count-type="item"></span> 798 799 </div> 800 801 <div class="minicart-popout trade-login-hide"> 802 803 <!--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()--> 804 <div class="minicart-header"> 805 <p>My Cart - <span id="ekm_minicart_item_count">0</span> Item(s)</p> 806 </div> 807 808 809 810 811 812 <div class="minicart-item-wrapper"> 813 <!--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( 814 <div class="
814minicart-grid"> 815 <div style="text-align: center;">[product_image]</div> 816 <div> 817 <p>[product_name_link]</p> 818 <p>Quantity: [product_qty]</p> 819 <p>[product_price]</p> 820 </div> 821 </div> 822 ) --><!--ekm:tag:minicart:output_content:end()--> 823 </div> 824 <div class="minicart-product-urgency minicart-product-urgency-free-delivery"> 825 <div data-ekm-pufd-dc='minicart' data-ekm-pufd-data='[]' data-ekm-pufd-pid="0" data-ekm-pufd-cur="GBP" data-ekm-pufd-subtotal="0" class="js-ekm-pufd"><template class="js-ekm-pufd-t-msg" style="display:none"><span class="js-ekm-pufd-msg"></span></template><template class="js-ekm-pufd-t-qmsg" style="display:none"><div class="product-urgency-free-delivery-qualify-message"><span class="js-ekm-pufd-msg"></span></div></template></div>
825<script src="https://13.cdn.ekm.net/ekmps/assets/js/shop-front/product_urgency/product_urgency.min.js?v=5"></script>
825 826 </div> 827 828 <div class="minicart-total minicart-total_extra discount flex flex_align-center flex_space-between"> 829 <p>Discounts: </p> 830 <p>-<span id="ekm_minicart_total_discount">£0.00</span></p> 831 </div> 832 <div class="minicart-total minicart-total_extra tax flex flex_align-center flex_space-between"> 833 <p>Tax: </p> 834 <p><span id="ekm_minicart_total_tax">£0.00</span></p> 835 </div> 836 <div class="minicart-total minicart-total_extra delivery flex flex_align-center flex_space-between"> 837 <p>Delivery: </p> 838 <p><span id="ekm_minicart_total_delivery">£0.00</span></p> 839 </div> 840 <div class="minicart-total flex flex_align-center flex_space-between"> 841 <p>Total: </p> 842 <p><span id="ekm_minicart_total">£0.00</span></p> 843 </div> 844 <div class="minicart-footer flex "> 845 <span class="view-cart"><a href="index.asp?function=CART">View Cart</a></span> 846 <span class="checkout"><a href="https://www.oakstoredirect.com/index.asp?function=CHECKOUT&uid=4912B6F1-3B1C-4958-BBFB-EB78BFBE397D">Checkout</a></span> 847 </div> 848 849 850</div> 851 852 </div> 853 </div> 854 855 856</header> 857 858 859<nav class="main_nav 860" 861 862 data-mode="main-nav-showing" 863 864> 865<div class="container" > 866 867 868 869 <ul class=" 870 primary-nav 871 flex 872 873 flex_justify-center 874 875 no-images 876 "> 877 878 879 <li class="flex has-children " 880 > 881 882 883 884 885 886 887 888 889 890 891 <div class="flex flex_align-center flex_space-between"> 892 893 894 895 <p>Stair Parts</p> 896 897 898 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg"> 899 <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" /> 900 </svg> 901 902 903 </div> 904 905 <div class="subnav-grid-wrapper" data-nav-level="1"> 906 <div class="container"> 907 <div class="subnav-grid_mobile-menu" > 908 <p class="close_subcat"> 909 <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> 910 <span>Back</span></p> 911 <p class="prev-cat-name">Stair Parts</p> 912 </div> 913 <ul class="subnav-grid"> 914 915 <li > 916 917 918 919 920 <!-- Outputs a standard link if there is no sub categories at level 1 --> 921 <a href="primed-stair-parts-446-c.asp">Primed Stair Parts</a> 922 923 924 925 926 927 </li> 928 929 930 <li class="has-children" data-has-children="true" data-nav-url="pine-stair-parts-459-c.asp" > 931 932 933 934 935 936
937 <a href="pine-stair-parts-459-c.asp" data-desktop-link="show">Pine Stair Parts</a> 938 <!-- displays a link with an arrow if the level 1 category has sub categorys (sub sub categorys) --> 939 <p class="flex flex-align-center flex_space-between" data-desktop-link="hide"> 940 <span>Pine Stair Parts</span> 941 <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" /> </svg> </p> 942 943 944 945 <div class="subnav-grid-wrapper sub-sub-cats-wrapper"> 946 <div class="subnav-grid_mobile-menu"> 947 <p class="close_subcat"> 948 <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" /> </svg> 949 <span>Back</span></p> 950 <p class="prev-cat-name">Pine Stair Parts</p> 951 </div> 952 <ul class="subnav-grid"> 953 <li><a href="pine-handrail--baserail-468-c.asp" title="Pine Handrail & Baserail" >Pine Handrail & Baserail</a></li><li><a href="pine-wall-handrail-469-c.asp" title="Pine Wall Handrail" >Pine Wall Handrail</a></li><li><a href="pine-newel-post-466-c.asp" title="Pine Newel Post" >Pine Newel Post</a></li><li><a href="pine-newel-post-cap-467-c.asp" title="Pine Newel Post Cap" >Pine Newel Post Cap</a></li><li><a href="pine-spindles-465-c.asp" title="Pine Spindles" >Pine Spindles</a></li> 954 <li><a href="pine-stair-parts-459-c.asp" title="Pine Stair Parts" >View all Pine Stair Parts</a></li> 955 </ul> 956 </div> 957 958 </li> 959 960 961 <li class="has-children" data-has-children="true" data-nav-url="oak-stair-parts-250-c.asp" > 962 963 964 965 966 967
968 <a href="oak-stair-parts-250-c.asp" data-desktop-link="show">Oak Stair Parts</a> 969 <!-- displays a link with an arrow if the level 1 category has sub categorys (sub sub categorys) --> 970 <p class="flex flex-align-center flex_space-between" data-desktop-link="hide"> 971 <span>Oak Stair Parts</span> 972 <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" /> </svg> </p> 973 974 975 976 <div class="subnav-grid-wrapper sub-sub-cats-wrapper"> 977 <div class="subnav-grid_mobile-menu"> 978 <p class="close_subcat"> 979 <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" /> </svg> 980 <span>Back</span></p> 981 <p class="prev-cat-name">Oak Stair Parts</p> 982 </div> 983 <ul class="subnav-grid"> 984 <li><a href="oak-handrail--baserail-284-c.asp" title="Oak Handrail & Baserail" >Oak Handrail & Baserail</a></li><li><a href="oak-handrail-wall-mounted-507-c.asp" title="Oak Handrail Wall Mounted" >Oak Handrail Wall Mounted</a></li><li><a href="oak-wall-mounted-handrail-kits-308-c.asp" title="Oak Wall Mounted Handrail Kits" >Oak Wall Mounted Handrail Kits</a></li><li><a href="oak-stair-cladding-286-c.asp" title="Oak Stair Cladding" >Oak Stair Cladding</a></li><li><a href="oak-newel-posts-283-c.asp" title="Oak Newel Posts" >Oak Newel Posts</a></li> 985 <li><a href="oak-stair-parts-250-c.asp" title="Oak Stair Parts" >View all Oak Stair Parts</a></li> 986 </ul> 987 </div> 988 989 </li> 990 991 992 <li class="has-children" data-has-children="true" data-nav-url="oak-stair-kits-424-c.asp" > 993 994 995 996 997 998
999 <a href="oak-stair-kits-424-c.asp" data-desktop-link="show">Oak Stair Kits</a> 1000 <!-- displays a link with an arrow if the level 1 category has sub categorys (sub sub categorys) --> 1001 <p class="flex flex-align-center flex_space-between" data-desktop-link="hide"> 1002 <span>Oak Stair Kits</span> 1003 <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" /> </svg> </p> 1004 1005 1006 1007 <div class="subnav-grid-wrapper sub-sub-cats-wrapper"> 1008 <div class="subnav-grid_mobile-menu"> 1009 <p class="close_subcat"> 1010 <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" /> </svg> 1011 <span>Back</span></p> 1012 <p class="prev-cat-name">Oak Stair Kits</p> 1013 </div> 1014 <ul class="subnav-grid"> 1015 <li><a href="vision-oak--glass-387-c.asp" title="Vision Oak & Glass" >Vision Oak & Glass</a></li><li><a href="immix-oak--glass-416-c.asp" title="Immix Oak & Glass" >Immix Oak & Glass</a></li><li><a href="fusion-oak--glass-420-c.asp" title="Fusion Oak & Glass" >Fusion Oak & Glass</a></li><li><a href="fusion-oak--metal-spindle-421-c.asp" title="Fusion Oak & Metal Spindle" >Fusion Oak & Metal Spindle</a></li><li><a href="elements-oak--glass-423-c.asp" title="Elements Oak & Glass" >Elements Oak & Glass</a></li> 1016 <li><a href="oak-stair-kits-424-c.asp" title="Oak Stair Kits" >View all Oak Stair Kits</a></li> 1017 </ul> 1018 </div> 1019 1020 </li> 1021 1022 1023 <li> 1024 <a href="stair-parts-489-c.asp" title="[name]"> 1025 1026 1027 1028 View all Stair Parts 1029 1030 </a> 1031 </li> 1032 1033 </ul> 1034 </div> 1035 </div> 1036 <!-- end of subnav-grid-wrapper --> 1037 1038 </li> 1039 1040 1041 <li class="flex has-children " 1042 > 1043 1044 1045 1046 1047 1048 1049 1050 1051 1052 1053 <div class="flex flex_align-center flex_space-between"> 1054 1055 1056 1057 <p>Joinery Parts</p> 1058 1059 1060 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg"> 1061 <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" /> 1062 </svg> 1063 1064 1065 </div> 1066 1067 <div class="subnav-grid-wrapper" data-nav-level="1"> 1068 <div class="container"> 1069 <div class="subnav-grid_mobile-menu" > 1070 <p class="close_subcat"> 1071 <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> 1072 <span>Back</span></p> 1073 <p class="prev-cat-name">Joinery Parts</p> 1074 </div>
1075 <ul class="subnav-grid"> 1076 1077 <li class="has-children" data-has-children="true" data-nav-url="ash-joinery-parts-499-c.asp" > 1078 1079 1080 1081 1082 1083 1084 <a href="ash-joinery-parts-499-c.asp" data-desktop-link="show">Ash Joinery Parts</a> 1085 <!-- displays a link with an arrow if the level 1 category has sub categorys (sub sub categorys) --> 1086 <p class="flex flex-align-center flex_space-between" data-desktop-link="hide"> 1087 <span>Ash Joinery Parts</span> 1088 <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" /> </svg> </p> 1089 1090 1091 1092 <div class="subnav-grid-wrapper sub-sub-cats-wrapper"> 1093 <div class="subnav-grid_mobile-menu"> 1094 <p class="close_subcat"> 1095 <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" /> </svg> 1096 <span>Back</span></p> 1097 <p class="prev-cat-name">Ash Joinery Parts</p> 1098 </div> 1099 <ul class="subnav-grid"> 1100 <li><a href="ash-mouldings-500-c.asp" title="Ash Mouldings" >Ash Mouldings</a></li><li><a href="ash-par-planed-all-round-502-c.asp" title="Ash PAR Planed all Round" >Ash PAR Planed all Round</a></li><li><a href="ash-wide-panel-board-501-c.asp" title="Ash Wide Panel Board" >Ash Wide Panel Board</a></li> 1101 <li><a href="ash-joinery-parts-499-c.asp" title="Ash Joinery Parts" >View all Ash Joinery Parts</a></li> 1102 </ul> 1103 </div> 1104 1105 </li> 1106 1107 1108 <li class="has-children" data-has-children="true" data-nav-url="pine-joinery-parts-474-c.asp" > 1109 1110 1111 1112 1113 1114
1115 <a href="pine-joinery-parts-474-c.asp" data-desktop-link="show">Pine Joinery Parts</a> 1116 <!-- displays a link with an arrow if the level 1 category has sub categorys (sub sub categorys) --> 1117 <p class="flex flex-align-center flex_space-between" data-desktop-link="hide"> 1118 <span>Pine Joinery Parts</span> 1119 <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" /> </svg> </p> 1120 1121 1122 1123 <div class="subnav-grid-wrapper sub-sub-cats-wrapper"> 1124 <div class="subnav-grid_mobile-menu"> 1125 <p class="close_subcat"> 1126 <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" /> </svg> 1127 <span>Back</span></p> 1128 <p class="prev-cat-name">Pine Joinery Parts</p> 1129 </div> 1130 <ul class="subnav-grid"> 1131 <li><a href="pine-panel-board-470-c.asp" title="Pine Panel Board" >Pine Panel Board</a></li><li><a href="pine-par-planed-all-round-477-c.asp" title="Pine PAR Planed all Round" >Pine PAR Planed all Round</a></li><li><a href="pine-angle-bead-482-c.asp" title="Pine Angle Bead" >Pine Angle Bead</a></li><li><a href="pine-covers--threshold-483-c.asp" title="Pine Covers & Threshold" >Pine Covers & Threshold</a></li><li><a href="pine-decorative-mouldings-475-c.asp" title="Pine Decorative Mouldings" >Pine Decorative Mouldings</a></li> 1132 <li><a href="pine-joinery-parts-474-c.asp" title="Pine Joinery Parts" >View all Pine Joinery Parts</a></li> 1133 </ul> 1134 </div> 1135 1136 </li> 1137 1138 1139 <li class="has-children" data-has-children="true" data-nav-url="oak-joinery-parts-418-c.asp" > 1140 1141 1142 1143 1144 1145
1146 <a href="oak-joinery-parts-418-c.asp" data-desktop-link="show">Oak Joinery Parts</a> 1147 <!-- displays a link with an arrow if the level 1 category has sub categorys (sub sub categorys) --> 1148 <p class="flex flex-align-center flex_space-between" data-desktop-link="hide"> 1149 <span>Oak Joinery Parts</span> 1150 <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" /> </svg> </p> 1151 1152 1153 1154 <div class="subnav-grid-wrapper sub-sub-cats-wrapper"> 1155 <div class="subnav-grid_mobile-menu"> 1156 <p class="close_subcat"> 1157 <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" /> </svg> 1158 <span>Back</span></p> 1159 <p class="prev-cat-name">Oak Joinery Parts</p> 1160 </div> 1161 <ul class="subnav-grid"> 1162 <li><a href="oak-mouldings-247-c.asp" title="Oak Mouldings" >Oak Mouldings</a></li><li><a href="oak-flat-beading-275-c.asp" title="Oak Flat Beading" >Oak Flat Beading</a></li><li><a href="oak-par--planed-all-round-451-c.asp" title="Oak PAR Planed all Round" >Oak PAR Planed all Round</a></li><li><a href="oak-par-joinery-grade-521-c.asp" title="Oak PAR Joinery Grade" >Oak PAR Joinery Grade</a></li><li><a href="solid-oak-wall-cladding-441-c.asp" title="Solid Oak Wall Cladding" >Solid Oak Wall Cladding</a></li> 1163 <li><a href="oak-joinery-parts-418-c.asp" title="Oak Joinery Parts" >View all Oak Joinery Parts</a></li> 1164 </ul> 1165 </div> 1166 1167 </li> 1168 1169 1170 <li class="has-children" data-has-children="true" data-nav-url="walnut-joinery-parts-491-c.asp" > 1171 1172 1173 1174 1175 1176
1177 <a href="walnut-joinery-parts-491-c.asp" data-desktop-link="show">Walnut Joinery Parts</a> 1178 <!-- displays a link with an arrow if the level 1 category has sub categorys (sub sub categorys) --> 1179 <p class="flex flex-align-center flex_space-between" data-desktop-link="hide"> 1180 <span>Walnut Joinery Parts</span> 1181 <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" /> </svg> </p> 1182 1183 1184 1185 <div class="subnav-grid-wrapper sub-sub-cats-wrapper"> 1186 <div class="subnav-grid_mobile-menu"> 1187 <p class="close_subcat"> 1188 <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" /> </svg> 1189 <span>Back</span></p> 1190 <p class="prev-cat-name">Walnut Joinery Parts</p> 1191 </div> 1192 <ul class="subnav-grid"> 1193 <li><a href="walnut-mouldings-495-c.asp" title="Walnut Mouldings" >Walnut Mouldings</a></li><li><a href="walnut-par-planed-all-round-496-c.asp" title="Walnut PAR Planed all Round" >Walnut PAR Planed all Round</a></li><li><a href="walnut-wide-panel-board-497-c.asp" title="Walnut Wide Panel Board" >Walnut Wide Panel Board</a></li> 1194 <li><a href="walnut-joinery-parts-491-c.asp" title="Walnut Joinery Parts" >View all Walnut Joinery Parts</a></li> 1195 </ul> 1196 </div> 1197 1198 </li> 1199 1200 1201 <li > 1202 1203 1204 1205 1206 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1207 <a href="primed-joinery-parts-534-c.asp">Primed Joinery Parts</a> 1208 1209 1210 1211 1212 1213 </li> 1214 1215 1216 <li> 1217 <a href="joinery-parts-490-c.asp" title="[name]"> 1218 1219 1220 1221 View all Joinery Parts 1222 1223 </a> 1224 </li> 1225 1226 </ul> 1227 </div> 1228 </div> 1229 <!-- end of subnav-grid-wrapper --> 1230 1231 </li> 1232 1233 1234 <li class="flex has-children " 1235 > 1236 1237 1238 1239 1240 1241 1242 1243 1244 1245 1246 <div class="flex flex_align-center flex_space-between"> 1247 1248 1249 1250 <p>Doors</p> 1251 1252 1253 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg"> 1254 <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" /> 1255 </svg> 1256 1257 1258 </div> 1259 1260 <div class="subnav-grid-wrapper" data-nav-level="1"> 1261 <div class="container"> 1262 <div class="subnav-grid_mobile-menu" > 1263 <p class="close_subcat"> 1264 <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> 1265 <span>Back</span></p> 1266 <p class="prev-cat-name">Doors</p> 1267 </div>
1268 <ul class="subnav-grid"> 1269 1270 <li class="has-children" data-has-children="true" data-nav-url="internal-doors-516-c.asp" > 1271 1272 1273 1274 1275 1276 1277 <a href="internal-doors-516-c.asp" data-desktop-link="show">Internal Doors</a> 1278 <!-- displays a link with an arrow if the level 1 category has sub categorys (sub sub categorys) --> 1279 <p class="flex flex-align-center flex_space-between" data-desktop-link="hide"> 1280 <span>Internal Doors</span> 1281 <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" /> </svg> </p> 1282 1283 1284 1285 <div class="subnav-grid-wrapper sub-sub-cats-wrapper"> 1286 <div class="subnav-grid_mobile-menu"> 1287 <p class="close_subcat"> 1288 <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" /> </svg> 1289 <span>Back</span></p> 1290 <p class="prev-cat-name">Internal Doors</p> 1291 </div> 1292 <ul class="subnav-grid"> 1293 <li><a href="palermo-529-c.asp" title="Palermo" >Palermo</a></li><li><a href="suffolk-530-c.asp" title="Suffolk" >Suffolk</a></li><li><a href="hardware--accessories-533-c.asp" title="Hardware & Accessories" >Hardware & Accessories</a></li> 1294 <li><a href="internal-doors-516-c.asp" title="Internal Doors" >View all Internal Doors</a></li> 1295 </ul> 1296 </div> 1297 1298 </li> 1299 1300 1301 <li class="has-children" data-has-children="true" data-nav-url="oak-door-casings-264-c.asp" > 1302 1303 1304 1305 1306 1307
1308 <a href="oak-door-casings-264-c.asp" data-desktop-link="show">Oak Door Casings</a> 1309 <!-- displays a link with an arrow if the level 1 category has sub categorys (sub sub categorys) --> 1310 <p class="flex flex-align-center flex_space-between" data-desktop-link="hide"> 1311 <span>Oak Door Casings</span> 1312 <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" /> </svg> </p> 1313 1314 1315 1316 <div class="subnav-grid-wrapper sub-sub-cats-wrapper"> 1317 <div class="subnav-grid_mobile-menu"> 1318 <p class="close_subcat"> 1319 <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" /> </svg> 1320 <span>Back</span></p> 1321 <p class="prev-cat-name">Oak Door Casings</p> 1322 </div> 1323 <ul class="subnav-grid"> 1324 <li><a href="oak-door-liner-set-20mm-352-c.asp" title="Oak Door Liner Set 20mm" >Oak Door Liner Set 20mm</a></li><li><a href="oak--door-casing-set-32mm-354-c.asp" title="Oak Door Casing Set 32mm" >Oak Door Casing Set 32mm</a></li><li><a href="oak-fd30-door-liner-set-32mm-353-c.asp" title="Oak FD30 Door Liner Set 32mm" >Oak FD30 Door Liner Set 32mm</a></li><li><a href="oak-fd30-door-casing-set-44mm-357-c.asp" title="Oak FD30 Door Casing Set 44mm" >Oak FD30 Door Casing Set 44mm</a></li> 1325 <li><a href="oak-door-casings-264-c.asp" title="Oak Door Casings" >View all Oak Door Casings</a></li> 1326 </ul> 1327 </div> 1328 1329 </li> 1330 1331 1332 <li class="has-children" data-has-children="true" data-nav-url="oak-doors-parts-432-c.asp" > 1333 1334 1335 1336 1337 1338
1339 <a href="oak-doors-parts-432-c.asp" data-desktop-link="show">Oak Doors Parts</a> 1340 <!-- displays a link with an arrow if the level 1 category has sub categorys (sub sub categorys) --> 1341 <p class="flex flex-align-center flex_space-between" data-desktop-link="hide"> 1342 <span>Oak Doors Parts</span> 1343 <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" /> </svg> </p> 1344 1345 1346 1347 <div class="subnav-grid-wrapper sub-sub-cats-wrapper"> 1348 <div class="subnav-grid_mobile-menu"> 1349 <p class="close_subcat"> 1350 <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" /> </svg> 1351 <span>Back</span></p> 1352 <p class="prev-cat-name">Oak Doors Parts</p> 1353 </div> 1354 <ul class="subnav-grid"> 1355 <li><a href="oak-hockey-stick-fd30-303-c.asp" title="Oak Hockey Stick FD30" >Oak Hockey Stick FD30</a></li><li><a href="oak-drip-bead-414-c.asp" title="Oak Drip Bead" >Oak Drip Bead</a></li><li><a href="oak-door-weather-bar-302-c.asp" title="Oak Door Weather Bar" >Oak Door Weather Bar</a></li><li><a href="oak-door-stop-bead-304-c.asp" title="Oak Door Stop Bead" >Oak Door Stop Bead</a></li><li><a href="oak-architrave-306-c.asp" title="Oak Architrave" >Oak Architrave</a></li> 1356 <li><a href="oak-doors-parts-432-c.asp" title="Oak Doors Parts" >View all Oak Doors Parts</a></li> 1357 </ul> 1358 </div> 1359 1360 </li> 1361 1362 1363 <li> 1364 <a href="doors-512-c.asp" title="[name]"> 1365 1366 1367 1368 View all Doors 1369 1370 </a> 1371 </li> 1372 1373 </ul> 1374 </div> 1375 </div> 1376 <!-- end of subnav-grid-wrapper --> 1377 1378 </li> 1379 1380 1381 <li class="flex has-children " 1382 > 1383 1384 1385 1386 1387 1388 1389 1390 1391 1392 1393 <div class="flex flex_align-center flex_space-between"> 1394 1395 1396 1397 <p>Flooring</p> 1398 1399 1400 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg"> 1401 <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" /> 1402 </svg> 1403 1404 1405 </div> 1406 1407 <div class="subnav-grid-wrapper" data-nav-level="1"> 1408 <div class="container"> 1409 <div class="subnav-grid_mobile-menu" > 1410 <p class="close_subcat"> 1411 <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> 1412 <span>Back</span></p> 1413 <p class="prev-cat-name">Flooring</p> 1414 </div>
1415 <ul class="subnav-grid"> 1416 1417 <li class="has-children" data-has-children="true" data-nav-url="engineered-oak-flooring-488-c.asp" > 1418 1419 1420 1421 1422 1423 1424 <a href="engineered-oak-flooring-488-c.asp" data-desktop-link="show">Engineered Oak Flooring</a> 1425 <!-- displays a link with an arrow if the level 1 category has sub categorys (sub sub categorys) --> 1426 <p class="flex flex-align-center flex_space-between" data-desktop-link="hide"> 1427 <span>Engineered Oak Flooring</span> 1428 <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" /> </svg> </p> 1429 1430 1431 1432 <div class="subnav-grid-wrapper sub-sub-cats-wrapper"> 1433 <div class="subnav-grid_mobile-menu"> 1434 <p class="close_subcat"> 1435 <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" /> </svg> 1436 <span>Back</span></p> 1437 <p class="prev-cat-name">Engineered Oak Flooring</p> 1438 </div> 1439 <ul class="subnav-grid"> 1440 <li><a href="balmoral-originals-525-c.asp" title="Balmoral Originals" >Balmoral Originals</a></li><li><a href="balmoral-colours-531-c.asp" title="Balmoral Colours" >Balmoral Colours</a></li><li><a href="blenheim-originals-532-c.asp" title="Blenheim Originals" >Blenheim Originals</a></li><li><a href="blenhiem-traditional-526-c.asp" title="Blenhiem Traditional" >Blenhiem Traditional</a></li><li><a href="loch-523-c.asp" title="Loch" >Loch</a></li> 1441 <li><a href="engineered-oak-flooring-488-c.asp" title="Engineered Oak Flooring" >View all Engineered Oak Flooring</a></li> 1442 </ul> 1443 </div> 1444 1445 </li> 1446 1447 1448 <li > 1449 1450 1451 1452 1453 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1454 <a href="solid-oak-flooring-265-c.asp">Solid Oak Flooring</a> 1455 1456 1457 1458 1459 1460 </li> 1461 1462 1463 <li class="has-children" data-has-children="true" data-nav-url="oak-door-threshold-252-c.asp" > 1464 1465 1466 1467 1468 1469
1470 <a href="oak-door-threshold-252-c.asp" data-desktop-link="show">Oak Door Threshold</a> 1471 <!-- displays a link with an arrow if the level 1 category has sub categorys (sub sub categorys) --> 1472 <p class="flex flex-align-center flex_space-between" data-desktop-link="hide"> 1473 <span>Oak Door Threshold</span> 1474 <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" /> </svg> </p> 1475 1476 1477 1478 <div class="subnav-grid-wrapper sub-sub-cats-wrapper"> 1479 <div class="subnav-grid_mobile-menu"> 1480 <p class="close_subcat"> 1481 <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" /> </svg> 1482 <span>Back</span></p> 1483 <p class="prev-cat-name">Oak Door Threshold</p> 1484 </div> 1485 <ul class="subnav-grid"> 1486 <li><a href="oak-bevel-threshold-331-c.asp" title="Oak Bevel Threshold" >Oak Bevel Threshold</a></li><li><a href="oak-flat-threshold---1-round-edge-369-c.asp" title="Oak Flat Threshold - 1 Round Edge" >Oak Flat Threshold - 1 Round Edge</a></li><li><a href="oak-flat-threshold---2-round-edges-370-c.asp" title="Oak Flat Threshold - 2 Round Edges" >Oak Flat Threshold - 2 Round Edges</a></li><li><a href="oak-flat-threshold---square-edges-368-c.asp" title="Oak Flat Threshold - Square Edges" >Oak Flat Threshold - Square Edges</a></li><li><a href="oak-ramp-thresholds-333-c.asp" title="Oak Ramp Thresholds" >Oak Ramp Thresholds</a></li> 1487 <li><a href="oak-door-threshold-252-c.asp" title="Oak Door Threshold" >View all Oak Door Threshold</a></li> 1488 </ul> 1489 </div> 1490 1491 </li> 1492 1493 1494 <li > 1495 1496 1497 1498 1499 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1500 <a href="flooring-accessories-492-c.asp">Flooring Accessories</a> 1501 1502 1503 1504 1505 1506 </li> 1507 1508 1509 <li> 1510 <a href="flooring-440-c.asp" title="[name]"> 1511 1512 1513 1514 View all Flooring 1515 1516 </a> 1517 </li> 1518 1519 </ul> 1520 </div> 1521 </div> 1522 <!-- end of subnav-grid-wrapper --> 1523 1524 </li> 1525 1526 1527 <li class="flex has-children " 1528 > 1529 1530 1531 1532 1533 1534 1535 1536 1537 1538 1539 <div class="flex flex_align-center flex_space-between"> 1540 1541 1542 1543 <p>Wall Panels</p> 1544 1545 1546 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="https://www.w3.org/2000/svg"> 1547 <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" /> 1548 </svg> 1549 1550 1551 </div> 1552
1553 <div class="subnav-grid-wrapper" data-nav-level="1"> 1554 <div class="container"> 1555 <div class="subnav-grid_mobile-menu" > 1556 <p class="close_subcat"> 1557 <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> 1558 <span>Back</span></p> 1559 <p class="prev-cat-name">Wall Panels</p> 1560 </div> 1561 <ul class="subnav-grid"> 1562 1563 <li > 1564 1565 1566 1567 1568 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1569 <a href="slat-wall-strips-515-c.asp">Slat Wall Strips</a> 1570 1571 1572 1573 1574 1575 </li> 1576 1577 1578 <li > 1579 1580 1581 1582 1583 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1584 <a href="wall-panelling-kits-498-c.asp">Wall Panelling Kits</a> 1585 1586 1587 1588 1589 1590 </li> 1591 1592 1593 <li > 1594 1595 1596 1597 1598 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1599 <a href="solid-oak-acoustic-wall-panel-493-c.asp">Solid Oak Acoustic Wall Panel</a> 1600 1601 1602 1603 1604 1605 </li> 1606 1607 1608 <li > 1609 1610 1611 1612 1613 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1614 <a href="veneer-oak-acoustic-wall-panel-514-c.asp">Veneer Oak Acoustic Wall Panel</a> 1615 1616 1617 1618 1619 1620 </li> 1621 1622 1623 <li > 1624 1625 1626 1627 1628 <!-- Outputs a standard link if there is no sub categories at level 1 --> 1629 <a href="solid-oak-room-divider-slats-544-c.asp">Solid Oak Room Divider Slats</a> 1630 1631 1632 1633 1634 1635 </li> 1636 1637 1638 <li> 1639 <a href="wall-panels-513-c.asp" title="[name]"> 1640 1641 1642 1643 View all Wall Panels 1644 1645 </a> 1646 </li> 1647 1648 </ul> 1649 </div> 1650 </div> 1651 <!-- end of subnav-grid-wrapper --> 1652 1653 </li> 1654 1655 1656 1657 1658 </ul> 1659 <!--<div class="more" >More</div>--> 1660 1661</div> 1662 1663<!-- 1664 NONE MEGA MENU - TOP LEVEL CATGEGORIES ARE IN THE DROP DOWN MENU ON DESKTOP 1665 --> 1666 1667</nav> 1668 1669
1669<script> 1670 const primary_nav_list_item = document.querySelectorAll('.primary-nav > li.has-children') 1671 primary_nav_list_item.forEach(list_item => { 1672 list_item.classList.add("no-images"); 1673 list_item.querySelector('.subnav-grid-wrapper').classList.add("no-images"); 1674 }) 1675 </script>
1675 1676 1677 1678</ekm-section> 1679<div class="shopui ekm-account-login"> 1680 1681 <div class="shopui-grid shopui-grid--flex shopui-grid--stretch shopui-grid--no-rows"> 1682 <div class="shopui-grid__column shopui-grid__column--span-8 shopui-xs-grid__column--span-12 ekm-account-login__login"> 1683 1684 1685 1686 1687 <section class="shopui-section shopui-section--login-split"> 1688 <header class="shopui-section__header"> 1689 <div class="shopui-section__title">Login</div> 1690 <div class="shopui-section__description">View your recent orders and update your details.</div> 1691 </header><!-- .shopui-section__header --> 1692 <div class="shopui-section__content"> 1693 <form method="post" action="https://www.oakstoredirect.com/index.asp?function=CUSTOMERUSERLOGIN&uid=1B3A898E%2D8866%2D4E1A%2D94F7%2DF0F0C0EDD458"><input type="hidden" name="rt" value="index.asp?function=ACCOUNT" /> 1694 1695 <div class="shopui-form-row shopui-form-row--stacked"> 1696 <div class="shopui-form-row__details"> 1697 <label for="email" class="shopui-label">Email Address</label> 1698 </div><!-- .shopui-form-row__details --> 1699 <div class="shopui-form-row__field"> 1700 <div class="shopui-validation"> 1701 <input type="email" id="email" name="email" required class="shopui-text-field" placeholder="Example: [email protected]"> 1702 </div><!-- .shopui-validation --> 1703 </div><!-- .shopui-form-row__field --> 1704 </div><!-- .shopui-form-row --> 1705 1706 <div class="shopui-form-row shopui-form-row--stacked"> 1707 <div class="shopui-form-row__details"> 1708 <label for="password" class="shopui-label">Password</label> 1709 </div><!-- .shopui-form-row__details --> 1710 <div class="shopui-form-row__field"> 1711 <div class="shopui-validation"> 1712 <span class="shopui-password-field"> 1713 <input type="password" id="password" name="password" class="shopui-text-field shopui-password-field__field shopui-password-field__field--password" autocomplete="off"> 1714 <input type="text" class="shopui-text-field shopui-password-field__field shopui-password-field__field--text"> 1715 <a href="#" class="shopui-password-field__button" data-hide-text="Hide Password" data-show-text="Show Password"></a> 1716 </span> 1717 </div><!-- .shopui-validation --> 1718 </div><!-- .shopui-form-row__field --> 1719 </div><!-- .shopui-form-row --> 1720 1721 <div class="shopui-button-row"> 1722 <button type="submit" class="shopui-button shopui-button--primary">Log In</button> 1723 1724 <div class="u-margin-top--small u-text-align--center u-font-size--small"> 1725 <a href="index.asp?function=ACCOUNTFORGOTPASSWORD">Forgot password?</a> 1726 </div> 1727 1728 </div><!-- .shopui-button-row --> 1729 </form> 1730 </div><!-- .shopui-section__content --> 1731 </section><!-- .shopui-section --> 1732 1733 </div><!-- .shopui-grid__column --> 1734 1735 <div class="shopui-grid__column shopui-grid__column--span-4 shopui-xs-grid__column--span-12 ekm-account-login__create"> 1736 <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"> 1737 <header class="shopui-section__header"> 1738 <div class="shopui-section__title">Need an account?</div> 1739 <div class="shopui-section__description">Manage your orders and details.</div> 1740 </header><!-- .shopui-section__header --> 1741 <div class="shopui-section__content"> 1742 <a href="index.asp?function=ACCOUNTCREATE">Create Account</a> 1743 </div><!-- .shopui-section__content --> 1744 </section><!-- .shopui-section --> 1745 </div><!-- .shopui-grid__column --> 1746 </div><!-- .shopui-grid --> 1747 1748</div><!-- .shopui --> 1749<ekm-section data-type="footer"> 1750 1751 1752 <style> 1753 :root{ 1754 --footer_bg: #000000; 1755 --footer_text: #FFFFFF; 1756 --footer_link: #FFFFFF; 1757 --webpages_background: #049aff; 1758 --copyright_background: #4a4a4a; 1759 --copyright_text: #FFFFFF; 1760 } 1761 1762 footer{ 1763 1764 1765 1766 } 1767 .background_image{ 1768 background-image: url( ); 1769 background-repeat: no-repeat; 1770 background-position: center center; 1771 1772 background-size: auto; 1773 1774 1775 1776 } 1777 .copyright-bar{ 1778 padding: 15px 0px; 1779 background-color: var(--copyright_background); 1780 color: var(--copyright_text); 1781 text-align: center; 1782 font-size: 1.4rem; 1783 } 1784 .copyright-bar .container{ 1785 display: grid; 1786 grid-template-columns: 1fr; 1787 gap: 15px; 1788 padding: 0px 20px; 1789 } 1790 .copyright-block-cards{ 1791 order: 1; 1792 } 1793 .copyright-block-company{ 1794 order: 2; 1795 } 1796 .copyright-block-sitename{ 1797 order: 3; 1798 } 1799 .copyright-bar a{ 1800 color: inherit; 1801 font-size: inherit; 1802 text-decoration: underline; 1803 } 1804 .copyright-bar span { 1805 font-size: inherit; 1806 } 1807 .copyright-block-sitename span, .copyright-block-company span{ 1808 font-size: inherit; 1809 margin-left: 2px; 1810 text-align: left; 1811 } 1812 .copyright-block-sitename { 1813 font-size: 1.4rem; 1814 } 1815 .copyright-block-company, .copyright-block-cards, .copyright-block-sitename { 1816 justify-content: left; 1817 } 1818 1819 .copyright-block-sitename { 1820 flex-wrap: wrap; 1821 } 1822 1823 span.ekmps-vat-number, span.ekmps-company-number{ 1824 display: inline-block; 1825 margin: 0px; 1826 1827 margin: 10px 3px 0 3px; 1828 1829 font-size: 1.4rem; 1830 } 1831 .dash { 1832 margin: 0px 5px; 1833 } 1834 .ekm-card-logos-image { 1835 height: 30px; 1836 width: auto; 1837 } 1838 1839 footer > .container { 1840 1841 padding-top: 0px; 1842 padding-bottom: 0px; 1843 1844 1845 1846 1847 } 1848 footer .footer-block ul { 1849 1850 } 1851 .footer-block--social { 1852 display: grid; 1853 justify-content: flex-start; 1854 } 1855 .footer-block--webpages { 1856 1857 1858 } 1859 .footer-block--webpages .container { 1860 1861 } 1862 .footer-block--address { 1863 display: grid; 1864 justify-content: flex-start; 1865 text-align: left; 1866 } 1867 .footer-block--webpages ul li { 1868 display: flex; 1869 flex-direction: column; 1870 } 1871 .footer-contact > li { 1872 display: flex; 1873 flex-direction: row; 1874 } 1875 footer .footer-block--address ul { 1876 justify-content: left; 1877 margin-top: 15px; 1878 gap: 0px; 1879 } 1880 footer .footer-block h4 { 1881 1882 } 1883 .accordian-title svg { 1884 height: 18px; 1885 width: 18px;
1886 margin-left: 5px; 1887 fill: #fff; 1888 align-self: center; 1889 } 1890 .is-accordian { 1891 display: flex !important; 1892 flex-direction: column; 1893 gap: 5px; 1894 } 1895 .accordian-title{ 1896 display: flex; 1897 cursor: pointer; 1898 justify-content: space-between; 1899 padding: 10px 0px; 1900 border-top: solid 2px #2F3643; 1901 border-bottom: solid 2px #2F3643; 1902 1903 } 1904 .footer-block--logo img{ 1905 max-width: 150px; 1906 } 1907 .footer-block--logo { 1908 justify-content: flex-start; 1909 } 1910 .slider_wrapper { 1911 transition:height 1s ease-out; 1912 height:0; 1913 overflow:hidden; 1914 } 1915 .is-accordian.flex.flex-wrap > li:first-child { 1916 1917 } 1918 @media only screen and (min-width: 768px) { 1919 footer > .container { 1920 gap: 40px; 1921 1922 1923 1924 } 1925 .footer-block--social { 1926 display: grid; 1927 1928 1929 1930 } 1931 .footer-block--webpages { 1932 1933 } 1934 .footer-block--address{ 1935 display: grid; 1936 justify-content: center; 1937 text-align: center; 1938 } 1939 footer .footer-block h4 { 1940 1941 } 1942 .footer-block--logo img{ 1943 max-width: 150px; 1944 } 1945 .footer-block--logo { 1946 justify-content: center; 1947 } 1948 .copyright-bar .container{ 1949 grid-template-columns: 1fr 1fr 1fr; 1950 1951 grid-template-columns: 1fr 1fr; 1952 1953 gap: 20px; 1954 } 1955 .copyright-block-sitename { 1956 justify-content: center; 1957 order: 2; 1958 1959 justify-content: flex-start; 1960 order: 1; 1961 1962 } 1963 .copyright-block-cards{ 1964 justify-content: flex-end; 1965 order: 3; 1966 } 1967 .copyright-block-company{ 1968 justify-content: flex-start; 1969 1970 justify-content: flex-end; 1971 1972 order: 2; 1973 } 1974 .is-accordian { 1975 display: flex !important; 1976 } 1977 .is-accordian.active { 1978 display: none !important; 1979 } 1980 .accordian-title { 1981 cursor: inherit; 1982 padding: 0px; 1983 border-top: none; 1984 border-bottom: none; 1985 1986 } 1987 .accordian-title svg{ 1988 display: none; 1989 } 1990 footer .footer-block--address ul { 1991 justify-content: center; 1992 } 1993 .is-accordian { 1994 flex-direction: row; 1995 } 1996 .slider_wrapper { 1997 transition:height 1s ease-out; 1998 height:auto !important; 1999 /*This overrides any height added by JS*/ 2000 overflow:initial; 2001 } 2002 .is-accordian.flex.flex-wrap > li:first-child { 2003 2004 } 2005 } 2006 @media only screen and (min-width: 500px){ 2007 .useful-links.two_cols{ 2008 columns: 2; 2009 column-gap: 20px; 2010 } 2011 } 2012 .recently-viewed-products h2{ 2013 margin-bottom: 20px; 2014 } 2015 .recently-viewed-products{ 2016 padding: 40px 0; 2017 } 2018 .recently-viewed-products { 2019 background-color: #EFEFEF; 2020 } 2021 .recently-viewed-products h2{ 2022 color: #333333; 2023 } 2024 .recently-viewed-products h2{ 2025 margin-bottom: 20px; 2026 } 2027 </style> 2028 2029 2030 2031 2032 2033 2034 2035 <footer > 2036 <div class="container " > 2037 <div class="footer-block" > 2038 <h4>Useful Links</h4> 2039 <ul class="useful-links" ><li><a href="index.asp">Home</a></li><li><a href="about-us-56-w.asp">About Us</a></li><li><a href="contact-us-2-w.asp">Contact Us</a></li><li><a href="delivery-3-w.asp">Delivery</a></li><li><a href="returns-58-w.asp">Returns</a></li><li><a href="brochures-40-w.asp">Brochures</a></li><li><a href="t-amp-cs-1-w.asp">T & C's</a></li><li><a href="http://www.oakstoredirect.com/blog">Blog</a></li><li><a href="privacy-54-w.asp">Privacy</a></li><li><a href="cookies-55-w.asp">Cookies</a></li> 2040 <li><a href="/terms.asp">Terms and Conditions</a></li> 2041 <li><a href="/privacy.asp">Privacy</a></li> 2042 <li><a href="/sitemap.asp">Sitemap</a></li> 2043 </ul><!-- #extra-page-menu --> 2044 </div> 2045 2046 <div class="footer-block" > 2047 <h4>Stay Connected </h4> 2048 <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/oakstore" target="_blank"><img src="https://13.cdn.ekm.net/ekmps/assets/images/features/social/link/Colour/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.facebook.com/oakstoredirect" target="_blank"><img src="https://13.cdn.ekm.net/ekmps/assets/images/features/social/link/Colour/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.pinterest.com/https://www.pinterest.co.uk/OakStoreDirect/pins/" target="_blank"><img src="https://13.cdn.ekm.net/ekmps/assets/images/features/social/link/Colour/Medium/pinterest.svg"height="32px" width="32px" alt="Pinterest" /></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/[email protected]" target="_blank"><img src="https://13.cdn.ekm.net/ekmps/assets/images/features/social/link/Colour/Medium/instagram.svg"height="32px" width="32px" alt="Instagram" /></a></div></div> 2049 </div> 2050 2051 2052 2053 2054 <div class="footer-block" > 2055 2056 2057 2058 2059 2060 2061 <h4>We Accept</h4> 2062 <style type="text/css">.ekm-card-logos-image {padding:2px;}</style><span style="display:block;"><img class="ekm-card-logos-image" src="https://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/visa-electron.png" srcset="https://13.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://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/mastercard.png" srcset="https://13.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://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/maestro.png" srcset="https://13.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://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/visa.png" srcset="https://13.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://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/paypal.png" srcset="https://13.cdn.ekm.net/ekmps/assets/images/cardlogos/rounded-small/[email protected] 2x" alt="Pay with PayPal" width="50" height="30" /></span> 2063 2064 </div> 2065 2066 </div> 2067 </footer> 2068 <div class="copyright-bar"> 2069 <div class="container"> 2070 <div class="copyright-block-company flex flex_align-center"> 2071 <div> 2072
2073 <span class="ekmps-vat-number">VAT Number: <span>171236526</span></span><!-- /.ekmps-vat-number --> 2074 2075 2076 <span class="ekmps-company-number">Registered company: <span>8707737</span></span><!-- /.ekmps-company-number --> 2077 2078 </div> 2079 </div> 2080 2081 <div class="copyright-block-sitename flex flex_align-center"> 2082 2083 © Copyright <span id="year">2022 </span> Solid Oak Stair Parts & Mouldings All rights reserved <br> 2084 2085 </div> 2086 </div> 2087 </div> 2088 2089 2090 2091 2092 2093 2094 2095 2096 2097 2098 <style> 2099 .newsletter-notification{ 2100 position: fixed; 2101 z-index: 99; 2102 bottom: 0; 2103 right: 0; 2104 background-color: #eee; 2105 padding: 20px; 2106 border-radius: 10px; 2107 box-shadow: 0 3px 12px rgba(0,0,0,0.16); 2108 transform: translateX(150%); 2109 opacity: 0; 2110 transition: all 0.25s ease; 2111 margin: 10px; 2112 } 2113 .newsletter-notification.active{ 2114 transform: translateX(0%); 2115 opacity: 1; 2116 } 2117 .newsletter-noti-title{ 2118 font-size: 1.6rem; 2119 font-weight: 800; 2120 margin-bottom: 10px; 2121 color: #333; 2122 } 2123 .newsletter-noti-content{ 2124 font: 1.25rem; 2125 color: #333; 2126 } 2127 .newsletter-notification-close{ 2128 width: 25px; 2129 height: 25px; 2130 background-color: rgba(198, 198, 198, 0.933); 2131 border-radius: 50%; 2132 position: absolute; 2133 top: -6px; 2134 right: -6px; 2135 cursor: pointer; 2136 } 2137 .newsletter-notification-close > svg{ 2138 width: 18px; 2139 height: 18px; 2140 } 2141 @media only screen and (min-width:768px){ 2142 .newsletter-notification{ 2143 max-width: 400px; 2144 } 2145 } 2146 </style> 2147 <div class="newsletter-notification"> 2148 <div class="newsletter-notification-close flex flex_align-center flex_justify-center"> 2149 <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> 2150 </div> 2151 <p class="newsletter-noti-title">Thank you for signing up to our newsletter</p> 2152 <p class="newsletter-noti-content">Please check your inbox to confirm your subscription.</p> 2153 </div> 2154
2154<script defer> 2155 //Newsletter Form Message 2156 let newsletter_notification = document.querySelector(".newsletter-notification"); 2157 function newsletterSubmit() { 2158 // let newsletter_notification_title = document.querySelector(".newsletter-noti-title"); 2159 // let newsletter_notification_content = document.querySelector(".newsletter-noti-content"); 2160 newsletter_notification.classList.add("active"); 2161 setTimeout(() => { 2162 newsletter_notification.classList.remove("active"); 2163 }, 5000); 2164 }; 2165 2166 document.querySelector(".newsletter-notification-close").addEventListener("click", (e) => { 2167 newsletter_notification.classList.remove("active"); 2168 }) 2169 2170 2171 const useful_links = document.querySelector(".useful-links"); 2172 if( useful_links.childElementCount >= 6 ){ 2173 useful_links.classList.add("two_cols") 2174 } 2175 2176 2177 2178 </script>
vendor: 2 bytes, line 2178
2178
2179<script> 2180 addEventListener('DOMContentLoaded', (event) => { 2181 const footerDropdownMenu = document.querySelector(".accordian-title"); 2182 const slideDownMenu = document.querySelector(".slider_wrapper"); 2183 if(footerDropdownMenu != null){ 2184 footerDropdownMenu.addEventListener("click", () => { 2185 const menuHeight = document.querySelector(".is-accordian").offsetHeight; 2186 if(slideDownMenu.offsetHeight > 0){ 2187 slideDownMenu.style.height = "0px" 2188 }else{ 2189 slideDownMenu.style.height = `${menuHeight}px`; 2190 } 2191 2192 }); 2193 } 2194 }); 2195</script>
2195 2196</ekm-section> 2197 2198 2199 2200 2201 </main>
2202<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/js/splide.min.js" defer fetchpriority="low"></script>
2202 2203<link href="https://cdn.ekmsecure.com/font-awesome/latest/fa.css" defer fetchpriority="low" > 2204<noscript> 2205 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@latest/dist/css/splide.min.css"defer fetchpriority="low" > 2206 <link href="https://cdn.ekmsecure.com/font-awesome/latest/fa.css" rel="stylesheet" defer fetchpriority="low"> 2207</noscript>
2208<script defer > 2209 2210 const tabletMQ = window.matchMedia("(min-width: 768px)"); 2211 const desktopMQ = window.matchMedia("(min-width: 1024px)"); 2212 2213 window.addEventListener('DOMContentLoaded', (event) => { 2214 console.log('%cDOM fully loaded and parsed.', "color:#28a745"); 2215 2216const backgroundImageFullRes = (image) => { 2217 let element = document.querySelector(image); 2218 if(element == null){ 2219 return; 2220 } 2221 if(!element.hasAttribute("data-slider-num")){ 2222 let computedStyle = window.getComputedStyle(element); 2223 let bgImageUrl = computedStyle.backgroundImage; 2224 let newImageUrl; 2225 2226 // Remove the leading 'url(' and trailing ')' characters 2227 bgImageUrl = bgImageUrl.substring(4, bgImageUrl.length - 1); 2228 // Gets the above URL and splits it on the ?w query then returns the first part of the split which is the clean URL. 2229 bgImageUrl = bgImageUrl.split("?w")[0]; 2230 newImageUrl = bgImageUrl.replaceAll('"', ""); 2231 2232 // Appends the image URL with the query sting for a raw image 2233 newBackgroundImageURL = newImageUrl + "?r=1"; 2234 2235 2236 // Replaces current banner with high res one. 2237 element.style.backgroundImage = "url('" + newBackgroundImageURL + "')"; 2238 } 2239 2240 2241} 2242if(desktopMQ.matches){ 2243 backgroundImageFullRes(".main-banner-block"); 2244 console.log('%cBanner image updated.', "color:#28a745"); 2245} 2246 2247 2248 2249 var prod_sliders = document.querySelectorAll('.product-slider'); 2250 var prod_sliders_arr = Array.prototype.slice.call(prod_sliders); 2251 prod_sliders_arr.forEach(function(slider) { 2252 new Splide(slider, { 2253 type: "slide", 2254 pagination : false, 2255 perPage : 5, 2256 perMove: 1, 2257 rewind: true, 2258 rewindSpeed: 2500, 2259 gap: 20, 2260 speed: 1200, 2261 arrows: true, 2262 breakpoints: { 2263 550: { 2264 perPage: 1, 2265 perMove: 1 2266 }, 2267 900: { 2268 perPage: 2, 2269 perMove: 1 2270 }, 2271 1280: { 2272 perPage: 3, 2273 perMove: 2 2274 } 2275 }, 2276 }).mount(); 2277 }); 2278 2279 console.log('%cSlider initialisation complete.', "color:#28a745"); 2280 console.log('%cMerchant Logged in: ' + is_merchant_logged_in, "color:#ffc107"); 2281 setTimeout(() => { 2282 if (typeof ekmProductImageBadges != 'undefined'){ 2283 console.log('%cProduct stickers re-initialisation complete.', "color:#28a745"); 2284 ekmProductImageBadges.reInit(); 2285 } 2286 }, 400); 2287 // Closes the nav dropdown if the user clicks of the nav box. 2288 window.addEventListener("click", (e) => { 2289 const all_nav_grids = document.querySelectorAll(".subnav-grid-wrapper"); 2290 all_nav_grids.forEach((single_nav_grid) => { 2291 if(single_nav_grid.classList.contains("mobile_open")){ 2292 if(e.target != document.querySelector(".subnav-grid-wrapper")){ 2293 single_nav_grid.classList.toggle("mobile_open") 2294 } 2295 } 2296 }) 2297 }); 2298 2299 document.querySelectorAll(".splide__arrow").forEach(splideBtn => { 2300 if(splideBtn.disabled){ 2301 splideBtn.classList.add("ekm_hide_me") 2302 } 2303 }) 2304 2305 2306}); 2307 2308</script>
2308 2309
2310<script> 2311 window.addEventListener('DOMContentLoaded', (event) => { 2312 var cat_sliders = document.querySelectorAll(".category-slider"); 2313 var cat_sliders_arr = Array.prototype.slice.call(cat_sliders); 2314 cat_sliders_arr.forEach(function(slider) { 2315 new Splide(slider, { 2316 type: "slide", 2317 pagination : false, 2318 perPage : 5, 2319 rewind: true, 2320 rewindSpeed: 2500, 2321 gap: 20, 2322 perMove: 1, 2323 speed: 1200, 2324 breakpoints: { 2325 550: { 2326 perPage: 1, 2327 perMove: 1 2328 }, 2329 900: { 2330 perPage: 2, 2331 perMove: 1 2332 }, 2333 1280: { 2334 perPage: 3, 2335 perMove: 2 2336 } 2337 }, 2338 }).mount(); 2339 }); 2340 }) 2341</script>
2341 2342
2343<script defer fetchpriority="low" > 2344 2345// list of CSS files that are section specific 2346var promoCSS = "//themes.cdn.ekm.net/themes/master/2271/css/promo-sections.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF"; 2347var galleryCSS = "//themes.cdn.ekm.net/themes/master/2271/css/gallery.css?v=CEB275EA-0C4F-43D7-BA84-C777CCD1A3BF"; 2348 2349//variables that are being checked at section level, this is used to determine if the section is in the merchants theme. 2350var is_promo_section_active; 2351var is_gallery_section_active; 2352 2353// The global function that adds the CSS link to the head 2354function addCSS(cssUrl) { 2355 var element = document.createElement("link"); 2356 element.setAttribute("rel", "stylesheet"); 2357 element.setAttribute("type", "text/css"); 2358 element.setAttribute("href", cssUrl); 2359 document.getElementsByTagName("head")[0].appendChild(element); 2360} 2361 2362// This is where the true or false gets stored if the section is active in the theme. 2363let section_active = { 2364 promoCSS: is_promo_section_active, 2365 galleryCSS: is_gallery_section_active 2366}; 2367 2368// Loops over the above object and checks if the section is true if so the respect CSS file will get added to the header. 2369for( var key in section_active){ 2370 if(section_active[key] == true){ 2371 addCSS(eval(key)); 2372 } 2373} 2374 2375 2376</script>
vendor: 2 bytes, line 2376
2376
2377<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 2377
2377
2378<script type="application/json" data-softcart-lc> 2379 { 2380 " In Stock": " Item in Stock", 2381 " Sold Out": " Out of stock", 2382 "fake": null 2383 } 2384 </script>
vendor: 2 bytes, line 2384
2384
2385<script src="https://shopui.ekmsecure.com/2%2E1%2E13/scripts/shopui.js"></script>
2385<script src="//ekmpinpoint.ekmsecure.com/harvest/stats.js" async></script>
vendor: 2 bytes, line 2385
2385
2386<script> 2387(function(fn, a){ 2388 var epp = window._ekmpinpoint || (window._ekmpinpoint = {}) ; 2389 var called = false; 2390 var callOnce = function(){ 2391 if (called) return; 2392 epp[fn].apply(epp, a) ; 2393 called = true; 2394 }; 2395 if (epp && epp[fn]) return callOnce() ; 2396 var pfn; 2397 Object.defineProperty(epp, fn, { 2398 'enumerable': true, 2399 'configurable': false, 2400 'set': function(x) { 2401 pfn = x; 2402 callOnce() ; 2403 }, 2404 'get': function() { 2405 return pfn; 2406 } 2407 }) ; 2408})("getStats", ["oakstoredirect"]) ; 2409</script>
vendor: 2 bytes, line 2409
2409
2410<script src="//globalstats.ekmsecure.com/hits/stats-global.js" async></script>
vendor: 2 bytes, line 2410
2410
2411<script> 2412(function(fn, a){ 2413 var epp = window._ekmpinpoint || (window._ekmpinpoint = {}) ; 2414 var called = false; 2415 var callOnce = function(){ 2416 if (called) return; 2417 epp[fn].apply(epp, a) ; 2418 called = true; 2419 }; 2420 if (epp && epp[fn]) return callOnce() ; 2421 var pfn; 2422 Object.defineProperty(epp, fn, { 2423 'enumerable': true, 2424 'configurable': false, 2425 'set': function(x) { 2426 pfn = x; 2427 callOnce() ; 2428 }, 2429 'get': function() { 2430 return pfn; 2431 } 2432 }) ; 2433})("getStatsGlobal", ["oakstoredirect","13"]) ; 2434</script>
2434 2435
2436<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>
2436</body> 2437</html> 2438
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.