1<!DOCTYPE html> 2<html lang="en-US"> 3<head> 4<title>Keyword Search | Merry Richards Jewelers</title> 5<meta name="title" content="Keyword Search | Merry Richards Jewelers"> 6<meta name="description" content="Keyword Search | Merry Richards Jewelers"> 7<link rel="canonical" href="https://www.merryrichardsjewelers.com/keyword-search"/> 8<meta name="keywords" content="Keyword Search | Merry Richards Jewelers"> 9 <meta charset="UTF-8"> 10 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"> 11 <link rel="icon" href="/favicon.ico?ver=1683926461" type="image/x-icon" /><link rel="shortcut icon" href="/favicon.ico?ver=1683926461" type="image/x-icon" /><meta name="robots" content="index,follow"><meta name="pinterest-rich-pin" content="false" /> 12 13<!--facebook share this starts--> 14<meta property="og:logo" content="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/store_logo/merry_richards_store_logo.png"> 15<meta property="og:url" content="https://www.merryrichardsjewelers.com/keyword-search"> 16<meta property="og:type" content="website"> 17<meta property="og:title" content="Keyword Search"> 18<meta name="msapplication-TileImage" content="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/store_logo/merry_richards_store_logo.png"> 19<meta property="og:image" content="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/store_logo/merry_richards_store_logo.png"> 20<meta property="og:image:url" content="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/store_logo/merry_richards_store_logo.png"> 21<meta property="og:image:width" content="600"> 22<meta property="og:image:height" content="314"> 23<meta property="og:image:alt" content="Keyword Search"> 24<!--facebook share this ends--> 25 26 27<!--twitter share this starts--> 28<meta name="twitter:title" content="Keyword Search"> 29<meta name="twitter:image" content="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/store_logo/merry_richards_store_logo.png"> 30<meta name="twitter:site" content="https://www.merryrichardsjewelers.com/keyword-search"> 31<!--twitter share this ends--> 32 33 <link rel="stylesheet" href="https://www.merryrichardsjewelers.com/skeleton/1.0/view/css/twitter-bootstrap-4-6-0.min.css" integrity="sha512-P5MgMn1jBN01asBgU0z60Qk4QxiXo86+wlFahKrsQf37c9cro517WzVSPPV1tDKzhku2iJ2FVgL67wG03SGnNA==" crossorigin="anonymous" /> 34 35 <link rel="stylesheet" href="https://www.merryrichardsjewelers.com/skeleton/1.0/view/css/rangeSlider.min.css"/> 36 <link rel="stylesheet" href="https://www.merryrichardsjewelers.com/skeleton/1.0/view/css/select2-4-0-13.min.css" /><link rel="stylesheet" href="https://www.merryrichardsjewelers.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.css"><link rel="stylesheet" type="text/css" href="/skeleton/1.0/view/css/1051.css?ver=1787275951" /><link rel="stylesheet" type="text/css" href="/skeleton/1.0/view/css/shared.css?ver=1.4.8" /> 37
37<script>window.csrf_token = "4bc4f2205a769d433c6bb4edea734723a882b76e8166480f6b585ec0286c16f0"</script>
37 38
38<script>window.scSession = Object.assign({"lifetimeMs":7200000,"expiresAt":1790443827000,"csrfToken":"4bc4f2205a769d433c6bb4edea734723a882b76e8166480f6b585ec0286c16f0","scWsUrl":"https:\/\/www.merryrichardsjewelers.com\/includes\/assets\/shopping_cart\/sc_ws_functions.php"}, window.scSession || {});</script>
38 39
39<script src="https://www.merryrichardsjewelers.com/skeleton/1.0/view/lib/jquery/jquery.min.js"></script>
39 40
40<script src="https://www.merryrichardsjewelers.com/skeleton/1.0/view/js/sc-session-manager.js?v=1789429354" defer></script>
40 41
41<script>window.formSubmitLogUrl = "https://www.merryrichardsjewelers.com/skeleton/1.0/view/ws/ajax_interaction.php";</script>
41 42
42<script src="https://www.merryrichardsjewelers.com/skeleton/1.0/view/js/form_submit_guard.js?v=1787275951" defer></script>
42 43 44
44<script src="/skeleton/1.0/view/js/twitter-bootstrap-4-6-0.min.js" defer></script>
44 45 46
46<script src="/skeleton/1.0/view/js/ion-rangeslider.min.js"></script>
46 47
47<script src="/skeleton/1.0/view/js/select2.min.js"></script>
47<script src="https://www.merryrichardsjewelers.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.js" defer></script>
47<script src="/skeleton/1.0/view/js/1051.js?v=1787275951"></script>
47 48 <!--Scripts Here--> 49
49<script>window.iShowGlobals = { 50 'NO_IMAGE_URL':'', 51 'SITE_LABELS': '', 52 'PHONE_REGEX':/^[\+]?([\d\-\(\). ]){3}.{4,18}$/, 53 'EMAIL_REGEX':/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, 54 'RETAILER_FOLDER_NAME':'skeleton', 'SHOW_RAPNET_ID':'0','MAIN_PHONE':'+16305168000','USE_LOCAL_DIAMOND_PATH':'' , 'GOOGLE_ANALYTICS_4_TAG':'1' 55 }; 56 </script>
56<script src="/skeleton/1.0/view/js/shared.js?ver=2.4.5" defer></script>
56<script> (function (u, c, o, i, s, l, b, gid, oc, sb, cc, pb) { if(urlCheck(window.location.href)) {window["ClientbookWebChatObject"] = {u: u,c: c,w: o,i: i,s: s,l: l,b: b, gid: gid, oc: oc, sb: sb, cc: cc, pb: pb}; var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true; ga.src = "https://s3.amazonaws.com/webchatv2stage.clientbook.com/wc.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s); } function urlCheck(theUrl) { const blackListedUrls = []; const regexBlackListing = []; const whiteListedUrls = []; var isItGood = true; if(Array.isArray(blackListedUrls) && blackListedUrls.length > 0) { blackListedUrls.forEach(bL => { if(theUrl.includes(bL)) { isItGood = false; } }) } if(Array.isArray(whiteListedUrls) && whiteListedUrls.length > 0) { whiteListedUrls.forEach(bL => { if(!theUrl.includes(bL)) { isItGood = false; } }) } if(Array.isArray(regexBlackListing) && regexBlackListing.length > 0) { regexBlackListing.forEach(reggy => { const test = theUrl.match(reggy); if(test) { isItGood = false; } }) } return isItGood; } })("40bf0314-9da3-4dd1-8162-54f28f68fb3a", "#cc3800", "Hi there, have a question? Ask us!", "https://s3.amazonaws.com/images.clbk.app/Webchat/default_wbcht_one.jpg", "true", "", "", "", "chat_initiated", "chat_submit", "chat_closed", "")</script>
56<!-- Google tag (gtag.js) --> 57
57<script async src="https://www.googletagmanager.com/gtag/js?id=11348820393"></script>
57 58
58<script> 59 window.dataLayer = window.dataLayer || []; 60 function gtag(){dataLayer.push(arguments);} 61 gtag('js', new Date()); 62 gtag('config', '11348820393', { 'anonymize_ip': true }); 63 </script>
63<meta name="google-site-verification" content="GP3P3AaQbqLVf_643gWCdEvUwaoh64vLlVUgUlmgy40" /> 64 <!-- Start Google Analytics 4 tags -->
vendor: 80 bytes, lines 64-65
64 65 <script async src="https://www.googletagmanager.com/gtag/js?id=
65G-P89GN0YYYY
vendor: 28 bytes, lines 65-66
65"></script> 66
66<script> 67
vendor: 184 bytes, lines 67-70
67window.dataLayer = window.dataLayer || []; 68 function gtag(){dataLayer.push(arguments);} 69 gtag("js", new Date()); 70 gtag("config", "
70G-P89GN0YYYY
vendor: 23 bytes, lines 70-71
70"); 71
71window.gtag = function() { 72 dataLayer.push(arguments); 73 } 74 </script>
74 75 <!-- End Google Analytics 4 tags --> 76 <!-- Start Google Analytics 4 tags -->
vendor: 80 bytes, lines 76-77
76 77 <script async src="https://www.googletagmanager.com/gtag/js?id=
77G-2ZR9E0KYG3
vendor: 28 bytes, lines 77-78
77"></script> 78
78<script> 79
vendor: 184 bytes, lines 79-82
79window.dataLayer = window.dataLayer || []; 80 function gtag(){dataLayer.push(arguments);} 81 gtag("js", new Date()); 82 gtag("config", "
82G-2ZR9E0KYG3
vendor: 23 bytes, lines 82-83
82"); 83
83window.gtag = function() { 84 dataLayer.push(arguments); 85 } 86 </script>
86 87 <!-- End Google Analytics 4 tags --><!-- Start of HubSpot Embed Code -->
87<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/1334965.js"></script>
87 <!-- End of HubSpot Embed Code -->
87<script type="text/javascript"> _linkedin_partner_id = "6806513"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script>
87<script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(window.lintrk); </script>
87 <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=6806513&fmt=gif" /> </noscript><!-- Meta Pixel Code -->
88<script>
vendor: 408 bytes, lines 88-97
88 89!function(f,b,e,v,n,t,s) 90{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 91n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 92if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 93n.queue=[];t=b.createElement(e);t.async=!0; 94t.src=v;s=b.getElementsByTagName(e)[0]; 95s.parentNode.insertBefore(t,s)}(window, document,'script', 96'https://connect.facebook.net/en_US/fbevents.js'); 97fbq('init', '
97551171868391753
vendor: 32 bytes, lines 97-98
97'); 98fbq('track', 'PageView');
99</script>
99 100<noscript><img height="1" width="1" style="display:none" 101src="https://www.facebook.com/tr?id=551171868391753&ev=PageView&noscript=1" 102/></noscript> 103<!-- End Meta Pixel Code -->
103<script> 104 (function(w,d,t,r,u) 105 { 106 var f,n,i; 107 w[u]=w[u]||[],f=function() 108 { 109 var o={ti:"211053649", enableAutoSpaTracking: true}; 110 o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad") 111 }, 112 n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function() 113 { 114 var s=this.readyState; 115 s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null) 116 }, 117 i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i) 118 }) 119 (window,document,"script","//bat.bing.com/bat.js","uetq"); 120</script>
vendor: 2 bytes, line 120
120
121<script> 122 window.uetq=window.uetq||[]; 123 window.uetq.push('set', { 'pid': { 124 'em': "", 125 'ph': "" 126 }}); 127</script>
vendor: 2 bytes, line 127
127
128<script> 129document.addEventListener("DOMContentLoaded", function() { 130 // Select the button by class 131 const button = document.querySelector('.get_directions_click'); 132 133 // Check if button exists before adding event listener 134 if (button) { 135 button.addEventListener('click', function() { 136 window.uetq = window.uetq || []; 137 window.uetq.push("event", "get_directions", {"revenue_value":"1","currency":"USD"}); 138 }); 139 } 140 }); 141 142 143document.addEventListener("DOMContentLoaded", function() { 144 document.querySelectorAll('a[href="https://maps.app.goo.gl/jDzg2PMMQBd9k3nt8"]').forEach(function(link) { 145 link.addEventListener("click", function(event) { 146 147 event.preventDefault(); 148 149 window.uetq = window.uetq || []; 150 window.uetq.push("event", "get_directions", {"revenue_value":"1","currency":"USD"}); 151 152 153 setTimeout(function() { 154 window.location.href = link.href; 155 }, 300); 156 }); 157 }); 158}); 159 160</script>
160<script type="text/javascript" src="//static.klaviyo.com/onsite/js/klaviyo.js?company_id=RYagqp" ></script>
160<script type="text/javascript"> 161adroll_adv_id = "MXBYXRGJJJD25EOVC6GGTE"; 162adroll_pix_id = "763YYR5FA5BNJISSURJRFE"; 163adroll_version = "2.0"; 164(function(w, d, e, o, a) { 165w.adroll_tag_source = w.adroll_tag_source || "manual"; 166w.__adroll_loaded = true; 167w.adroll = w.adroll || []; 168w.adroll.f = ['setProperties', 'identify', 'track', 'identify_email', 'get_cookie']; 169var roundtripUrl = "https://s.adroll.com/j/" + adroll_adv_id 170+ "/roundtrip.js"; 171for (a = 0; a < w.adroll.f.length; a++) { 172w.adroll[w.adroll.f[a]] = w.adroll[w.adroll.f[a]] || (function(n) { 173return function() { 174w.adroll.push([n, arguments]) 175} 176})(w.adroll.f[a]) 177} 178e = d.createElement('script'); 179o = d.getElementsByTagName('script')[0]; 180e.async = 1; 181e.src = roundtripUrl; 182o.parentNode.insertBefore(e, o); 183})(window, document); 184adroll.track("pageView"); 185</script>
185<link rel="stylesheet" href="/skeleton/1.0/view/css/cmp.css?ver=1.2.303"/> 186
186<script type="application/ld+json"> 187 { 188 "@context": "https://schema.org", 189 "@graph": [ 190 { 191 "@type": "WebPage", 192 "@id": "https://merryrichardsjewelers.com/keyword-search#webpage", 193 "url": "https://merryrichardsjewelers.com/keyword-search", 194 "name": "Keyword Search", 195 "description": "Merry Richards Jewelers", 196 "keywords": "Merry Richards Jewelers", 197 "isPartOf": { "@id": "https://merryrichardsjewelers.com/#website" }, 198 "about": { "@id": "https://merryrichardsjewelers.com/#organization" }, 199 "inLanguage": "en-US", 200 "potentialAction": { 201 "@type": "ReadAction", 202 "target": ["https://merryrichardsjewelers.com/keyword-search"] 203 } 204 }, 205 { 206 "@type": ["JewelryStore", "LocalBusiness"], 207 "@id": "https://www.merryrichardsjewelers.com/#organization", 208 "name": "Merry Richards Jewelers", 209 "legalName": "M Richard Ltd", 210 "url": "https://www.merryrichardsjewelers.com/", 211 "logo": { 212 "@type": "ImageObject", 213 "@id": "https://www.merryrichardsjewelers.com/#logo", 214 "url": "https://www.merryrichardsjewelers.com/public/1.0/uploads/source/store_logo/merry_richards_store_logo.png", 215 "contentUrl": "https://www.merryrichardsjewelers.com/public/1.0/uploads/source/store_logo/merry_richards_store_logo.png", 216 "caption": "Merry Richards Jewelers" 217 }, 218 "image": "https://www.merryrichardsjewelers.com/public/1.0/uploads/source/store_logo/merry_richards_store_logo.png", 219 "description": "Since 1985, Merry Richards Jewelers has been Oakbrook Terrace's premier destination for engagement rings, wedding bands, fine jewelry, loose diamonds, and luxury Swiss-made timepieces. Our expert staff and graduate gemologists offer custom design, jewelry repair, appraisals, and diamond buying services in a luxurious private showroom setting.", 220 "foundingDate": "1985", 221 "address": { 222 "@type": "PostalAddress", 223 "@id": "https://www.merryrichardsjewelers.com/#address", 224 "streetAddress": "17W300 West 22nd Street", 225 "addressLocality": "Oakbrook Terrace", 226 "addressRegion": "IL", 227 "postalCode": "60181", 228 "addressCountry": "US" 229 }, 230 "geo": { 231 "@type": "GeoCoordinates", 232 "latitude": "41.8507", 233 "longitude": "-87.9737" 234 }, 235 "telephone": "+16305168000", 236 "email": "[email protected]", 237 "contactPoint": { 238 "@type": "ContactPoint", 239 "telephone": "+16305168000", 240 "email": "[email protected]", 241 "contactType": "customer service" 242 }, 243 "openingHoursSpecification": [ 244 { 245 "@type": "OpeningHoursSpecification", 246 "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"], 247 "opens": "10:30", 248 "closes": "18:00" 249 }, 250 { 251 "@type": "OpeningHoursSpecification", 252 "dayOfWeek": "Saturday", 253 "opens": "10:00", 254 "closes": "17:00" 255 }, 256 { 257 "@type": "OpeningHoursSpecification", 258 "dayOfWeek": "Sunday", 259 "opens": "00:00", 260 "closes": "00:00" 261 } 262 ], 263 "priceRange": "$$$", 264 "currenciesAccepted": "USD", 265 "paymentAccepted": "Cash, Credit Cards, Debit Cards", 266 "areaServed": [ 267 { "@type": "Place", "name": "Oakbrook Terrace, IL" }, 268 { "@type": "Place", "name": "Oak Brook, IL" }, 269 { "@type": "Place", "name": "Chicago, IL" }, 270 { "@type": "Place", "name": "Glenview, IL" }, 271 { "@type": "Place", "name": "Northbrook, IL" }, 272 { "@type": "Place", "name": "Naperville, IL" }, 273 { "@type": "Place", "name": "Hinsdale, IL" } 274 ], 275 "hasOfferCatalog": { 276 "@type": "OfferCatalog", 277 "name": "Jewelry & Services", 278 "itemListElement": [ 279 { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Engagement Rings" } }, 280 { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Wedding Bands" } }, 281 { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Custom Jewelry De
281sign" } }, 282 { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Diamond Rings" } }, 283 { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Lab Grown Diamonds" } }, 284 { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Jewelry Repair" } }, 285 { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Jewelry Appraisals" } }, 286 { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Watch Repair" } }, 287 { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Fine Jewelry" } }, 288 { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Luxury Timepieces" } } 289 ] 290 }, 291 "sameAs": [ 292 "https://www.facebook.com/MerryRichardsJewelers/", 293 "https://share.google/82JBN0w6XShYiNVbG", 294 "https://www.yelp.com/biz/merry-richards-jewelers-oakbrook-terrace", 295 "https://www.instagram.com/merryrichards/" 296 ] 297 } 298, 299 { 300 "@type":"ItemList", 301 "itemListElement":[ 302 {"@type":"ListItem","position":1,"name":"NC-14KYG D=.31 BAR PIERCED","url":"https://www.merryrichardsjewelers.com/merry-richards/nc-14kyg-d=-31-bar-pierced/4780051/en"}, 303{"@type":"ListItem","position":2,"name":"14k Yellow Gold Pink Sapphire Ring","url":"https://www.merryrichardsjewelers.com/merry-richards/14k-yellow-gold-pink-sapphire-ring/4660269/en"}, 304{"@type":"ListItem","position":3,"name":"18KW DIAMOND HOOP EARRINGS","url":"https://www.merryrichardsjewelers.com/merry-richards/18kw-diamond-hoop-earrings/4660260/en"}, 305{"@type":"ListItem","position":4,"name":"2.61ct Tanzanite and .46ct tsavorite with .20cts of diamonds. 18k yellow gold","url":"https://www.merryrichardsjewelers.com/merry-richards/2-61ct-tanzanite-and-46ct-tsavorite-with-20cts-of-diamonds-18k-yellow-gold/4660125/en"}, 306{"@type":"ListItem","position":5,"name":"18k White gold 3.66ct Citrine","url":"https://www.merryrichardsjewelers.com/merry-richards/18k-white-gold-3-66ct-citrine/4660266/en"}, 307{"@type":"ListItem","position":6,"name":"EM-4.27CT. PRONG SET WITH 14KYG CHAIN","url":"https://www.merryrichardsjewelers.com/merry-richards/em-4-27ct-prong-set-with-14kyg-chain/4660261/en"}, 308{"@type":"ListItem","position":7,"name":"Coral and Diamond Ring","url":"https://www.merryrichardsjewelers.com/merry-richards/coral-and-diamond-ring/4660006/en"}, 309{"@type":"ListItem","position":8,"name":"Platinum Diamond Marquise Diamond Ring","url":"https://www.merryrichardsjewelers.com/merry-richards/platinum-diamond-marquise-diamond-ring/4660112/en"}, 310{"@type":"ListItem","position":9,"name":"Black Tahitian Pearl Necklace","url":"https://www.merryrichardsjewelers.com/merry-richards/black-tahitian-pearl-necklace/4660077/en"}, 311{"@type":"ListItem","position":10,"name":"18K WHITE GOLD PINK SAPPHIRE RING =2.05 cts","url":"https://www.merryrichardsjewelers.com/merry-richards/18k-white-gold-pink-sapphire-ring-=2-05-cts/4660267/en"}, 312{"@type":"ListItem","position":11,"name":"Emerald Ring 2.64ct 2ECD=.67 PLAT","url":"https://www.merryrichardsjewelers.com/merry-richards/emerald-ring-2-64ct-2ecd=-67-plat/4660262/en"}, 313{"@type":"ListItem","position":12,"name":"Rose Gold and diamond oval Link Bracelet","url":"https://www.merryrichardsjewelers.com/merry-richards/rose-gold-and-diamond-oval-link-bracelet/4660160/en"}, 314{"@type":"ListItem","position":13,"name":"18K White Gold Oval Diamond Earrings","url":"https://www.merryrichardsjewelers.com/merry-richards/18k-white-gold-oval-diamond-earrings/4660138/en"}, 315{"@type":"ListItem","position":14,"name":"White South Sea Pearl Necklace","url":"https://www.merryrichardsjewelers.com/merry-richards/white-south-sea-pearl-necklace/4660079/en"}, 316{"@type":"ListItem","position":15,"name":"18k white gold white diamond and yellow diamond ring - 3.39ct total weight.","url":"https://www.merryrichardsjewelers.com/merry-richards/18k-white-gold-white-diamond-and-yellow-diamond-ring-3-39ct-total-weight-/4660087/en"}, 317{"@type":"ListItem","position":16,"name":"18K White Gold Radiant Cut Diamond E
317arrings GIA certified 3.01cts","url":"https://www.merryrichardsjewelers.com/merry-richards/18k-white-gold-radiant-cut-diamond-earrings-gia-certified-3-01cts/4660137/en"} 318 ] 319 }, 320 { 321 "@type": "BreadcrumbList", 322 "itemListElement": [ 323 { 324 "@type": "ListItem", 325 "position": 1, 326 "name": "Merry Richards Jewelers", 327 "item": "https://www.merryrichardsjewelers.com/" 328 }, { 329 "@type": "ListItem", 330 "position": 2, 331 "name": "Keyword Search", 332 "item": "https://www.merryrichardsjewelers.com/keyword-search" 333 } 334 ] 335 } 336 ] 337 } 338 </script>
338 339 340</head> 341<body class="cmp_mode"> 342 <nav class="skip-links-nav" aria-label="Skip links"> 343 <a href="#main" class="skip-to-main-content-link" title="Skip to main content">Skip to main content</a> 344 </nav> 345 346 <div id="loader_div"> 347 <div class="loader_circle"></div> 348 </div> 349 <noscript> 350 <style> 351 body {overflow: auto;} 352 #loader_div {display: none;} 353 </style> 354 </noscript> 355 356 357 <style> 358 @media (min-width: 992px) { 359 360 .sc_payment_general_style { 361 font-size: px !important; 362 font-family: !important; 363 font-weight: !important; 364 font-style: !important; 365 366 letter-spacing: px !important; 367 color: !important; 368 } 369 h1.general_style, .h1_general_style { 370 font-size: px !important; 371 font-family: !important; 372 font-weight: !important; 373 font-style: !important; 374 375 letter-spacing: px !important; 376 color: !important; 377 } 378 h2.general_style, .h2_general_style { 379 font-size: px !important; 380 font-family: !important; 381 font-weight: !important; 382 font-style: !important; 383 384 letter-spacing: px !important; 385 color: !important; 386 } 387 h3.general_style, .h3_general_style { 388 font-size: px !important; 389 font-family: !important; 390 font-weight: !important; 391 font-style: !important; 392 393 letter-spacing: px !important; 394 color: !important; 395 } 396 h4.general_style, .h4_general_style { 397 font-size: px !important; 398 font-family: !important; 399 font-weight: !important; 400 font-style: !important; 401 402 letter-spacing: px !important; 403 color: !important; 404 } 405 h5.general_style, .h5_general_style { 406 font-size: px !important; 407 font-family: !important; 408 font-weight: !important; 409 font-style: !important; 410 411 letter-spacing: px !important; 412 color: !important; 413 } 414 h6.general_style, .h6_general_style { 415 font-size: px !important; 416 font-family: !important; 417 font-weight: !important; 418 font-style: !important; 419 420 letter-spacing: px !important; 421 color: !important; 422 } 423 p.general_style, .p_general_style { 424 font-size: px !important; 425 font-family: !important; 426 font-weight: !important; 427 font-style: !important; 428 429 letter-spacing: px !important; 430 color: !important; 431 } 432 .p2_general_style { 433 font-size: px !important; 434 font-family: !important; 435 font-weight: !important; 436 font-style: !important; 437 438 letter-spacing: px !important; 439 color: !important; 440 } 441 .p3_general_style { 442 font-size: px !important; 443 font-family: !important; 444 font-weight: !important; 445 font-style: !important; 446 447 letter-spacing: px !important; 448 color: !important; 449 } 450 .p4_general_style { 451 font-size: px !important; 452 font-family: !important; 453 font-weight: !important; 454 font-style: !important; 455 456 letter-spacing: px !important; 457 color: !important; 458 } 459 .p5_general_style { 460 font-size: px !important; 461 font-family: !important; 462 font-weight: !important; 463 font-style: !important; 464 465 letter-spacing: px !important; 466 color: !important; 467 } 468 .p6_general_style { 469 font-size: px !important; 470 font-family: !important; 471 font-weight: !important; 472 font-style: !important; 473 474 letter-spacing: px !important; 475 color: !important; 476 } 477 a.general_style, .a_general_style { 478 text-decoration: !important; 479 color: !important; 480 } 481 a.general_style:hover, .a_general_style:hover { 482 color: !important; 483 } 484 label.general_style, .label_general_style { 485 font-size: px !important; 486 font-family: !important; 487 font-weight: !important; 488 font-style: !important; 489 490 letter-spacing: px !important; 491 color: !important; 492 } 493 button.general_style, .button_general_style { 494 font-size: px !important; 495 font-family: !important; 496 font-weight: !important; 497 font-style: !important; 498 499 color: !important; 500 background-color: !important; 501 502 border-width: px !important; 503 border-radius: px !important; 504 border-color: !important; 505 } 506 button.general_style:hover, .button_general_style:hover { 507 color: !important; 508 background-color: !important; 509 border-color: !important; 510 } 511 .secondary_button_general_style { 512 font-size: px !important; 513 font-family: !important; 514 font-weight: !important; 515 font-style: !important; 516 517 color: !important; 518 background-color: !important; 519 520 border-width: px !important; 521 border-radius: px !important; 522 border-color: !important; 523 } 524 .secondary_button_general_style:hover { 525 color: !important; 526 background-color: !important; 527 border-color: !important; 528 } 529 .reset_button_general_style { 530 font-size: px !important; 531 font-family: !important; 532 font-weight: !important; 533 font-style: !important; 534 535 color: !important; 536 background-color: !important; 537 538 border-width: px !important; 539 border-radius: px !important; 540 border-color: !important; 541 } 542 .reset_button_general_style:hover { 543 color: !important; 544 background-color: !important; 545 border-color: !important; 546 } 547 .search_box_general_style .sinps::placeholder { 548 font-size: px !important; 549 font-family: !important; 550 color: !important; 551 } 552 .search_box_general_style .sinps { 553 height: 100%; 554 font-size: px !important; 555 font-family: !important; 556 font-weight: !important; 557 font-style: !important; 558 color: !important; 559 background-color: !important; 560 border-style: solid !important; 561 border-width: px !important; 562 border-radius: px !important; 563 border-top-right-radius: 0 !important; 564 border-bottom-right-radius: 0 !important; 565 border-color: !important; 566 } 567 .search_box_general_style .sinps:hover, 568 .search_box_general_style .sinps:focus, 569 .search_box_general_style .sinps:active { 570 background-color: !important; 571 } 572 .search_box_general_style .sBtns { 573 height: 100%; 574 background-color: !important; 575 border-style: solid !important; 576 border-width: px !important; 577 border-radius: px !important; 578 border-top-left-radius: 0 !important; 579 border-bottom-left-radius: 0 !important; 580 border-color: !important; 581 } 582 .search_box_general_style .sBtns:hover, 583 .search_box_general_style .sBtns:focus, 584 .search_box_general_style .sBtns:active { 585 background-color: !important; 586 } 587 .search_box_general_style .sBtns svg { 588 width: px !important; 589 height: px !important; 590 } 591 .search_box_general_style .sBtns path { 592 fill: !important; 593 } 594 .search_box_general_style .sBtns:hover path, 595 .search_box_general_style .sBtns:focus path, 596 .search_box_general_style .sBtns:active path { 597 fill: !important; 598 }
599 .search_box_general_style:hover .sinps, 600 .search_box_general_style:focus .sinps, 601 .search_box_general_style:active .sinps, 602 .search_box_general_style:hover .sBtns, 603 .search_box_general_style:focus .sBtns, 604 .search_box_general_style:active .sBtns { 605 border-color: !important; 606 } 607 svg.general_style, .svg_general_style { 608 fill: !important; 609 stroke-width: .5 !important; 610 stroke: !important; 611 } 612 .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { 613 color: !important; 614 background: !important; 615 } 616 .irs--big .irs-grid-text { 617 color: !important; 618 } 619 .irs--big .irs-grid-pol { 620 background: !important; 621 } 622 .irs--big .irs-bar { 623 border-color: !important; 624 background: linear-gradient(to bottom, 0%, 30%, 100%) !important; 625 } 626 .irs--big .irs-handle { 627 border-color: #B3B3B2; 628 background: linear-gradient(to bottom, 0%, 30%, 100%) !important; 629 } 630 .pagination.general_style .page-link { 631 font-size: px !important; 632 font-family: !important; 633 font-weight: !important; 634 font-style: !important; 635 636 color: !important; 637 background-color: !important; 638 border-color: !important; 639 } 640 .pagination.general_style .page-link:hover { 641 color: !important; 642 background-color: !important; 643 border-color: !important; 644 } 645 .pagination.general_style .page-item.active .page-link { 646 color: !important; 647 background-color: !important; 648 border-color: !important; 649 } 650 input[type=checkbox].general_style { 651 accent-color: !important; 652 } 653 .breadcrumb.general_style .breadcrumb-item a, 654 .breadcrumb.general_style .breadcrumb-item { 655 font-size: 14px !important; 656 font-family: Arial !important; 657 font-weight: !important; 658 font-style: normal !important; 659 660 letter-spacing: px !important; 661 color: #000 !important; 662 } 663 .shapes-div .shapes-img.active { 664 background-color: !important; 665 color: !important; 666 } 667 .input_general_style { 668 position: relative; 669 } 670 .input_general_style label { 671 width: auto !important; 672 position: absolute; 673 top: 50%; 674 left: 5px; 675 z-index: 1; 676 transform: translateY(-50%); 677 transform-origin: 0% 100%; 678 transition: all .2s ease-out; 679 padding: 0 10px; 680 margin: 0 !important; 681 cursor: text; 682 background: white; 683 } 684 .input_general_style label.active { 685 top: 0; 686 transform: translateY(-55%) scale(0.80); 687 } 688 689 .input_general_style input::placeholder { 690 color: transparent !important; 691 } 692 .input_general_style input { 693 font-size: 16px !important; 694 font-family: !important; 695 font-weight: !important; 696 font-style: !important; 697 color: !important; 698 background-color: white !important; 699 border-style: solid !important; 700 border-width: px !important; 701 border-radius: 0px !important; 702 border-color: !important; 703 } 704 .input_general_style:hover input { 705 border-color: !important; 706 }
707 .input_general_style input:-webkit-autofill, 708 .input_general_style input:-webkit-autofill:hover, 709 .input_general_style input:-webkit-autofill:focus, 710 .input_general_style input:-webkit-autofill:active{ 711 -webkit-box-shadow: 0 0 0 30px white inset !important; 712 } 713 .input_general_style input:focus { 714 border-color: initial; 715 box-shadow: unset; 716 } 717 .input_general_style .toggle-password-visibility { 718 position: absolute; 719 right: 5px; 720 top: 50%; 721 transform: translateY(-50%); 722 border: 0; 723 background: transparent; 724 } 725 .select_general_style { 726 position: relative; 727 } 728 .select_general_style label { 729 width: auto !important; 730 position: absolute; 731 top: 50%; 732 left: 5px; 733 transform: translateY(-50%); 734 transform-origin: 0% 100%; 735 transition: all .2s ease-out; 736 padding: 0 10px; 737 margin: 0 !important; 738 cursor: text; 739 background: white; 740 } 741 .select_general_style label.active { 742 top: 0; 743 transform: translateY(-55%) scale(0.80); 744 } 745 746 .select_general_style select { 747 font-size: 16px !important; 748 font-family: !important; 749 font-weight: !important; 750 font-style: !important; 751 color: !important; 752 border-style: solid !important; 753 border-width: px !important; 754 border-radius: 0px !important; 755 border-color: !important; 756 background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat !important; 757 -webkit-appearance: none !important; 758 -moz-appearance: none !important; 759 appearance: none !important; 760 } 761 .select_general_style:hover select { 762 border-color: !important; 763 } 764 .select_general_style select:focus { 765 border-color: initial; 766 box-shadow: unset; 767 } 768 .select_general_style select:-webkit-autofill, 769 .select_general_style select:-webkit-autofill:hover, 770 .select_general_style select:-webkit-autofill:focus, 771 .select_general_style select:-webkit-autofill:active{ 772 -webkit-box-shadow: 0 0 0 30px white inset !important; 773 } 774 .textarea_general_style { 775 position: relative; 776 } 777 .textarea_general_style label { 778 width: auto !important; 779 position: absolute; 780 top: 18px; 781 left: 5px; 782 transform: translateY(-50%); 783 transform-origin: 0% 100%; 784 transition: all .2s ease-out; 785 padding: 0 10px; 786 margin: 0 !important; 787 cursor: text; 788 background: white; 789 } 790 .textarea_general_style label.active { 791 top: 0; 792 transform: translateY(-55%) scale(0.80); 793 } 794 795 .textarea_general_style textarea { 796 font-size: 16px !important; 797 font-family: !important; 798 font-weight: !important; 799 font-style: !important; 800 color: !important; 801 background-color: white !important; 802 border-style: solid !important; 803 border-width: px !important; 804 border-radius: 0px !important; 805 border-color: !important; 806 } 807 .textarea_general_style:hover textarea { 808 border-color: !important; 809 } 810 .textarea_general_style textarea:focus { 811 border-color: initial; 812 box-shadow: unset; 813 } 814 .textarea_general_style textarea:-webkit-autofill, 815 .textarea_general_style textarea:-webkit-autofill:hover, 816 .textarea_general_style textarea:-webkit-autofill:focus, 817 .textarea_general_style textarea:-webkit-autofill:active{ 818 -webkit-box-shadow: 0 0 0 30px white inset !important; 819 } 820 } 821 </style> <style> 822 @media (min-width: 768px) and (max-width: 991.9px) { 823 824 .sc_payment_general_style { 825 font-size: px !important; 826 font-family: !important; 827 font-weight: !important; 828 font-style: !important; 829 830 letter-spacing: px !important; 831 color: !important; 832 } 833 h1.general_style, .h1_general_style { 834 font-size: px !important; 835 font-family: !important; 836 font-weight: !important; 837 font-style: !important; 838 839 letter-spacing: px !important; 840 color: !important; 841 } 842 h2.general_style, .h2_general_style { 843 font-size: px !important; 844 font-family: !important; 845 font-weight: !important; 846 font-style: !important; 847 848 letter-spacing: px !important; 849 color: !important; 850 } 851 h3.general_style, .h3_general_style { 852 font-size: px !important; 853 font-family: !important; 854 font-weight: !important; 855 font-style: !important; 856 857 letter-spacing: px !important; 858 color: !important; 859 } 860 h4.general_style, .h4_general_style { 861 font-size: px !important; 862 font-family: !important; 863 font-weight: !important; 864 font-style: !important; 865 866 letter-spacing: px !important; 867 color: !important; 868 } 869 h5.general_style, .h5_general_style { 870 font-size: px !important; 871 font-family: !important; 872 font-weight: !important; 873 font-style: !important; 874 875 letter-spacing: px !important; 876 color: !important; 877 } 878 h6.general_style, .h6_general_style { 879 font-size: px !important; 880 font-family: !important; 881 font-weight: !important; 882 font-style: !important; 883 884 letter-spacing: px !important; 885 color: !important; 886 } 887 p.general_style, .p_general_style { 888 font-size: px !important; 889 font-family: !important; 890 font-weight: !important; 891 font-style: !important; 892 893 letter-spacing: px !important; 894 color: !important; 895 } 896 .p2_general_style { 897 font-size: px !important; 898 font-family: !important; 899 font-weight: !important; 900 font-style: !important; 901 902 letter-spacing: px !important; 903 color: !important; 904 } 905 .p3_general_style { 906 font-size: px !important; 907 font-family: !important; 908 font-weight: !important; 909 font-style: !important; 910 911 letter-spacing: px !important; 912 color: !important; 913 } 914 .p4_general_style { 915 font-size: px !important; 916 font-family: !important; 917 font-weight: !important; 918 font-style: !important; 919 920 letter-spacing: px !important; 921 color: !important; 922 } 923 .p5_general_style { 924 font-size: px !important; 925 font-family: !important; 926 font-weight: !important; 927 font-style: !important; 928 929 letter-spacing: px !important; 930 color: !important; 931 } 932 .p6_general_style { 933 font-size: px !important; 934 font-family: !important; 935 font-weight: !important; 936 font-style: !important; 937 938 letter-spacing: px !important; 939 color: !important; 940 } 941 a.general_style, .a_general_style { 942 text-decoration: !important; 943 color: !important; 944 } 945 a.general_style:hover, .a_general_style:hover { 946 color: !important; 947 } 948 label.general_style, .label_general_style { 949 font-size: px !important; 950 font-family: !important; 951 font-weight: !important; 952 font-style: !important; 953 954 letter-spacing: px !important; 955 color: !important; 956 } 957 button.general_style, .button_general_style { 958 font-size: px !important; 959 font-family: !important; 960 font-weight: !important; 961 font-style: !important; 962 963 color: !important; 964 background-color: !important; 965 966 border-width: px !important; 967 border-radius: px !important; 968 border-color: !important; 969 } 970 button.general_style:hover, .button_general_style:hover { 971 color: !important; 972 background-color: !important; 973 border-color: !important; 974 } 975 .secondary_button_general_style { 976 font-size: px !important; 977 font-family: !important; 978 font-weight: !important; 979 font-style: !important; 980 981 color: !important; 982 background-color: !important; 983 984 border-width: px !important; 985 border-radius: px !important; 986 border-color: !important; 987 } 988 .secondary_button_general_style:hover { 989 color: !important; 990 background-color: !important; 991 border-color: !important; 992 } 993 .reset_button_general_style { 994 font-size: px !important; 995 font-family: !important; 996 font-weight: !important; 997 font-style: !important; 998 999 color: !important; 1000 background-color: !important; 1001 1002 border-width: px !important; 1003 border-radius: px !important; 1004 border-color: !important; 1005 } 1006 .reset_button_general_style:hover { 1007 color: !important; 1008 background-color: !important; 1009 border-color: !important; 1010 } 1011 .search_box_general_style .sinps::placeholder { 1012 font-size: px !important; 1013 font-family: !important; 1014 color: !important; 1015 } 1016 .search_box_general_style .sinps { 1017 height: 100%; 1018 font-size: px !important; 1019 font-family: !important; 1020 font-weight: !important; 1021 font-style: !important; 1022 color: !important; 1023 background-color: !important; 1024 border-style: solid !important; 1025 border-width: px !important; 1026 border-radius: px !important; 1027 border-top-right-radius: 0 !important; 1028 border-bottom-right-radius: 0 !important; 1029 border-color: !important; 1030 } 1031 .search_box_general_style .sinps:hover, 1032 .search_box_general_style .sinps:focus, 1033 .search_box_general_style .sinps:active { 1034 background-color: !important; 1035 } 1036 .search_box_general_style .sBtns { 1037 height: 100%; 1038 background-color: !important; 1039 border-style: solid !important; 1040 border-width: px !important; 1041 border-radius: px !important; 1042 border-top-left-radius: 0 !important; 1043 border-bottom-left-radius: 0 !important; 1044 border-color: !important; 1045 } 1046 .search_box_general_style .sBtns:hover, 1047 .search_box_general_style .sBtns:focus, 1048 .search_box_general_style .sBtns:active { 1049 background-color: !important; 1050 } 1051 .search_box_general_style .sBtns svg { 1052 width: px !important; 1053 height: px !important; 1054 } 1055 .search_box_general_style .sBtns path { 1056 fill: !important; 1057 } 1058 .search_box_general_style .sBtns:hover path, 1059 .search_box_general_style .sBtns:focus path, 1060 .search_box_general_style .sBtns:active path { 1061 fill: !important; 1062 }
1063 .search_box_general_style:hover .sinps, 1064 .search_box_general_style:focus .sinps, 1065 .search_box_general_style:active .sinps, 1066 .search_box_general_style:hover .sBtns, 1067 .search_box_general_style:focus .sBtns, 1068 .search_box_general_style:active .sBtns { 1069 border-color: !important; 1070 } 1071 svg.general_style, .svg_general_style { 1072 fill: !important; 1073 stroke-width: .5 !important; 1074 stroke: !important; 1075 } 1076 .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { 1077 color: !important; 1078 background: !important; 1079 } 1080 .irs--big .irs-grid-text { 1081 color: !important; 1082 } 1083 .irs--big .irs-grid-pol { 1084 background: !important; 1085 } 1086 .irs--big .irs-bar { 1087 border-color: !important; 1088 background: linear-gradient(to bottom, 0%, 30%, 100%) !important; 1089 } 1090 .irs--big .irs-handle { 1091 border-color: #B3B3B2; 1092 background: linear-gradient(to bottom, 0%, 30%, 100%) !important; 1093 } 1094 .pagination.general_style .page-link { 1095 font-size: px !important; 1096 font-family: !important; 1097 font-weight: !important; 1098 font-style: !important; 1099 1100 color: !important; 1101 background-color: !important; 1102 border-color: !important; 1103 } 1104 .pagination.general_style .page-link:hover { 1105 color: !important; 1106 background-color: !important; 1107 border-color: !important; 1108 } 1109 .pagination.general_style .page-item.active .page-link { 1110 color: !important; 1111 background-color: !important; 1112 border-color: !important; 1113 } 1114 input[type=checkbox].general_style { 1115 accent-color: !important; 1116 } 1117 .breadcrumb.general_style .breadcrumb-item a, 1118 .breadcrumb.general_style .breadcrumb-item { 1119 font-size: 14px !important; 1120 font-family: Arial !important; 1121 font-weight: !important; 1122 font-style: normal !important; 1123 1124 letter-spacing: px !important; 1125 color: #000 !important; 1126 } 1127 .shapes-div .shapes-img.active { 1128 background-color: !important; 1129 color: !important; 1130 } 1131 .input_general_style { 1132 position: relative; 1133 } 1134 .input_general_style label { 1135 width: auto !important; 1136 position: absolute; 1137 top: 50%; 1138 left: 5px; 1139 z-index: 1; 1140 transform: translateY(-50%); 1141 transform-origin: 0% 100%; 1142 transition: all .2s ease-out; 1143 padding: 0 10px; 1144 margin: 0 !important; 1145 cursor: text; 1146 background: white; 1147 } 1148 .input_general_style label.active { 1149 top: 0; 1150 transform: translateY(-55%) scale(0.80); 1151 } 1152 1153 .input_general_style input::placeholder { 1154 color: transparent !important; 1155 } 1156 .input_general_style input { 1157 font-size: 16px !important; 1158 font-family: !important; 1159 font-weight: !important; 1160 font-style: !important; 1161 color: !important; 1162 background-color: white !important; 1163 border-style: solid !important; 1164 border-width: px !important; 1165 border-radius: 0px !important; 1166 border-color: !important; 1167 } 1168 .input_general_style:hover input { 1169 border-color: !important; 1170 }
1171 .input_general_style input:-webkit-autofill, 1172 .input_general_style input:-webkit-autofill:hover, 1173 .input_general_style input:-webkit-autofill:focus, 1174 .input_general_style input:-webkit-autofill:active{ 1175 -webkit-box-shadow: 0 0 0 30px white inset !important; 1176 } 1177 .input_general_style input:focus { 1178 border-color: initial; 1179 box-shadow: unset; 1180 } 1181 .input_general_style .toggle-password-visibility { 1182 position: absolute; 1183 right: 5px; 1184 top: 50%; 1185 transform: translateY(-50%); 1186 border: 0; 1187 background: transparent; 1188 } 1189 .select_general_style { 1190 position: relative; 1191 } 1192 .select_general_style label { 1193 width: auto !important; 1194 position: absolute; 1195 top: 50%; 1196 left: 5px; 1197 transform: translateY(-50%); 1198 transform-origin: 0% 100%; 1199 transition: all .2s ease-out; 1200 padding: 0 10px; 1201 margin: 0 !important; 1202 cursor: text; 1203 background: white; 1204 } 1205 .select_general_style label.active { 1206 top: 0; 1207 transform: translateY(-55%) scale(0.80); 1208 } 1209 1210 .select_general_style select { 1211 font-size: 16px !important; 1212 font-family: !important; 1213 font-weight: !important; 1214 font-style: !important; 1215 color: !important; 1216 border-style: solid !important; 1217 border-width: px !important; 1218 border-radius: 0px !important; 1219 border-color: !important; 1220 background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat !important; 1221 -webkit-appearance: none !important; 1222 -moz-appearance: none !important; 1223 appearance: none !important; 1224 } 1225 .select_general_style:hover select { 1226 border-color: !important; 1227 } 1228 .select_general_style select:focus { 1229 border-color: initial; 1230 box-shadow: unset; 1231 } 1232 .select_general_style select:-webkit-autofill, 1233 .select_general_style select:-webkit-autofill:hover, 1234 .select_general_style select:-webkit-autofill:focus, 1235 .select_general_style select:-webkit-autofill:active{ 1236 -webkit-box-shadow: 0 0 0 30px white inset !important; 1237 } 1238 .textarea_general_style { 1239 position: relative; 1240 } 1241 .textarea_general_style label { 1242 width: auto !important; 1243 position: absolute; 1244 top: 18px; 1245 left: 5px; 1246 transform: translateY(-50%); 1247 transform-origin: 0% 100%; 1248 transition: all .2s ease-out; 1249 padding: 0 10px; 1250 margin: 0 !important; 1251 cursor: text; 1252 background: white; 1253 } 1254 .textarea_general_style label.active { 1255 top: 0; 1256 transform: translateY(-55%) scale(0.80); 1257 } 1258 1259 .textarea_general_style textarea { 1260 font-size: 16px !important; 1261 font-family: !important; 1262 font-weight: !important; 1263 font-style: !important; 1264 color: !important; 1265 background-color: white !important; 1266 border-style: solid !important; 1267 border-width: px !important; 1268 border-radius: 0px !important; 1269 border-color: !important; 1270 } 1271 .textarea_general_style:hover textarea { 1272 border-color: !important; 1273 } 1274 .textarea_general_style textarea:focus { 1275 border-color: initial; 1276 box-shadow: unset; 1277 } 1278 .textarea_general_style textarea:-webkit-autofill, 1279 .textarea_general_style textarea:-webkit-autofill:hover, 1280 .textarea_general_style textarea:-webkit-autofill:focus, 1281 .textarea_general_style textarea:-webkit-autofill:active{ 1282 -webkit-box-shadow: 0 0 0 30px white inset !important; 1283 } 1284 } 1285 </style> <style> 1286 @media (max-width: 767.9px) { 1287 1288 .sc_payment_general_style { 1289 font-size: px !important; 1290 font-family: !important; 1291 font-weight: !important; 1292 font-style: !important; 1293 1294 letter-spacing: px !important; 1295 color: !important; 1296 } 1297 h1.general_style, .h1_general_style { 1298 font-size: px !important; 1299 font-family: !important; 1300 font-weight: !important; 1301 font-style: !important; 1302 1303 letter-spacing: px !important; 1304 color: !important; 1305 } 1306 h2.general_style, .h2_general_style { 1307 font-size: px !important; 1308 font-family: !important; 1309 font-weight: !important; 1310 font-style: !important; 1311 1312 letter-spacing: px !important; 1313 color: !important; 1314 } 1315 h3.general_style, .h3_general_style { 1316 font-size: px !important; 1317 font-family: !important; 1318 font-weight: !important; 1319 font-style: !important; 1320 1321 letter-spacing: px !important; 1322 color: !important; 1323 } 1324 h4.general_style, .h4_general_style { 1325 font-size: px !important; 1326 font-family: !important; 1327 font-weight: !important; 1328 font-style: !important; 1329 1330 letter-spacing: px !important; 1331 color: !important; 1332 } 1333 h5.general_style, .h5_general_style { 1334 font-size: px !important; 1335 font-family: !important; 1336 font-weight: !important; 1337 font-style: !important; 1338 1339 letter-spacing: px !important; 1340 color: !important; 1341 } 1342 h6.general_style, .h6_general_style { 1343 font-size: px !important; 1344 font-family: !important; 1345 font-weight: !important; 1346 font-style: !important; 1347 1348 letter-spacing: px !important; 1349 color: !important; 1350 } 1351 p.general_style, .p_general_style { 1352 font-size: px !important; 1353 font-family: !important; 1354 font-weight: !important; 1355 font-style: !important; 1356 1357 letter-spacing: px !important; 1358 color: !important; 1359 } 1360 .p2_general_style { 1361 font-size: px !important; 1362 font-family: !important; 1363 font-weight: !important; 1364 font-style: !important; 1365 1366 letter-spacing: px !important; 1367 color: !important; 1368 } 1369 .p3_general_style { 1370 font-size: px !important; 1371 font-family: !important; 1372 font-weight: !important; 1373 font-style: !important; 1374 1375 letter-spacing: px !important; 1376 color: !important; 1377 } 1378 .p4_general_style { 1379 font-size: px !important; 1380 font-family: !important; 1381 font-weight: !important; 1382 font-style: !important; 1383 1384 letter-spacing: px !important; 1385 color: !important; 1386 } 1387 .p5_general_style { 1388 font-size: px !important; 1389 font-family: !important; 1390 font-weight: !important; 1391 font-style: !important; 1392 1393 letter-spacing: px !important; 1394 color: !important; 1395 } 1396 .p6_general_style { 1397 font-size: px !important; 1398 font-family: !important; 1399 font-weight: !important; 1400 font-style: !important; 1401 1402 letter-spacing: px !important; 1403 color: !important; 1404 } 1405 a.general_style, .a_general_style { 1406 text-decoration: !important; 1407 color: !important; 1408 } 1409 a.general_style:hover, .a_general_style:hover { 1410 color: !important; 1411 } 1412 label.general_style, .label_general_style { 1413 font-size: px !important; 1414 font-family: !important; 1415 font-weight: !important; 1416 font-style: !important; 1417 1418 letter-spacing: px !important; 1419 color: !important; 1420 } 1421 button.general_style, .button_general_style { 1422 font-size: px !important; 1423 font-family: !important; 1424 font-weight: !important; 1425 font-style: !important; 1426 1427 color: !important; 1428 background-color: !important; 1429 1430 border-width: px !important; 1431 border-radius: px !important; 1432 border-color: !important; 1433 } 1434 button.general_style:hover, .button_general_style:hover { 1435 color: !important; 1436 background-color: !important; 1437 border-color: !important; 1438 } 1439 .secondary_button_general_style { 1440 font-size: px !important; 1441 font-family: !important; 1442 font-weight: !important; 1443 font-style: !important; 1444 1445 color: !important; 1446 background-color: !important; 1447 1448 border-width: px !important; 1449 border-radius: px !important; 1450 border-color: !important; 1451 } 1452 .secondary_button_general_style:hover { 1453 color: !important; 1454 background-color: !important; 1455 border-color: !important; 1456 } 1457 .reset_button_general_style { 1458 font-size: px !important; 1459 font-family: !important; 1460 font-weight: !important; 1461 font-style: !important; 1462 1463 color: !important; 1464 background-color: !important; 1465 1466 border-width: px !important; 1467 border-radius: px !important; 1468 border-color: !important; 1469 } 1470 .reset_button_general_style:hover { 1471 color: !important; 1472 background-color: !important; 1473 border-color: !important; 1474 } 1475 .search_box_general_style .sinps::placeholder { 1476 font-size: px !important; 1477 font-family: !important; 1478 color: !important; 1479 } 1480 .search_box_general_style .sinps { 1481 height: 100%; 1482 font-size: px !important; 1483 font-family: !important; 1484 font-weight: !important; 1485 font-style: !important; 1486 color: !important; 1487 background-color: !important; 1488 border-style: solid !important; 1489 border-width: px !important; 1490 border-radius: px !important; 1491 border-top-right-radius: 0 !important; 1492 border-bottom-right-radius: 0 !important; 1493 border-color: !important; 1494 } 1495 .search_box_general_style .sinps:hover, 1496 .search_box_general_style .sinps:focus, 1497 .search_box_general_style .sinps:active { 1498 background-color: !important; 1499 } 1500 .search_box_general_style .sBtns { 1501 height: 100%; 1502 background-color: !important; 1503 border-style: solid !important; 1504 border-width: px !important; 1505 border-radius: px !important; 1506 border-top-left-radius: 0 !important; 1507 border-bottom-left-radius: 0 !important; 1508 border-color: !important; 1509 } 1510 .search_box_general_style .sBtns:hover, 1511 .search_box_general_style .sBtns:focus, 1512 .search_box_general_style .sBtns:active { 1513 background-color: !important; 1514 } 1515 .search_box_general_style .sBtns svg { 1516 width: px !important; 1517 height: px !important; 1518 } 1519 .search_box_general_style .sBtns path { 1520 fill: !important; 1521 } 1522 .search_box_general_style .sBtns:hover path, 1523 .search_box_general_style .sBtns:focus path, 1524 .search_box_general_style .sBtns:active path { 1525 fill: !important; 1526 }
1527 .search_box_general_style:hover .sinps, 1528 .search_box_general_style:focus .sinps, 1529 .search_box_general_style:active .sinps, 1530 .search_box_general_style:hover .sBtns, 1531 .search_box_general_style:focus .sBtns, 1532 .search_box_general_style:active .sBtns { 1533 border-color: !important; 1534 } 1535 svg.general_style, .svg_general_style { 1536 fill: !important; 1537 stroke-width: .5 !important; 1538 stroke: !important; 1539 } 1540 .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { 1541 color: !important; 1542 background: !important; 1543 } 1544 .irs--big .irs-grid-text { 1545 color: !important; 1546 } 1547 .irs--big .irs-grid-pol { 1548 background: !important; 1549 } 1550 .irs--big .irs-bar { 1551 border-color: !important; 1552 background: linear-gradient(to bottom, 0%, 30%, 100%) !important; 1553 } 1554 .irs--big .irs-handle { 1555 border-color: #B3B3B2; 1556 background: linear-gradient(to bottom, 0%, 30%, 100%) !important; 1557 } 1558 .pagination.general_style .page-link { 1559 font-size: px !important; 1560 font-family: !important; 1561 font-weight: !important; 1562 font-style: !important; 1563 1564 color: !important; 1565 background-color: !important; 1566 border-color: !important; 1567 } 1568 .pagination.general_style .page-link:hover { 1569 color: !important; 1570 background-color: !important; 1571 border-color: !important; 1572 } 1573 .pagination.general_style .page-item.active .page-link { 1574 color: !important; 1575 background-color: !important; 1576 border-color: !important; 1577 } 1578 input[type=checkbox].general_style { 1579 accent-color: !important; 1580 } 1581 .breadcrumb.general_style .breadcrumb-item a, 1582 .breadcrumb.general_style .breadcrumb-item { 1583 font-size: 14px !important; 1584 font-family: Arial !important; 1585 font-weight: !important; 1586 font-style: normal !important; 1587 1588 letter-spacing: px !important; 1589 color: #000 !important; 1590 } 1591 .shapes-div .shapes-img.active { 1592 background-color: !important; 1593 color: !important; 1594 } 1595 .input_general_style { 1596 position: relative; 1597 } 1598 .input_general_style label { 1599 width: auto !important; 1600 position: absolute; 1601 top: 50%; 1602 left: 5px; 1603 z-index: 1; 1604 transform: translateY(-50%); 1605 transform-origin: 0% 100%; 1606 transition: all .2s ease-out; 1607 padding: 0 10px; 1608 margin: 0 !important; 1609 cursor: text; 1610 background: white; 1611 } 1612 .input_general_style label.active { 1613 top: 0; 1614 transform: translateY(-55%) scale(0.80); 1615 } 1616 1617 .input_general_style input::placeholder { 1618 color: transparent !important; 1619 } 1620 .input_general_style input { 1621 font-size: 16px !important; 1622 font-family: !important; 1623 font-weight: !important; 1624 font-style: !important; 1625 color: !important; 1626 background-color: white !important; 1627 border-style: solid !important; 1628 border-width: px !important; 1629 border-radius: 0px !important; 1630 border-color: !important; 1631 } 1632 .input_general_style:hover input { 1633 border-color: !important; 1634 }
1635 .input_general_style input:-webkit-autofill, 1636 .input_general_style input:-webkit-autofill:hover, 1637 .input_general_style input:-webkit-autofill:focus, 1638 .input_general_style input:-webkit-autofill:active{ 1639 -webkit-box-shadow: 0 0 0 30px white inset !important; 1640 } 1641 .input_general_style input:focus { 1642 border-color: initial; 1643 box-shadow: unset; 1644 } 1645 .input_general_style .toggle-password-visibility { 1646 position: absolute; 1647 right: 5px; 1648 top: 50%; 1649 transform: translateY(-50%); 1650 border: 0; 1651 background: transparent; 1652 } 1653 .select_general_style { 1654 position: relative; 1655 } 1656 .select_general_style label { 1657 width: auto !important; 1658 position: absolute; 1659 top: 50%; 1660 left: 5px; 1661 transform: translateY(-50%); 1662 transform-origin: 0% 100%; 1663 transition: all .2s ease-out; 1664 padding: 0 10px; 1665 margin: 0 !important; 1666 cursor: text; 1667 background: white; 1668 } 1669 .select_general_style label.active { 1670 top: 0; 1671 transform: translateY(-55%) scale(0.80); 1672 } 1673 1674 .select_general_style select { 1675 font-size: 16px !important; 1676 font-family: !important; 1677 font-weight: !important; 1678 font-style: !important; 1679 color: !important; 1680 border-style: solid !important; 1681 border-width: px !important; 1682 border-radius: 0px !important; 1683 border-color: !important; 1684 background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat !important; 1685 -webkit-appearance: none !important; 1686 -moz-appearance: none !important; 1687 appearance: none !important; 1688 } 1689 .select_general_style:hover select { 1690 border-color: !important; 1691 } 1692 .select_general_style select:focus { 1693 border-color: initial; 1694 box-shadow: unset; 1695 } 1696 .select_general_style select:-webkit-autofill, 1697 .select_general_style select:-webkit-autofill:hover, 1698 .select_general_style select:-webkit-autofill:focus, 1699 .select_general_style select:-webkit-autofill:active{ 1700 -webkit-box-shadow: 0 0 0 30px white inset !important; 1701 } 1702 .textarea_general_style { 1703 position: relative; 1704 } 1705 .textarea_general_style label { 1706 width: auto !important; 1707 position: absolute; 1708 top: 18px; 1709 left: 5px; 1710 transform: translateY(-50%); 1711 transform-origin: 0% 100%; 1712 transition: all .2s ease-out; 1713 padding: 0 10px; 1714 margin: 0 !important; 1715 cursor: text; 1716 background: white; 1717 } 1718 .textarea_general_style label.active { 1719 top: 0; 1720 transform: translateY(-55%) scale(0.80); 1721 } 1722 1723 .textarea_general_style textarea { 1724 font-size: 16px !important; 1725 font-family: !important; 1726 font-weight: !important; 1727 font-style: !important; 1728 color: !important; 1729 background-color: white !important; 1730 border-style: solid !important; 1731 border-width: px !important; 1732 border-radius: 0px !important; 1733 border-color: !important; 1734 } 1735 .textarea_general_style:hover textarea { 1736 border-color: !important; 1737 } 1738 .textarea_general_style textarea:focus { 1739 border-color: initial; 1740 box-shadow: unset; 1741 } 1742 .textarea_general_style textarea:-webkit-autofill, 1743 .textarea_general_style textarea:-webkit-autofill:hover, 1744 .textarea_general_style textarea:-webkit-autofill:focus, 1745 .textarea_general_style textarea:-webkit-autofill:active{ 1746 -webkit-box-shadow: 0 0 0 30px white inset !important; 1747 } 1748 } 1749 </style><header class="appearance-desktop-view-template"> 1750 1751 1752 1753 <style> 1754 .header_container>.flex_row { 1755 display: flex; 1756 } 1757 1758 .header_container_1 { 1759 width: 100%; 1760 max-width: 100%; 1761 margin: 0 auto; 1762 position: relative !important; 1763 transform: inherit !important; 1764 } 1765 .header_container>.flex_row>.flex_col { 1766 display: flex; 1767 flex-wrap: wrap; 1768 box-sizing: border-box; 1769 align-content: baseline; 1770 } 1771 .header_container>.flex_row>.flex_col>.flex_cell { 1772 height: fit-content; 1773 display: flex; 1774 } 1775 .header_container>.flex_row>.flex_col>.flex_cell a { 1776 text-decoration: none; 1777 } 1778 .header_container img { 1779 max-width: 100%; 1780 } 1781 .row_spacer_cs { 1782 display: none; 1783 } 1784 .sticky_row { 1785 position: fixed; 1786 } 1787 .sticky_row + .row_spacer_cs { 1788 display: block; 1789 } 1790 </style> 1791 1792 <div class="header_container header_container_1" data-device-type="1"> 1793 1794 1795 1796 <div class="flex_row flex_row_1 "> 1797 1798 1799 <div class="flex_col flex_col_1"> 1800 1801 1802 </div> 1803 1804 <style> 1805 .header_container_1>.flex_row_1>.flex_col_1 { 1806 width:5%; } 1807 </style> 1808 1809 1810 1811 <div class="flex_col flex_col_2"> 1812 1813 1814<div class="flex_cell flex_cell_1 call_us"> 1815 <div class="flex_cell_content"><a class="phone_number_click " href="tel:1-630-516-8000" title="Call us 1-630-516-8000">
1815<svg role="img" aria-label="Call Us" viewBox="0 0 512 512"><path class="path_class" d="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"/></svg><span>1-630-516-8000</span></a></div> </div> 1816<style> 1817 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us { 1818 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 1819 1820 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us { 1821 height:100%; } 1822 1823 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us>.flex_cell_content { 1824 display: flex; 1825 margin-top:10px; margin-bottom:10px; margin-left:0px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1826 1827 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a { 1828 color:#ffffff; font-style:normal; font-size:16px; font-family:Arial; display: flex; 1829 align-items: center; 1830 text-transform:none; } 1831 1832 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a svg, 1833 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a img { 1834 margin-right: 5px; 1835 height:15px; } 1836 1837 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a .path_class { 1838 fill: currentColor; 1839 } 1840 1841 1842 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a:hover { 1843 color:#ffffff; } 1844</style> 1845 </div> 1846 1847 <style> 1848 .header_container_1>.flex_row_1>.flex_col_2 { 1849 width:12%; } 1850 </style> 1851 1852 1853 1854 <div class="flex_col flex_col_3"> 1855 1856 1857<div class="flex_cell flex_cell_1 button_link"> 1858 1859 1860 <div class="flex_cell_content"> 1861 <a class="btn_link_ig" href="https://maps.app.goo.gl/jDzg2PMMQBd9k3nt8" target="_blank" title=""> 1862 Get Directions </a> 1863 </div> 1864 1865 </div> 1866<style> 1867 .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link { 1868 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 1869 1870 .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link { 1871 height:100%; } 1872 1873 .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link>.flex_cell_content { 1874 display: flex; 1875 margin-top:5px; margin-bottom:5px; margin-left:%; margin-right:%; } 1876 1877 .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a { 1878 color:#ffffff; font-style:normal; 1879 background-color: transparent; 1880 1881 font-size:14px;font-family:Arial; text-decoration: none; 1882 display: inline-flex; 1883 align-items: center; 1884 padding: 10px 26px; 1885 border-style: solid; 1886 justify-content:left; text-transform:none; border-radius:1px; border-width:1px; border-color:#ffffff; padding-top:10px; padding-bottom:10px; padding-left:26px; padding-right:26px; } 1887 1888 .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a>i{ 1889 margin-right: 5px; 1890 } 1891 1892 .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a:hover { 1893 color:#74221a; background-color:#ffffff; border-color:#ffffff; } 1894 1895 .header_container_1>.flex_row_1>.flex_col_3>.flex_cell_1 a>img { 1896 margin-left:5px; } 1897</style> 1898 1899 </div> 1900 1901 <style> 1902 .header_container_1>.flex_row_1>.flex_col_3 { 1903 width:17%; } 1904 </style> 1905 1906 1907 1908 <div class="flex_col flex_col_4"> 1909 1910 1911<div class="flex_cell flex_cell_1 button_link"> 1912 1913 1914 <div class="flex_cell_content">
1915 <a class="btn_link_ig" href="https://www.merryrichardsjewelers.com/request-an-appointment" title=""> 1916 Book Appointment </a> 1917 </div> 1918 1919 </div> 1920<style> 1921 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.button_link { 1922 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 1923 1924 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.button_link { 1925 height:100%; } 1926 1927 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.button_link>.flex_cell_content { 1928 display: flex; 1929 margin-top:5px; margin-bottom:5px; margin-left:px; margin-right:px; } 1930 1931 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.button_link a { 1932 color:#ffffff; font-style:normal; 1933 background-color:#74221a; 1934 font-size:px;font-family:Arial; text-decoration: none; 1935 display: inline-flex; 1936 align-items: center; 1937 padding: 10px 26px; 1938 border-style: solid; 1939 justify-content:center; text-transform:none; border-radius:1px; border-width:1px; border-color:#ffffff; padding-top:10px; padding-bottom:10px; padding-left:26px; padding-right:26px; } 1940 1941 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.button_link a>i{ 1942 margin-right: 5px; 1943 } 1944 1945 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.button_link a:hover { 1946 color:#74221a; background-color:#ffffff; border-color:#ffffff; } 1947 1948 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1 a>img { 1949 margin-right:5px; } 1950</style> 1951 1952 </div> 1953 1954 <style> 1955 .header_container_1>.flex_row_1>.flex_col_4 { 1956 width:31%; } 1957 </style> 1958 1959 1960 1961 <div class="flex_col flex_col_5"> 1962 1963 1964<div class="flex_cell flex_cell_1 search_box"> 1965 <div class="flex_cell_content"> 1966 <form class="sform" id="search-box-form" 1967 onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;"> 1968 <div class="inputs-group"> 1969 <input class="sinp" type="text" name="search" 1970 placeholder="SEARCH PRODUCTS" 1971 aria-label="SEARCH PRODUCTS" 1972 > 1973 <button class="sBtn" onclick="javascript: $('#search-box-form').submit();"> 1974 <svg role="img" aria-label="Search" viewBox="0 0 512 512"><path class="path_class" d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"/></svg> 1975 </button> 1976 </div> 1977 </form> 1978 </div> 1979</div> 1980<style> 1981 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.search_box { 1982 width:100%; justify-content:right; -webkit-justify-content:right; align-items:center; -webkit-align-items:center; } 1983 1984 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.search_box { 1985 height:100%; } 1986 1987 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.search_box>.flex_cell_content { 1988 display: flex; 1989 margin-top:3px; margin-bottom:3px; margin-left:px; margin-right:5px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1990 1991 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 .sform, .header_container_1>.flex_row_1>.flex_col_5>
1991.flex_cell_1 .inputs-group { 1992 width: 100%; 1993 display: flex; 1994 flex-wrap: nowrap; 1995 } 1996 1997 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 .sinp { 1998 border-radius: 0px; 1999 padding: 4px 8px; 2000 outline: 0px; 2001 box-shadow: none; 2002 font-size:px; font-family:Arial; color:#ffffff; font-style:normal; background-color:#74221a; 2003 2004 2005 border-style: solid; 2006 border-width:1px; border-color:#74221a; 2007 2008 border-right:0px; 2009 width: 100%; 2010 2011 border-bottom-color:#ffffff; } 2012 2013 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 .sinp:hover { 2014 } 2015 2016 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 .sinp::placeholder { 2017 font-size:px; font-family:Arial; color:#ffffff; opacity: 1; 2018 } 2019 2020 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 .sBtn { 2021 height: 100%; 2022 border-radius: 0px; 2023 padding: 4px; 2024 align-items: center; 2025 justify-content: center; 2026 display: flex; 2027 border-style: solid; 2028 border-width:1px; border-color:#74221a; color:#ffffff; font-style:normal; background-color:#74221a; border-left:0px; 2029 2030 } 2031 2032 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 .sBtn:hover { 2033 background-color:#74221a; } 2034 2035 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 .sBtn svg { 2036 width:16px; height:16px; } 2037 2038 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 .sBtn .path_class { 2039 fill:#ffffff; } 2040 2041 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 .sBtn:hover .path_class { 2042 fill:#ffffff; } 2043 2044</style> 2045 </div> 2046 2047 <style> 2048 .header_container_1>.flex_row_1>.flex_col_5 { 2049 width:20%; } 2050 </style> 2051 2052 2053 2054 <div class="flex_col flex_col_6"> 2055 2056 2057<div class="flex_cell flex_cell_1 account_icons"> 2058 <div class="flex_cell_content"> 2059 2060 <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 2"> 2061 <svg role="img" aria-label="Wishlist" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_20)"><path class="path_class" d="M420.2 214.3L563.9 235.5C575.8 237.2 585.8 245.6 589.6 257.1C593.4 268.7 590.3 281.3 581.7 289.9L477.5 392.1L502.1 538.7C504.1 550.7 499.2 562.9 489.2 570C479.3 577.1 466.2 578 455.5 572.3L327.1 503.8L198.8 572.3C188 578 174.9 577.1 165 570C155.1 562.9 150.1 550.7 152.2 538.7L176.8 392.1L72.58 289.9C63.97 281.3 60.91 268.7 64.69 257.1C68.46 245.6 78.43 237.2 90.42 235.5L234 214.3L298.4 81.97C303.7 70.954 314.9 63.9609 327.1 63.9609C339.4 63.9609 350.6 70.954 355.9 81.97L420.2 214.3Z" fill="black"/></g><defs><clipPath id="clip0_107_20"><rect width="576" height="512" fill="white" transform="translate(39 64)"/></clipPath></defs></svg> <span class="item-count-badge wishlist-count-badge d-none"></span> 2062 </a> 2063 2064 <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 3"> 2065 <svg role="img" aria-label="Shopping Cart" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" d="M128 64C139.5 64 149.4 72.19 151.6 83.51L153.1 96H573.8C594.1 96 610.3 116.25 604.6 136.66L550.6 328.7C546.7 342.5 534.1 352 519.8 352H202.7L211.9 400H520C533.3 400 544 410.7 544 424C544 437.3 533.3 448 520 448H191.1C180.5 448 170.6 439.8 168.4 428.5L108.14 112H56C42.75 112 32 101.25 32 88C32 74.75 42.75 64 56 64H128ZM160 528C160 501.5 181.5 480 208 480C234.5 480 256 501.5 256 528C256 554.5 234.5 576 208 576C181.5 576 160 554.5 160 528ZM544 528C544 554.5 522.5 576 496 576C469.5 576 448 554.5 448 528C448 501.5 469.5 480 496 480C522.5 480 544 501.5 544 528Z" fill="black"/></svg>
2065 <span class="item-count-badge build-shopping-cart-item-counter d-none"></span> 2066 </a> 2067 2068 2069 <a class="" href="/login" title="My Account" style="order: 5"> 2070 <svg role="img" aria-label="My Account" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_18)"><path class="path_class" d="M320 320C390.7 320 448 262.69 448 192C448 121.31 390.7 64 320 64C249.3 64 192 121.31 192 192C192 262.69 249.3 320 320 320ZM370.7 368H269.3C173.61 368 96 445.6 96 541.3C96 560.44 111.52 575.97 130.66 575.97H509.36C528.5 576 544 560.5 544 541.3C544 445.6 466.4 368 370.7 368Z" fill="black"/></g><defs><clipPath id="clip0_107_18"><rect width="448" height="512" fill="white" transform="translate(96 64)"/></clipPath></defs></svg> </a> 2071 </div> 2072</div> 2073 2074<style> 2075 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons { 2076 width:100%; justify-content: flex-end; 2077 align-items:center; -webkit-align-items:center; } 2078 2079 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons { 2080 height:100%; } 2081 2082 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons>.flex_cell_content { 2083 display: flex; 2084 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:0px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2085 2086 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons .wishlist-count-badge.d-none { 2087 display: none !important; 2088 } 2089 2090 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a { 2091 display: flex; 2092 align-items: center; 2093 color:#ffffff; font-style:normal; font-size:16px; font-family:Arial; margin-left: 12px; 2094 text-transform:none; } 2095 2096 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a svg, 2097 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a img { 2098 flex-shrink: 0; 2099 margin-right: 5px; 2100 width:15px; height:15px; } 2101 2102 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a .path_class { 2103 fill: currentColor; 2104 } 2105 2106 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a:hover { 2107 color:#ffffff; } 2108 2109 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a .item-count-badge { 2110 padding: 0 5px; 2111 height: 16px; 2112 min-width: 16px; 2113 text-align: center; 2114 border-radius: 7px; 2115 line-height: 16px; 2116 border: 1px solid #fff; 2117 font-style: normal; 2118 font-weight: 700; 2119 font-size: 10px; 2120 background-color:#00b252; color:#ffffff; margin-left: -10px; 2121 margin-top: -15px; 2122 } 2123</style> 2124 </div> 2125 2126 <style> 2127 .header_container_1>.flex_row_1>.flex_col_6 { 2128 width:10%; } 2129 </style> 2130 2131 2132 2133 <div class="flex_col flex_col_7"> 2134 2135 2136 </div> 2137 2138 <style> 2139 .header_container_1>.flex_row_1>.flex_col_7 { 2140 width:5%; } 2141 </style> 2142 2143 2144 2145 </div> 2146 2147 2148 <style> 2149 .header_container_1>.flex_row_1 { 2150 background-color: #74221a; 2151 2152 color:#000000; height:auto; 2153 2154 } 2155 2156 </style> 2157 2158 2159 2160 2161 2162 <div class="flex_row flex_row_2 "> 2163 2164 2165 <div class="flex_col flex_col_1"> 2166 2167 2168 </div> 2169 2170 <style> 2171 .header_container_1>.flex_row_2>.flex_col_1 { 2172 width:100%; } 2173 </style> 2174 2175 2176 2177 <div class="flex_col flex_col_2"> 2178 2179 2180 2181<div class="flex_cell flex_cell_1 image"> 2182 <div class="flex_cell_content"> 2183 2184 <a href="https://www.merryrichardsjewelers.com/" 2185 > 2186 2187 2188 <img 2189 height="100px" width="355px" 2190 2191 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/store_logo/merry_richards_store_logo.png" 2192 2193 alt="Merry Richards Logo "> 2194 2195 2196 </a> 2197 2198 </div> 2199</div> 2200 <style> 2201 .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.image { 2202 width:100%; justify-content:center;
2202 -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 2203 .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content { 2204 display: flex; 2205 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2206 .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.image img { 2207 } 2208 2209 .header_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.image { 2210 height:100%; } 2211 </style> 2212 2213 2214 </div> 2215 2216 <style> 2217 .header_container_1>.flex_row_2>.flex_col_2 { 2218 width:100%; } 2219 </style> 2220 2221 2222 2223 <div class="flex_col flex_col_3"> 2224 2225 2226 </div> 2227 2228 <style> 2229 .header_container_1>.flex_row_2>.flex_col_3 { 2230 width:100%; } 2231 </style> 2232 2233 2234 2235 </div> 2236 2237 2238 <style> 2239 .header_container_1>.flex_row_2 { 2240 background-color: #ffffff; 2241 2242 color:#000000; height:auto; 2243 2244 } 2245 2246 </style> 2247 2248 2249 2250 2251 2252 <div class="flex_row flex_row_3 "> 2253 2254 2255 <div class="flex_col flex_col_1"> 2256 2257 <div class="flex_cell flex_cell_1 menu"> 2258 <div class="flex_cell_content"> 2259 <nav aria-label="Menu"> 2260 <ul class="horizontal_menu" role="menubar" aria-label="Menu" data-menubar-item-expanded="false"> 2261 <li class=" menu_container_li" role="none"> 2262 <a href="#!" title="Designers " class="hor_menu_links " data-full_image="" role="menuitem" tabindex="0" aria-haspopup="true" aria-expanded="false" > 2263 Designers </a> 2264 2265 2266 2267 2268 2269<div class="menu_container default_build_menu menu_container_1_navigation_72"> 2270 <div class="nav_div_72"> 2271 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 2272 2273 <li style="" 2274 class="" 2275 role="none"> 2276 2277 2278 2279 <a class="nav_a_trd " title="Benchmark" href="https://www.merryrichardsjewelers.com/benchmark" data-full_image="" role="menuitem" tabindex="0" > 2280 Benchmark </a> 2281 2282 2283 2284 2285 2286 2287 2288 </li> 2289 2290 2291 2292 <li style="" 2293 class="" 2294 role="none"> 2295 2296 2297 2298 <a class="nav_a_trd " title="Brevani" href="https://www.merryrichardsjewelers.com/brevani" data-full_image="" role="menuitem" tabindex="-1" > 2299 Brevani </a> 2300 2301 2302 2303 2304 2305 2306 2307 </li> 2308 2309 2310 2311 <li style="" 2312 class="" 2313 role="none"> 2314 2315 2316 2317 <a class="nav_a_trd " title="Christopher Designs " href="https://www.merryrichardsjewelers.com/christopher-designs" data-full_image="" role="menuitem" tabindex="-1" > 2318 Christopher Designs </a> 2319 2320 2321 2322 2323 2324 2325 2326 </li> 2327 2328 2329 2330 <li style="" 2331 class="" 2332 role="none"> 2333 2334 2335 2336 <a class="nav_a_trd " title="Diana" href="https://www.merryrichardsjewelers.com/diana" data-full_image="" role="menuitem" tabindex="-1" > 2337 Diana </a> 2338 2339 2340 2341 2342 2343 2344 2345 </li> 2346 2347 2348 2349 <li style="" 2350 class="" 2351 role="none"> 2352 2353 2354 2355 <a class="nav_a_trd " title="Extensible" href="https://www.merryrichardsjewelers.com/extensible" data-full_image="" role="menuitem" tabindex="-1" > 2356 Extensible </a> 2357 2358 2359 2360 2361 2362 2363 2364 </li> 2365 2366 2367 2368 <li style="" 2369 class="" 2370 role="none"> 2371 2372 2373 2374 <a class="nav_a_trd " title="Italian Jewelry Collection" href="https://www.merryrichardsjewelers.com/italian-collection" data-full_image="" role="menuitem" tabindex="-1" > 2375 Italian Jewelry Collection </a> 2376 2377 2378 2379 2380 2381 2382 2383 </li> 2384 2385 2386 2387 <li style="" 2388 class="" 2389 role="none"> 2390 2391 2392 2393 <a class="nav_a_trd " title="Lisa Nik" href="https://www.merryrichardsjewelers.com/lisa-nik" data-full_image="" role="menuitem" tabindex="-1" > 2394 Lisa Nik </a> 2395 2396 2397 2398 2399 2400 2401 2402 </li> 2403 2404 2405 2406 <li style="" 2407 class="" 2408 role="none"> 2409 2410 2411 2412 <a class="nav_a_trd " title="Madison L " href="https://www.merryrichardsjewelers.com/madison-l" data-full_image="" role="menuitem" tabindex="-1" > 2413 Madison L </a> 2414 2415 2416 2417 2418 2419 2420 2421 </li> 2422 2423 2424 2425 <li style="" 2426 class="" 2427 role="none"> 2428 2429 2430 2431 <a class="nav_a_trd " title="Mastoloni" href="https://www.merryrichardsjewelers.com/mastoloni" data-full_image="" role="menuitem" tabindex="-1" > 2432 Mastoloni </a> 2433 2434 2435 2436 2437 2438 2439 2440 </li> 2441 2442 2443 2444 <li style="" 2445 class="" 2446 role="none"> 2447 2448 2449 2450 <a class="nav_a_trd " title="Merry Richards Collection " href="https://www.merryrichardsjewelers.com/merry-richards" data-full_image="" role="menuitem" tabindex="-1" > 2451 Merr
2451y Richards Collection </a> 2452 2453 2454 2455 2456 2457 2458 2459 </li> 2460 2461 2462 2463 <li style="" 2464 class="" 2465 role="none"> 2466 2467 2468 2469 <a class="nav_a_trd " title="Roberto Demeglio " href="https://www.merryrichardsjewelers.com/roberto-demeglio" data-full_image="" role="menuitem" tabindex="-1" > 2470 Roberto Demeglio </a> 2471 2472 2473 2474 2475 2476 2477 2478 </li> 2479 2480 2481 2482 <li style="" 2483 class="" 2484 role="none"> 2485 2486 2487 2488 <a class="nav_a_trd " title="Simon G " href="https://www.merryrichardsjewelers.com/simon-g" data-full_image="" role="menuitem" tabindex="-1" > 2489 Simon G </a> 2490 2491 2492 2493 2494 2495 2496 2497 </li> 2498 2499 </ul> 2500 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 2501 2502 2503 <li style="" 2504 class="" 2505 role="none"> 2506 2507 2508 2509 <a class="nav_a_trd " title="Spark Creations" href="https://www.merryrichardsjewelers.com/spark-creations" data-full_image="" role="menuitem" tabindex="0" > 2510 Spark Creations </a> 2511 2512 2513 2514 2515 2516 2517 2518 </li> 2519 2520 2521 2522 <li style="" 2523 class="" 2524 role="none"> 2525 2526 2527 2528 <a class="nav_a_trd " title="Pearl Jewelry" href="https://www.merryrichardsjewelers.com/pearl-jewelry" data-full_image="" role="menuitem" tabindex="-1" > 2529 Pearl Jewelry </a> 2530 2531 2532 2533 2534 2535 2536 2537 </li> 2538 2539 2540 2541 <li style="" 2542 class="" 2543 role="none"> 2544 2545 2546 2547 <a class="nav_a_trd " title="Meira T" href="https://www.merryrichardsjewelers.com/meirat" data-full_image="" role="menuitem" tabindex="-1" > 2548 Meira T </a> 2549 2550 2551 2552 2553 2554 2555 2556 </li> 2557 2558 2559 2560 <li style="" 2561 class="" 2562 role="none"> 2563 2564 2565 2566 <a class="nav_a_trd " title="Mens Bands" href="https://www.merryrichardsjewelers.com/mens-wedding-bands" data-full_image="" role="menuitem" tabindex="-1" > 2567 Mens Bands </a> 2568 2569 2570 2571 2572 2573 2574 2575 </li> 2576 2577 2578 2579 <li style="" 2580 class="" 2581 role="none"> 2582 2583 2584 2585 <a class="nav_a_trd " title="Tantalum " href="https://www.merryrichardsjewelers.com/tantalum" data-full_image="" role="menuitem" tabindex="-1" > 2586 Tantalum </a> 2587 2588 2589 2590 2591 2592 2593 2594 </li> 2595 2596 2597 </ul> 2598 </div> 2599</div> 2600<style> 2601 .menu_container_1_navigation_72 { 2602 background: #fff; 2603 } 2604 .horizontal_menu .nav_div_72 { 2605 padding: 15px 0px; 2606 box-shadow: 0px 0px 5px #00000078; display: flex; 2607 flex-wrap: wrap; 2608 } 2609 .horizontal_menu .nav_img_72 { 2610 height: 200px; 2611 width: 250px; 2612 margin-left: 50px; 2613 margin-right: 20px; 2614 flex-shrink: 0; 2615 order: 1; 2616 } 2617 .horizontal_menu .nav_img_72 img { 2618 max-width: 100%; 2619 max-height: 100%; 2620 } 2621 .horizontal_menu .nav_div_72 .vfit { 2622 text-align: left; 2623 border-bottom: 1px solid #ececec; 2624 text-transform: uppercase; 2625 } 2626 .nav_div_72 .vfit a { 2627 text-decoration: none; 2628 color: #222; 2629 } 2630 .nav_div_72 .nav_list { 2631 list-style: none; 2632 margin: 0; 2633 padding: 0; 2634 order: 1; 2635 } 2636 .nav_div_72 ul { 2637 list-style: none; 2638 } 2639 #desktop_hamburger_menu_template .nav_div_72 li { 2640 width: 100%; 2641 margin: 0; 2642 padding: 0px 20px; 2643 position: relative; 2644 } 2645 .horizontal_menu .nav_div_72 li { 2646 width: 100%; 2647 margin: 0; 2648 padding: 0px 20px; 2649 position: relative; 2650 } 2651 2652 #desktop_hamburger_menu_template .nav_div_72 li svg { 2653 position: absolute; 2654 right: 15px; 2655 height: 10px; 2656 top: 10px; 2657 } 2658 .horizontal_menu .nav_div_72 li svg { 2659 position: absolute; 2660 right: 15px; 2661 height: 10px; 2662 top: 10px; 2663 } 2664 2665 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_a_trd { 2666 display: flex; 2667 align-items: center; 2668 padding: 0; 2669 line-height: 30px; 2670 font-size: 14px; 2671 text-transform: uppercase; 2672 text-decoration: none; 2673 color: #222; 2674 white-space: normal; 2675 2676 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; 2677 } 2678 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li button { 2679 background: none; 2680 border: none; 2681 cursor: pointer; 2682 } 2683 2684 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_a_trd.parent_men { 2685 text-decoration: underline; 2686 } 2687 2688 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_a_trd:hover { 2689 color:#000000; cursor: pointer; 2690 } 2691 2692 2693 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a { 2694 display: flex; 2695 align-items: center; 2696 padding: 0; 2697 line-height: 30px; 2698 font-size: 14px; 2699 text-transform: uppercase; 2700 text-decoration: none; 2701 color: #222; 2702 white-space: normal; 2703 2704 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 2705 2706 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a:hover { 2707 color:#000000; } 2708 2709 .nav_div_72 .nav_list li a .nav_icons { 2710 height: 30px; 2711 margin-right: 5px; 2712 } 2713 2714 .nav_div_72 .nav_list .nav_list_trd li a .nav_icons { 2715 height: 25px; 2716 } 2717 2718 2719 .nav_div_72 .nav_list li a:hover { 2720 color: #3172ab; 2721 } 2722 .horizontal_menu .nav_div_72 .nav_list_trd { 2723 display: none; 2724 position: absolute; 2725 left: 100%; 2726 top: -15px; 2727 padding: 15px 0px; 2728 box-shadow: 0px 0px 5px #00000078; background: #fff; 2729 } 2730 .horizontal_menu .nav_div_72 .nav_list>li .nav_list_trd.open, 2731 .horizontal_menu .nav_div_72 .nav_list>li:hover .nav_list_trd { 2732 display: block; 2733 z-index: 99; 2734 } 2735 2736 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72, 2737 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72 .nav_list_trd{ 2738 } 2739 2740 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72 .nav_list_trd{ 2741 width: 250px; 2742 } 2743 </style> 2744 </li> 2745 <li class=" menu_container_li" role="none"> 2746 <a href="#!" title="Diamonds" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 2747 Diamonds </a> 2748 2749 2750 2751 2752 2753<div class="menu_container default_build_menu menu_container_1_navigation_11"> 2754 <div class="nav_div_11"> 2755 <ul class="nav_list" role="menu" aria-label="Diamonds" tabindex="-1"> 2756 2757 <li style="" 2758 class="" 2759 role="none"> 2760 2761 2762 2763 <a class="nav_a_trd " title="Natural Diamonds" href="https://www.merryrichardsjewelers.com/natural-diamonds" data-full_image="" role="menuitem" tabindex="0" > 2764 Natural Diamonds </a> 2765 2766 2767 2768 2769 2770 2771 2772 </li> 2773 2774 2775 2776 <li style="" 2777 class="" 2778 role="none"> 2779 2780 2781 2782 <a class="nav_a_trd " title="Lab Grown Diamonds" href="https://www.merryrichardsjewelers.com/lab-grown-diamonds" data-full_image="" role="menuitem" tabindex="-1" > 2783 Lab Grown Diamonds </a> 2784 2785 2786 2787 2788 2789 2790 2791 </li> 2792 2793 2794 </ul> 2795 </div> 2796</div> 2797<style> 2798 .menu_container_1_navigation_11 { 2799 background: #fff; 2800 } 2801 .horizontal_menu .nav_div_11 { 2802 padding: 15px 0px; 2803 box-shadow: 0px 0px 5px #00000078; display: flex; 2804 flex-wrap: wrap; 2805 } 2806 .horizontal_menu .nav_img_11 { 2807 height: 200px; 2808 width: 250px; 2809 margin-left: 50px; 2810 margin-right: 20px; 2811 flex-shrink: 0; 2812 order: 1; 2813 } 2814 .horizontal_menu .nav_img_11 img { 2815 max-width: 100%; 2816 max-height: 100%; 2817 } 2818 .horizontal_menu .nav_div_11 .vfit { 2819 text-align: left; 2820 border-bottom: 1px solid #ececec; 2821 text-transform: uppercase; 2822 } 2823 .nav_div_11 .vfit a { 2824 text-decoration: none; 2825 color: #222; 2826 } 2827 .nav_div_11 .nav_list { 2828 list-style: none; 2829 margin: 0; 2830 padding: 0; 2831 order: 1; 2832 } 2833 .nav_div_11 ul { 2834 list-style: none; 2835 } 2836 #desktop_hamburger_menu_template .nav_div_11 li { 2837 width: 100%; 2838 margin: 0; 2839 padding: 0px 20px; 2840 position: relative; 2841 } 2842 .horizontal_menu .nav_div_11 li { 2843 width: 100%; 2844 margin: 0; 2845 padding: 0px 20px; 2846 position: relative; 2847 } 2848 2849 #desktop_hamburger_menu_template .nav_div_11 li svg { 2850 position: absolute; 2851 right: 15px; 2852 height: 10px; 2853 top: 10px; 2854 } 2855 .horizontal_menu .nav_div_11 li svg { 2856 position: absolute; 2857 right: 15px; 2858 height: 10px; 2859 top: 10px; 2860 } 2861 2862 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_11 .nav_div_11 .nav_list li .nav_a_trd { 2863 display: flex; 2864 align-items: center; 2865 padding: 0; 2866 line-height: 30px; 2867 font-size: 14px; 2868 text-transform: uppercase; 2869 text-decoration: none; 2870 color: #222; 2871 white-space: normal; 2872 2873 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; 2874 } 2875 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_11 .nav_div_11 .nav_list li button { 2876 background: none; 2877 border: none; 2878 cursor: pointer; 2879 } 2880 2881 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_11 .nav_div_11 .nav_list li .nav_a_trd.parent_men { 2882 text-decoration: underline; 2883 } 2884 2885 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_11 .nav_div_11 .nav_list li .nav_a_trd:hover { 2886 color:#000000; cursor: pointer; 2887 } 2888 2889 2890 .header_container .
2890flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_11 .nav_div_11 .nav_list li .nav_list_trd li a { 2891 display: flex; 2892 align-items: center; 2893 padding: 0; 2894 line-height: 30px; 2895 font-size: 14px; 2896 text-transform: uppercase; 2897 text-decoration: none; 2898 color: #222; 2899 white-space: normal; 2900 2901 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 2902 2903 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_11 .nav_div_11 .nav_list li .nav_list_trd li a:hover { 2904 color:#000000; } 2905 2906 .nav_div_11 .nav_list li a .nav_icons { 2907 height: 30px; 2908 margin-right: 5px; 2909 } 2910 2911 .nav_div_11 .nav_list .nav_list_trd li a .nav_icons { 2912 height: 25px; 2913 } 2914 2915 2916 .nav_div_11 .nav_list li a:hover { 2917 color: #3172ab; 2918 } 2919 .horizontal_menu .nav_div_11 .nav_list_trd { 2920 display: none; 2921 position: absolute; 2922 left: 100%; 2923 top: -15px; 2924 padding: 15px 0px; 2925 box-shadow: 0px 0px 5px #00000078; background: #fff; 2926 } 2927 .horizontal_menu .nav_div_11 .nav_list>li .nav_list_trd.open, 2928 .horizontal_menu .nav_div_11 .nav_list>li:hover .nav_list_trd { 2929 display: block; 2930 z-index: 99; 2931 } 2932 2933 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_11, 2934 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_11 .nav_list_trd{ 2935 width: 250px; 2936 } 2937 2938 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_11 .nav_list_trd{ 2939 width: 250px; 2940 } 2941 </style> 2942 </li> 2943 <li class=" menu_container_li" role="none"> 2944 <a href="#!" title="Engagement Rings" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 2945 Engagement Rings </a> 2946 2947 2948 2949 2950 <div class="menu_container custom_build_menu menu_container_1_6 custom_bm_fw" role="menu"> 2951 2952 2953 2954 <div class="flex_row flex_row_1"> 2955 2956 2957 <div class="flex_col flex_col_1"> 2958 2959 2960 </div> 2961 2962 <style> 2963 .menu_container_1_6 .flex_row_1 .flex_col_1 { 2964 width:6%; } 2965 </style> 2966 2967 2968 2969 <div class="flex_col flex_col_2"> 2970 2971 2972 <div class="flex_cell flex_cell_1 third_level"> 2973 <div class="flex_cell_content"> 2974 <div class="nav_div_7 menu_container_li"> 2975 <div class="vfit"> 2976 <a class=" " title="Shop By Style" href="#!" data-full_image="" role="button" tabindex="0"> 2977 Shop By Style </a> 2978 </div> 2979 <div class="nav_list_container"> 2980 <ul class="nav_list" role="menu" aria-label="Shop By Style" tabindex="-1"> 2981 <li class="" role="none"> 2982 <a class="" 2983 role="menuitem" 2984 tabindex="0" 2985 href="https://www.merryrichardsjewelers.com/custom-ring-builder" 2986 title="3D Ring Builder" 2987 style="" 2988 data-full_image="" 2989 > 2990 <img class="nav_
2990ct_icons menu_icon_3dringbuilder" 2991 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/custom_design.svg" 2992 alt="3D Ring Builder" 2993 title="3D Ring Builder" 2994 height="25" 2995 width="25" 2996 loading="lazy"/> 2997 3D Ring Builder</a> 2998 </li> 2999 <li class="" role="none"> 3000 <a class="" 3001 role="menuitem" 3002 tabindex="-1" 3003 href="https://www.merryrichardsjewelers.com/solitaire-rings" 3004 title="Solitaire Rings" 3005 style="" 3006 data-full_image="" 3007 > 3008 <img class="nav_ct_icons menu_icon_solitairerings" 3009 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/solitaire.svg" 3010 alt="Solitaire Rings" 3011 title="Solitaire Rings" 3012 height="25" 3013 width="25" 3014 loading="lazy"/> 3015 Solitaire Rings</a> 3016 </li> 3017 <li class="" role="none"> 3018 <a class="" 3019 role="menuitem" 3020 tabindex="-1" 3021 href="https://www.merryrichardsjewelers.com/three-stones-rings" 3022 title="Three Stones Rings" 3023 style="" 3024 data-full_image="" 3025 > 3026 <img class="nav_ct_icons menu_icon_threestonesrings" 3027 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/3stones.svg" 3028 alt="Three Stones Rings" 3029 title="Three Stones Rings" 3030 height="25" 3031 width="25" 3032 loading="lazy"/> 3033 Three Stones Rings</a> 3034 </li> 3035 <li class="" role="none"> 3036 <a class="" 3037 role="menuitem" 3038 tabindex="-1" 3039 href="https://www.merryrichardsjewelers.com/side-stone-rings" 3040 title="Side Stone Rings" 3041 style="" 3042 data-full_image="" 3043 > 3044 <img class="nav_
3044ct_icons menu_icon_sidestonerings" 3045 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/sidestones.svg" 3046 alt="Side Stone Rings" 3047 title="Side Stone Rings" 3048 height="25" 3049 width="25" 3050 loading="lazy"/> 3051 Side Stone Rings</a> 3052 </li> 3053 <li class="" role="none"> 3054 <a class="" 3055 role="menuitem" 3056 tabindex="-1" 3057 href="https://www.merryrichardsjewelers.com/halo-rings" 3058 title="Halo Rings" 3059 style="" 3060 data-full_image="" 3061 > 3062 <img class="nav_ct_icons menu_icon_halorings" 3063 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/halo.svg" 3064 alt="Halo Rings" 3065 title="Halo Rings" 3066 height="25" 3067 width="25" 3068 loading="lazy"/> 3069 Halo Rings</a> 3070 </li> 3071 </ul> 3072 </div> 3073 </div> 3074 </div> 3075 <style> 3076 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 { 3077 width: 100%; 3078 } 3079 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .vfit { 3080 text-align: left; 3081 3082 border-bottom: 1px solid #ececec; 3083 padding-bottom: 8px; 3084 } 3085 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list { 3086 list-style: none; 3087 margin: 0; 3088 padding: 0; 3089 } 3090 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list + li { 3091 margin-top: 10px; 3092 } 3093 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 li { 3094 width: 100%; 3095 margin: 0; 3096 padding: 0; 3097 } 3098 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 li:hover { 3099 opacity: 0.8; 3100 } 3101 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list li a { 3102 padding: 0; 3103 } 3104 </style> 3105 </div> 3106<style> 3107 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 3108 width:100%; align-items:start; -webkit-align-items:start; } 3109 3110 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 3111 height:100%; } 3112 3113 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content { 3114 display: flex; 3115 width: 100%; 3116 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3117 3118 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a { 3119 color:#4d4d4d; font-style:normal; display: flex; 3120 font-size:14px; font-family:Arial; text-transform:none; } 3121 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover { 3122 color:#000000; } 3123 3124 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons { 3125 height: 20px; 3126 margin-right: 5px; 3127 } 3128 3129 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a { 3130 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 3131 align-items:center; 3132 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 3133 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover { 3134 color:#000000; } 3135 3136 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 3137 height: 25px; 3138 margin-right: 5px; 3139 } 3140 3141</style> 3142 </div> 3143 3144 <style> 3145 .menu_container_1_6 .flex_row_1 .flex_col_2 { 3146 width:22%; } 3147 </style> 3148 3149 3150 3151 <div class="flex_col flex_col_3"> 3152 3153 3154 <div class="flex_cell flex_cell_1 third_level"> 3155 <div class="flex_cell_content"> 3156 <div class="nav_div_8 menu_container_li"> 3157 <div class="vfit"> 3158 <a class=" " title="Shop By Shape" href="#!" data-full_image="" role="button" tabindex="0"> 3159 Shop By Shape </a> 3160 </div> 3161 <div class="nav_list_container"> 3162 <ul class="nav_list" role="menu" aria-label="Shop By Shape" tabindex="-1"> 3163 <li class="" role="none"> 3164 <a class="" 3165 role="menuitem" 3166 tabindex="0" 3167 href="https://www.merryrichardsjewelers.com/princess-cut-rings" 3168 title="Princess Cut Rings" 3169 style="" 3170 data-full_image="" 3171 > 3172 <img class="nav_
3172ct_icons menu_icon_princesscutrings" 3173 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/princess.svg" 3174 alt="Princess Cut Rings" 3175 title="Princess Cut Rings" 3176 height="25" 3177 width="25" 3178 loading="lazy"/> 3179 Princess Cut Rings</a> 3180 </li> 3181 <li class="" role="none"> 3182 <a class="" 3183 role="menuitem" 3184 tabindex="-1" 3185 href="https://www.merryrichardsjewelers.com/round-cut-rings" 3186 title="Round Cut Rings" 3187 style="" 3188 data-full_image="" 3189 > 3190 <img class="nav_ct_icons menu_icon_roundcutrings" 3191 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/round.svg" 3192 alt="Round Cut Rings" 3193 title="Round Cut Rings" 3194 height="25" 3195 width="25" 3196 loading="lazy"/> 3197 Round Cut Rings</a> 3198 </li> 3199 <li class="" role="none"> 3200 <a class="" 3201 role="menuitem" 3202 tabindex="-1" 3203 href="https://www.merryrichardsjewelers.com/radiant-cut-rings" 3204 title="Radiant Cut Rings" 3205 style="" 3206 data-full_image="" 3207 > 3208 <img class="nav_ct_icons menu_icon_radiantcutrings" 3209 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/radiant.svg" 3210 alt="Radiant Cut Rings" 3211 title="Radiant Cut Rings" 3212 height="25" 3213 width="25" 3214 loading="lazy"/> 3215 Radiant Cut Rings</a> 3216 </li> 3217 <li class="" role="none"> 3218 <a class="" 3219 role="menuitem" 3220 tabindex="-1" 3221 href="https://www.merryrichardsjewelers.com/oval-cut-rings" 3222 title="Oval Cut Rings" 3223 style="" 3224 data-full_image="" 3225 > 3226 <img class="nav_
3226ct_icons menu_icon_ovalcutrings" 3227 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/oval.svg" 3228 alt="Oval Cut Rings" 3229 title="Oval Cut Rings" 3230 height="25" 3231 width="25" 3232 loading="lazy"/> 3233 Oval Cut Rings</a> 3234 </li> 3235 <li class="" role="none"> 3236 <a class="" 3237 role="menuitem" 3238 tabindex="-1" 3239 href="https://www.merryrichardsjewelers.com/emerald-cut-rings" 3240 title="Emerald Cut Rings" 3241 style="" 3242 data-full_image="" 3243 > 3244 <img class="nav_ct_icons menu_icon_emeraldcutrings" 3245 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/emerald.svg" 3246 alt="Emerald Cut Rings" 3247 title="Emerald Cut Rings" 3248 height="25" 3249 width="25" 3250 loading="lazy"/> 3251 Emerald Cut Rings</a> 3252 </li> 3253 <li class="" role="none"> 3254 <a class="" 3255 role="menuitem" 3256 tabindex="-1" 3257 href="https://www.merryrichardsjewelers.com/marquise-cut-rings" 3258 title="Marquise Cut Rings" 3259 style="" 3260 data-full_image="" 3261 > 3262 <img class="nav_ct_icons menu_icon_marquisecutrings" 3263 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/marquise.svg" 3264 alt="Marquise Cut Rings" 3265 title="Marquise Cut Rings" 3266 height="25" 3267 width="25" 3268 loading="lazy"/> 3269 Marquise Cut Rings</a> 3270 </li> 3271 <li class="" role="none"> 3272 <a class="" 3273 role="menuitem" 3274 tabindex="-1" 3275 href="https://www.merryrichardsjewelers.com/pear-shape-rings" 3276 title="Pear Shape Rings" 3277 style="" 3278 data-full_image="" 3279 > 3280 <img class="nav_
3280ct_icons menu_icon_pearshaperings" 3281 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/pear.svg" 3282 alt="Pear Shape Rings" 3283 title="Pear Shape Rings" 3284 height="25" 3285 width="25" 3286 loading="lazy"/> 3287 Pear Shape Rings</a> 3288 </li> 3289 </ul> 3290 </div> 3291 </div> 3292 </div> 3293 <style> 3294 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 { 3295 width: 100%; 3296 } 3297 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .vfit { 3298 text-align: left; 3299 3300 border-bottom: 1px solid #ececec; 3301 padding-bottom: 8px; 3302 } 3303 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list { 3304 list-style: none; 3305 margin: 0; 3306 padding: 0; 3307 } 3308 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list + li { 3309 margin-top: 10px; 3310 } 3311 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 li { 3312 width: 100%; 3313 margin: 0; 3314 padding: 0; 3315 } 3316 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 li:hover { 3317 opacity: 0.8; 3318 } 3319 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list li a { 3320 padding: 0; 3321 } 3322 </style> 3323 </div> 3324<style> 3325 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 3326 width:100%; align-items:start; -webkit-align-items:start; } 3327 3328 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 3329 height:100%; } 3330 3331 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content { 3332 display: flex; 3333 width: 100%; 3334 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3335 3336 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a { 3337 color:#4d4d4d; font-style:normal; display: flex; 3338 font-size:14px; font-family:Arial; text-transform:none; } 3339 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover { 3340 color:#000000; } 3341 3342 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons { 3343 height: 20px; 3344 margin-right: 5px; 3345 } 3346 3347 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a { 3348 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 3349 align-items:center; 3350 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 3351 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover { 3352 color:#000000; } 3353 3354 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 3355 height: 25px; 3356 margin-right: 5px; 3357 } 3358 3359</style> 3360 </div> 3361 3362 <style> 3363 .menu_container_1_6 .flex_row_1 .flex_col_3 { 3364 width:22%; } 3365 </style> 3366 3367 3368 3369 <div class="flex_col flex_col_4"> 3370 3371 3372 <div class="flex_cell flex_cell_1 third_level"> 3373 <div class="flex_cell_content"> 3374 <div class="nav_div_10 menu_container_li"> 3375 <div class="vfit"> 3376 <a class=" " title="Shop By Price" href="#!" data-full_image="" role="button" tabindex="0"> 3377 Shop By Price </a> 3378 </div> 3379 <div class="nav_list_container"> 3380 <ul class="nav_list" role="menu" aria-label="Shop By Price" tabindex="-1"> 3381 <li class="" role="none"> 3382 <a class="" 3383 role="menuitem" 3384 tabindex="0" 3385 href="https://www.merryrichardsjewelers.com/engagement-rings-1000-to-2000" 3386 title="$1000 - $2000" 3387 style="" 3388 data-full_image="" 3389 > 3390 $1000 - $2000</a> 3391 </li> 3392 <li class="" role="none"> 3393 <a class="" 3394 role="menuitem" 3395 tabindex="-1" 3396 href="https://www.merryrichardsjewelers.com/engagement-rings-2000-to-5000" 3397 title="$2000 - $5000" 3398 style="" 3399 data-full_image="" 3400 > 3401 $2000 - $5000</a> 3402 </li> 3403 <li class="" role="none"> 3404 <a class="" 3405 role="menuitem" 3406 tabindex="-1" 3407 href="https://www.merryrichardsjewelers.com/engagement-rings-5000-up" 3408 title="$5000 & Up" 3409 style="" 3410 data-full_image="" 3411 > 3412 $5000 & Up</a> 3413 </li> 3414 </ul> 3415 </div> 3416 </div> 3417 </div> 3418 <style> 3419 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 { 3420 width: 100%; 3421 } 3422 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .vfit { 3423 text-align: left; 3424 3425 border-bottom: 1px solid #ececec; 3426 padding-bottom: 8px; 3427 } 3428 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list { 3429 list-style: none; 3430 margin: 0; 3431 padding: 0; 3432 } 3433 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list + li { 3434 margin-top: 10px; 3435 } 3436 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 li { 3437 width: 100%; 3438 margin: 0; 3439 padding: 0; 3440 } 3441 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 li:hover { 3442 opacity: 0.8; 3443 } 3444 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list li a { 3445 padding: 0; 3446 } 3447 </style> 3448 </div> 3449<style> 3450 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 3451 width:100%; align-items:start; -webkit-align-items:start; } 3452 3453 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 3454 height:100%; } 3455 3456
3456 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level>.flex_cell_content { 3457 display: flex; 3458 width: 100%; 3459 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3460 3461 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a { 3462 color:#4d4d4d; font-style:normal; display: flex; 3463 font-size:14px; font-family:Arial; text-transform:none; } 3464 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a:hover { 3465 color:#000000; } 3466 3467 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a .nav_ct_icons { 3468 height: 20px; 3469 margin-right: 5px; 3470 } 3471 3472 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a { 3473 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 3474 align-items:center; 3475 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 3476 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a:hover { 3477 color:#000000; } 3478 3479 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 3480 height: 25px; 3481 margin-right: 5px; 3482 } 3483 3484</style> 3485 </div> 3486 3487 <style> 3488 .menu_container_1_6 .flex_row_1 .flex_col_4 { 3489 width:22%; } 3490 </style> 3491 3492 3493 3494 <div class="flex_col flex_col_5"> 3495 3496 3497 <div class="flex_cell flex_cell_1 third_level"> 3498 <div class="flex_cell_content"> 3499 <div class="nav_div_71 menu_container_li"> 3500 <div class="vfit"> 3501 <a class=" " title="Start Your Research" href="#!" data-full_image="" role="button" tabindex="0"> 3502 Start Your Research </a> 3503 </div> 3504 <div class="nav_list_container"> 3505 <ul class="nav_list" role="menu" aria-label="Start Your Research" tabindex="-1"> 3506 <li class="" role="none"> 3507 <a class="" 3508 role="menuitem" 3509 tabindex="0" 3510 href="https://www.merryrichardsjewelers.com/custom-ring-builder" 3511 title="Design Your Ring" 3512 style="" 3513 data-full_image="" 3514 > 3515 <img class="nav_
3515ct_icons menu_icon_designyourring" 3516 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/custom_design.svg" 3517 alt="Design Your Ring" 3518 title="Design Your Ring" 3519 height="25" 3520 width="25" 3521 loading="lazy"/> 3522 Design Your Ring</a> 3523 </li> 3524 <li class="" role="none"> 3525 <a class="" 3526 role="menuitem" 3527 tabindex="-1" 3528 href="https://www.merryrichardsjewelers.com/custom-engagement-rings-oakbrook-il" 3529 title="Custom Engagement Rings | Oakbrook, IL" 3530 style="" 3531 data-full_image="" 3532 > 3533 Custom Engagement Rings | Oakbrook, IL</a> 3534 </li> 3535 <li class="" role="none"> 3536 <a class="" 3537 role="menuitem" 3538 tabindex="-1" 3539 href="https://www.merryrichardsjewelers.com/engagement-rings" target="_blank" 3540 title="View All Engagement Rings >>" 3541 style="" 3542 data-full_image="" 3543 > 3544 View All Engagement Rings >></a> 3545 </li> 3546 </ul> 3547 </div> 3548 </div> 3549 </div> 3550 <style> 3551 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 { 3552 width: 100%; 3553 } 3554 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .vfit { 3555 text-align: left; 3556 3557 border-bottom: 1px solid #ececec; 3558 padding-bottom: 8px; 3559 } 3560 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .nav_list { 3561 list-style: none; 3562 margin: 0; 3563 padding: 0; 3564 } 3565 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .nav_list + li { 3566 margin-top: 10px; 3567 } 3568 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 li { 3569 width: 100%; 3570 margin: 0; 3571 padding: 0; 3572 } 3573 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 li:hover { 3574 opacity: 0.8; 3575 } 3576 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .nav_list li a { 3577 padding: 0; 3578 } 3579 </style> 3580 </div> 3581<style> 3582 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level { 3583 width:100%; align-items:start; -webkit-align-items:start; } 3584 3585 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level { 3586 height:100%; } 3587 3588 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level>.flex_cell_content { 3589 display: flex; 3590 width: 100%; 3591 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3592 3593 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .vfit a { 3594 color:#4d4d4d; font-style:normal; display: flex; 3595 font-size:14px; font-family:Arial; text-transform:none; } 3596 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .vfit a:hover { 3597 color:#000000; } 3598 3599 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .vfit a .nav_ct_icons { 3600 height: 20px; 3601 margin-right: 5px; 3602 } 3603 3604 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .nav_list li a { 3605 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 3606 align-items:center; 3607 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 3608 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .nav_list li a:hover { 3609 color:#000000; } 3610 3611 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 3612 height: 25px; 3613 margin-right: 5px; 3614 } 3615 3616</style> 3617 </div> 3618 3619 <style> 3620 .menu_container_1_6 .flex_row_1 .flex_col_5 { 3621 width:22%; } 3622 </style> 3623 3624 3625 3626 <div class="flex_col flex_col_6"> 3627 3628 3629 </div> 3630 3631 <style> 3632 .menu_container_1_6 .flex_row_1 .flex_col_6 { 3633 width:6%; } 3634 </style> 3635 3636 3637 3638 </div> 3639 3640 <style> 3641 .menu_container_1_6 .flex_row_1 { 3642 background-color: #ffffff; 3643 color:#000000; } 3644 </style> 3645 3646 3647 3648 3649 <div class="flex_row flex_row_2"> 3650 3651 3652 <div class="flex_col flex_col_1"> 3653 3654 <div class="flex_cell flex_cell_1 line"> 3655 <div class="s_line"></div> 3656 </div> 3657 3658<style> 3659 .menu_container_1_6>.flex_row_2>.flex_col_1>.flex_cell_1 { 3660 width: 100%; 3661 justify-content:center;
3661 -webkit-justify-content:center; margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:25px; padding-bottom:px; padding-left:px; padding-right:px; } 3662 3663 3664 .menu_container_1_6>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line { 3665 background-color:#878787; border-style: solid; 3666 height:1px; width:100%; border-radius:0px; border-width:0px; border-color:#000000; } 3667 3668</style> 3669 </div> 3670 3671 <style> 3672 .menu_container_1_6 .flex_row_2 .flex_col_1 { 3673 width:100%; } 3674 </style> 3675 3676 3677 3678 </div> 3679 3680 <style> 3681 .menu_container_1_6 .flex_row_2 { 3682 background-color: #ffffff; 3683 color:#000000; height:auto } 3684 </style> 3685 3686 3687 3688 </div> 3689 <style> 3690 .menu_container .flex_row { 3691 display: flex; 3692 } 3693 .menu_container_1_6 { 3694 width:100%; 3695 max-width:100%; 3696 left:0; 3697 } 3698 .menu_container .flex_row .flex_col{ 3699 display: flex; 3700 flex-wrap: wrap; 3701 box-sizing: border-box; 3702 align-content: baseline; 3703 } 3704 .menu_container .flex_row .flex_col .flex_cell{ 3705 height: fit-content; 3706 display: flex; 3707 } 3708 .menu_container .flex_row .flex_col .flex_cell a{ 3709 text-decoration: none; 3710 } 3711 .menu_container img { 3712 max-width: 100%; 3713 } 3714 </style> 3715 3716 3717 </li> 3718 <li class=" menu_container_li" role="none"> 3719 <a href="#!" title="Wedding Bands" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 3720 Wedding Bands </a> 3721 3722 3723 3724 3725 <div class="menu_container custom_build_menu menu_container_1_3 custom_bm_fw" role="menu"> 3726 3727 3728 3729 <div class="flex_row flex_row_1"> 3730 3731 3732 <div class="flex_col flex_col_1"> 3733 3734 3735 </div> 3736 3737 <style> 3738 .menu_container_1_3 .flex_row_1 .flex_col_1 { 3739 width:100%; } 3740 </style> 3741 3742 3743 3744 <div class="flex_col flex_col_2"> 3745 3746 3747 <div class="flex_cell flex_cell_1 third_level"> 3748 <div class="flex_cell_content"> 3749 <div class="nav_div_13 menu_container_li"> 3750 <div class="vfit"> 3751 <a class=" " title="Shop By Gender" href="#!" data-full_image="" role="button" tabindex="0"> 3752 Shop By Gender </a> 3753 </div> 3754 <div class="nav_list_container"> 3755 <ul class="nav_list" role="menu" aria-label="Shop By Gender" tabindex="-1"> 3756 <li class="" role="none"> 3757 <a class="" 3758 role="menuitem" 3759 tabindex="0" 3760 href="https://www.merryrichardsjewelers.com/mens-wedding-bands" 3761 title="Men's Wedding Bands" 3762 style="" 3763 data-full_image="" 3764 > 3765 <img class="nav_
3765ct_icons menu_icon_men'sweddingbands" 3766 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/mens-01.svg" 3767 alt="Men's Wedding Bands" 3768 title="Men's Wedding Bands" 3769 height="25" 3770 width="25" 3771 loading="lazy"/> 3772 Men's Wedding Bands</a> 3773 </li> 3774 <li class="" role="none"> 3775 <a class="" 3776 role="menuitem" 3777 tabindex="-1" 3778 href="https://www.merryrichardsjewelers.com/ladies-wedding-bands" 3779 title="Ladies Wedding Bands" 3780 style="" 3781 data-full_image="" 3782 > 3783 <img class="nav_ct_icons menu_icon_ladiesweddingbands" 3784 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/bezel.svg" 3785 alt="Ladies Wedding Bands" 3786 title="Ladies Wedding Bands" 3787 height="25" 3788 width="25" 3789 loading="lazy"/> 3790 Ladies Wedding Bands</a> 3791 </li> 3792 </ul> 3793 </div> 3794 </div> 3795 </div> 3796 <style> 3797 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 { 3798 width: 100%; 3799 } 3800 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .vfit { 3801 text-align: left; 3802 3803 border-bottom: 1px solid #ececec; 3804 padding-bottom: 8px; 3805 } 3806 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .nav_list { 3807 list-style: none; 3808 margin: 0; 3809 padding: 0; 3810 } 3811 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .nav_list + li { 3812 margin-top: 10px; 3813 } 3814 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 li { 3815 width: 100%; 3816 margin: 0; 3817 padding: 0; 3818 } 3819 .menu_container_1_3>.flex_row_1>.flex_col_2>
3819.flex_cell_1 .nav_div_13 li:hover { 3820 opacity: 0.8; 3821 } 3822 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .nav_list li a { 3823 padding: 0; 3824 } 3825 </style> 3826 </div> 3827<style> 3828 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 3829 width:100%; align-items:start; -webkit-align-items:start; } 3830 3831 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 3832 height:100%; } 3833 3834 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content { 3835 display: flex; 3836 width: 100%; 3837 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3838 3839 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a { 3840 color:#4d4d4d; font-style:normal; display: flex; 3841 font-size:14px; font-family:Arial; text-transform:none; } 3842 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover { 3843 color:#000000; } 3844 3845 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons { 3846 height: 20px; 3847 margin-right: 5px; 3848 } 3849 3850 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a { 3851 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 3852 align-items:center; 3853 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 3854 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover { 3855 color:#000000; } 3856 3857 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 3858 height: 25px; 3859 margin-right: 5px; 3860 } 3861 3862</style> 3863 </div> 3864 3865 <style> 3866 .menu_container_1_3 .flex_row_1 .flex_col_2 { 3867 width:100%; } 3868 </style> 3869 3870 3871 3872 <div class="flex_col flex_col_3"> 3873 3874 3875 <div class="flex_cell flex_cell_1 third_level"> 3876 <div class="flex_cell_content"> 3877 <div class="nav_div_15 menu_container_li"> 3878 <div class="vfit"> 3879 <a class=" " title="Shop By Price" href="#!" data-full_image="" role="button" tabindex="0"> 3880 Shop By Price </a> 3881 </div> 3882 <div class="nav_list_container"> 3883 <ul class="nav_list" role="menu" aria-label="Shop By Price" tabindex="-1"> 3884 <li class="" role="none"> 3885 <a class="" 3886 role="menuitem" 3887 tabindex="0" 3888 href="https://www.merryrichardsjewelers.com/wedding-bands-up-to-500" 3889 title="Up to $500" 3890 style="" 3891 data-full_image="" 3892 > 3893 Up to $500</a> 3894 </li> 3895 <li class="" role="none"> 3896 <a class="" 3897 role="menuitem" 3898 tabindex="-1" 3899 href="https://www.merryrichardsjewelers.com/wedding-bands-500-to-1000" 3900 title="$500 - $1000" 3901 style="" 3902 data-full_image="" 3903 > 3904 $500 - $1000</a> 3905 </li> 3906 <li class="" role="none"> 3907 <a class="" 3908 role="menuitem" 3909 tabindex="-1" 3910 href="https://www.merryrichardsjewelers.com/wedding-bands-1000-to-2000" 3911 title="$1000 - $2000" 3912 style="" 3913 data-full_image="" 3914 > 3915 $1000 - $2000</a> 3916 </li> 3917 <li class="" role="none"> 3918 <a class="" 3919 role="menuitem" 3920 tabindex="-1" 3921 href="https://www.merryrichardsjewelers.com/wedding-bands-2000-to-5000" 3922 title="$2000 - $5000" 3923 style="" 3924 data-full_image="" 3925 > 3926 $2000 - $5000</a> 3927 </li> 3928 <li class="" role="none"> 3929 <a class="" 3930 role="menuitem" 3931 tabindex="-1" 3932 href="https://www.merryrichardsjewelers.com/wedding-bands-5000-up" 3933 title="$5000 & Up" 3934 style="" 3935 data-full_image="" 3936 > 3937 $5000 & Up</a> 3938 </li> 3939 </ul> 3940 </div> 3941 </div> 3942 </div> 3943 <style> 3944 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 { 3945 width: 100%; 3946 } 3947 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .vfit { 3948 text-align: left; 3949 3950 border-bottom: 1px solid #ececec; 3951 padding-bottom: 8px; 3952 } 3953 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .nav_list { 3954 list-style: none; 3955 margin: 0; 3956 padding: 0; 3957 } 3958 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .nav_list + li { 3959 margin-top: 10px; 3960 } 3961 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 li { 3962 width: 100%; 3963 margin: 0; 3964 padding: 0; 3965 } 3966 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 li:hover { 3967 opacity: 0.8; 3968 } 3969 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .nav_list li a { 3970 padding: 0; 3971 } 3972 </style> 3973 </div> 3974<style> 3975 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 3976 width:100%; align-items:start; -webkit-align-items:start; } 3977 3978 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 3979 height:100%; } 3980 3981 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content { 3982 display: flex; 3983 width: 100%; 3984 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3985 3986 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a { 3987 color:#4d4d4d; font-style:normal; display: flex; 3988 font-size:14px; font-family:Arial; text-transform:none; } 3989 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover { 3990 color:#000000; } 3991 3992 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons { 3993 height: 20px; 3994 margin-right: 5px; 3995 } 3996 3997 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a { 3998 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 3999 align-items:center; 4000 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 4001 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover { 4002 color:#000000; } 4003 4004 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 4005 height: 25px; 4006 margin-right: 5px; 4007 } 4008 4009</style> 4010 </div> 4011 4012 <style> 4013 .menu_container_1_3 .flex_row_1 .flex_col_3 { 4014 width:100%; } 4015 </style> 4016 4017 4018 4019 <div class="flex_col flex_col_4"> 4020 4021 4022 <div class="flex_cell flex_cell_1 third_level"> 4023 <div class="flex_cell_content"> 4024 <div class="nav_div_79 menu_container_li"> 4025 <div class="vfit">
4025 4026 <a class=" " title="Start Your Research" href="#!" data-full_image="" role="button" tabindex="0"> 4027 Start Your Research </a> 4028 </div> 4029 <div class="nav_list_container"> 4030 <ul class="nav_list" role="menu" aria-label="Start Your Research" tabindex="-1"> 4031 <li class="" role="none"> 4032 <a class="" 4033 role="menuitem" 4034 tabindex="0" 4035 href="https://www.merryrichardsjewelers.com/wedding-bands" 4036 title="View All Wedding Bands >>" 4037 style="" 4038 data-full_image="" 4039 > 4040 View All Wedding Bands >></a> 4041 </li> 4042 </ul> 4043 </div> 4044 </div> 4045 </div> 4046 <style> 4047 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 { 4048 width: 100%; 4049 } 4050 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .vfit { 4051 text-align: left; 4052 4053 border-bottom: 1px solid #ececec; 4054 padding-bottom: 8px; 4055 } 4056 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .nav_list { 4057 list-style: none; 4058 margin: 0; 4059 padding: 0; 4060 } 4061 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .nav_list + li { 4062 margin-top: 10px; 4063 } 4064 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 li { 4065 width: 100%; 4066 margin: 0; 4067 padding: 0; 4068 } 4069 .menu_container_1_3>.flex_row_1>.flex_col_4>
4069.flex_cell_1 .nav_div_79 li:hover { 4070 opacity: 0.8; 4071 } 4072 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .nav_list li a { 4073 padding: 0; 4074 } 4075 </style> 4076 </div> 4077<style> 4078 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 4079 width:100%; align-items:start; -webkit-align-items:start; } 4080 4081 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 4082 height:100%; } 4083 4084 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level>.flex_cell_content { 4085 display: flex; 4086 width: 100%; 4087 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 4088 4089 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a { 4090 color:#4d4d4d; font-style:normal; display: flex; 4091 font-size:14px; font-family:Arial; text-transform:none; } 4092 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a:hover { 4093 color:#000000; } 4094 4095 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a .nav_ct_icons { 4096 height: 20px; 4097 margin-right: 5px; 4098 } 4099 4100 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a { 4101 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 4102 align-items:center; 4103 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 4104 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a:hover { 4105 color:#000000; } 4106 4107 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 4108 height: 25px; 4109 margin-right: 5px; 4110 } 4111 4112</style> 4113 </div> 4114 4115 <style> 4116 .menu_container_1_3 .flex_row_1 .flex_col_4 { 4117 width:100%; } 4118 </style> 4119 4120 4121 4122 <div class="flex_col flex_col_5"> 4123 4124 4125 </div> 4126 4127 <style> 4128 .menu_container_1_3 .flex_row_1 .flex_col_5 { 4129 width:100%; } 4130 </style> 4131 4132 4133 4134 </div> 4135 4136 <style> 4137 .menu_container_1_3 .flex_row_1 { 4138 background-color: #ffffff; 4139 color:#000000; height:250 } 4140 </style> 4141 4142 4143 4144 4145 <div class="flex_row flex_row_2"> 4146 4147 4148 <div class="flex_col flex_col_1"> 4149 4150 <div class="flex_cell flex_cell_1 line"> 4151 <div class="s_line"></div> 4152 </div> 4153 4154<style> 4155 .menu_container_1_3>.flex_row_2>.flex_col_1>.flex_cell_1 { 4156 width: 100%; 4157 margin-top:25px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 4158 4159 4160 .menu_container_1_3>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line { 4161 background-color:#878787; border-style: solid; 4162 height:1px; width:100%; border-radius:0px; border-width:0px; border-color:#000000; } 4163 4164</style> 4165 </div> 4166 4167 <style> 4168 .menu_container_1_3 .flex_row_2 .flex_col_1 { 4169 width:100%; } 4170 </style> 4171 4172 4173 4174 </div> 4175 4176 <style> 4177 .menu_container_1_3 .flex_row_2 { 4178 background-color: #ffffff; 4179 color:#000000; height:auto } 4180 </style> 4181 4182 4183 4184 </div> 4185 <style> 4186 .menu_container .flex_row { 4187 display: flex; 4188 } 4189 .menu_container_1_3 { 4190 width:100%; 4191 max-width:100%; 4192 left:0; 4193 } 4194 .menu_container .flex_row .flex_col{ 4195 display: flex; 4196 flex-wrap: wrap; 4197 box-sizing: border-box; 4198 align-content: baseline; 4199 } 4200 .menu_container .flex_row .flex_col .flex_cell{ 4201 height: fit-content; 4202 display: flex; 4203 } 4204 .menu_container .flex_row .flex_col .flex_cell a{ 4205 text-decoration: none; 4206 } 4207 .menu_container img { 4208 max-width: 100%; 4209 } 4210 </style> 4211 4212 4213 </li> 4214 <li class=" menu_container_li" role="none"> 4215 <a href="#!" title="Fine Jewelry" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 4216 Fine Jewelry </a> 4217 4218 4219 4220 4221 <div class="menu_container custom_build_menu menu_container_1_8 custom_bm_fw" role="menu"> 4222 4223 4224 4225 <div class="flex_row flex_row_1"> 4226 4227 4228 <div class="flex_col flex_col_1"> 4229 4230 4231 </div> 4232 4233 <style> 4234 .menu_container_1_8 .flex_row_1 .flex_col_1 { 4235 width:100%; } 4236 </style> 4237 4238 4239 4240 <div class="flex_col flex_col_2"> 4241 4242 4243 <div class="flex_cell flex_cell_1 third_level"> 4244 <div class="flex_cell_content"> 4245 <div class="nav_div_17 menu_container_li"> 4246 <div class="vfit"> 4247 <a class=" " title="Shop By Type" href="#!" data-full_image="" role="button" tabindex="0"> 4248 Shop By Type </a> 4249 </div> 4250 <div class="nav_list_container"> 4251 <ul class="nav_list" role="menu" aria-label="Shop By Type" tabindex="-1"> 4252 <li class="" role="none"> 4253 <a class="" 4254 role="menuitem" 4255 tabindex="0" 4256 href="https://www.merryrichardsjewelers.com/necklaces" 4257 title="Necklaces" 4258 style="" 4259 data-full_image="" 4260 aria-current="page"> 4261 <img class="nav_
4261ct_icons menu_icon_necklaces" 4262 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/necklaces/heart.svg" 4263 alt="Necklaces" 4264 title="Necklaces" 4265 height="25" 4266 width="25" 4267 loading="lazy"/> 4268 Necklaces</a> 4269 </li> 4270 <li class="" role="none"> 4271 <a class="" 4272 role="menuitem" 4273 tabindex="-1" 4274 href="https://www.merryrichardsjewelers.com/earrings" 4275 title="Earrings" 4276 style="" 4277 data-full_image="" 4278 > 4279 <img class="nav_ct_icons menu_icon_earrings" 4280 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/earrings/stud.svg" 4281 alt="Earrings" 4282 title="Earrings" 4283 height="25" 4284 width="25" 4285 loading="lazy"/> 4286 Earrings</a> 4287 </li> 4288 <li class="" role="none"> 4289 <a class="" 4290 role="menuitem" 4291 tabindex="-1" 4292 href="https://www.merryrichardsjewelers.com/bracelets" 4293 title="Bracelets" 4294 style="" 4295 data-full_image="" 4296 > 4297 <img class="nav_ct_icons menu_icon_bracelets" 4298 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bracelets/mens.svg" 4299 alt="Bracelets" 4300 title="Bracelets" 4301 height="25" 4302 width="25" 4303 loading="lazy"/> 4304 Bracelets</a> 4305 </li> 4306 <li class="" role="none"> 4307 <a class="" 4308 role="menuitem" 4309 tabindex="-1" 4310 href="https://www.merryrichardsjewelers.com/fashion-rings" 4311 title="Rings" 4312 style="" 4313 data-full_image="" 4314 > 4315 <img class="nav_
4315ct_icons menu_icon_rings" 4316 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/diamond.svg" 4317 alt="Rings" 4318 title="Rings" 4319 height="25" 4320 width="25" 4321 loading="lazy"/> 4322 Rings</a> 4323 </li> 4324 </ul> 4325 </div> 4326 </div> 4327 </div> 4328 <style> 4329 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 { 4330 width: 100%; 4331 } 4332 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .vfit { 4333 text-align: left; 4334 4335 border-bottom: 1px solid #ececec; 4336 padding-bottom: 8px; 4337 } 4338 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list { 4339 list-style: none; 4340 margin: 0; 4341 padding: 0; 4342 } 4343 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list + li { 4344 margin-top: 10px; 4345 } 4346 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 li { 4347 width: 100%; 4348 margin: 0; 4349 padding: 0; 4350 } 4351 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 li:hover { 4352 opacity: 0.8; 4353 } 4354 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list li a { 4355 padding: 0; 4356 } 4357 </style> 4358 </div> 4359<style> 4360 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 4361 width:100%; align-items:start; -webkit-align-items:start; } 4362 4363 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 4364 height:100%; } 4365 4366 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content { 4367 display: flex; 4368 width: 100%; 4369 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 4370 4371 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a { 4372 color:#4d4d4d; font-style:normal; display: flex; 4373 font-size:14px; font-family:Arial; text-transform:none; } 4374 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover { 4375 color:#000000; } 4376 4377 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons { 4378 height: 20px; 4379 margin-right: 5px; 4380 } 4381 4382 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a { 4383 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 4384 align-items:center; 4385 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 4386 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover { 4387 color:#000000; } 4388 4389 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 4390 height: 25px; 4391 margin-right: 5px; 4392 } 4393 4394</style> 4395 </div> 4396 4397 <style> 4398 .menu_container_1_8 .flex_row_1 .flex_col_2 { 4399 width:100%; } 4400 </style> 4401 4402 4403 4404 <div class="flex_col flex_col_3"> 4405 4406 4407 <div class="flex_cell flex_cell_1 third_level"> 4408 <div class="flex_cell_content"> 4409 <div class="nav_div_19 menu_container_li"> 4410 <div class="vfit"> 4411 <a class=" " title="Shop By Price" href="#!" data-full_image="" role="button" tabindex="0"> 4412 Shop By Price </a> 4413 </div> 4414 <div class="nav_list_container"> 4415 <ul class="nav_list" role="menu" aria-label="Shop By Price" tabindex="-1"> 4416 <li class="" role="none"> 4417 <a class="" 4418 role="menuitem" 4419 tabindex="0" 4420 href="https://www.merryrichardsjewelers.com/fine-jewelry-0-to-500" 4421 title="Up to $500" 4422 style="" 4423 data-full_image="" 4424 > 4425 Up to $500</a> 4426 </li> 4427 <li class="" role="none"> 4428 <a class="" 4429 role="menuitem" 4430 tabindex="-1" 4431 href="https://www.merryrichardsjewelers.com/fine-jewelry-500-to-1000" 4432 title="$500 - $1000" 4433 style="" 4434 data-full_image="" 4435 > 4436 $500 - $1000</a> 4437 </li> 4438 <li class="" role="none"> 4439 <a class="" 4440 role="menuitem" 4441 tabindex="-1" 4442 href="https://www.merryrichardsjewelers.com/fine-jewelry-1000-to-2000" 4443 title="$1000 - $2000" 4444 style="" 4445 data-full_image="" 4446 > 4447 $1000 - $2000</a> 4448 </li> 4449 <li class="" role="none"> 4450 <a class="" 4451 role="menuitem" 4452 tabindex="-1" 4453 href="https://www.merryrichardsjewelers.com/fine-jewelry-2000-to-5000" 4454 title="$2000 - $5000" 4455 style="" 4456 data-full_image="" 4457 > 4458 $2000 - $5000</a> 4459 </li> 4460 <li class="" role="none"> 4461 <a class="" 4462 role="menuitem" 4463 tabindex="-1" 4464 href="https://www.merryrichardsjewelers.com/fine-jewelry-5000-up" 4465 title="$5000 & Up" 4466 style="" 4467 data-full_image="" 4468 > 4469 $5000 & Up</a> 4470 </li> 4471 </ul> 4472 </div> 4473 </div> 4474 </div> 4475 <style> 4476 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 { 4477 width: 100%; 4478 } 4479 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .vfit { 4480 text-align: left; 4481 4482 border-bottom: 1px solid #ececec; 4483 padding-bottom: 8px; 4484 } 4485 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list { 4486 list-style: none; 4487 margin: 0; 4488 padding: 0; 4489 } 4490 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list + li { 4491 margin-top: 10px; 4492 } 4493 .menu_container_1_8>.flex_row_1>.flex_col_3>.fle
4493x_cell_1 .nav_div_19 li { 4494 width: 100%; 4495 margin: 0; 4496 padding: 0; 4497 } 4498 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 li:hover { 4499 opacity: 0.8; 4500 } 4501 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list li a { 4502 padding: 0; 4503 } 4504 </style> 4505 </div> 4506<style> 4507 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 4508 width:100%; align-items:start; -webkit-align-items:start; } 4509 4510 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 4511 height:100%; } 4512 4513 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content { 4514 display: flex; 4515 width: 100%; 4516 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 4517 4518 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a { 4519 color:#4d4d4d; font-style:normal; display: flex; 4520 font-size:14px; font-family:Arial; text-transform:none; } 4521 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover { 4522 color:#000000; } 4523 4524 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons { 4525 height: 20px; 4526 margin-right: 5px; 4527 } 4528 4529 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a { 4530 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 4531 align-items:center; 4532 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 4533 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover { 4534 color:#000000; } 4535 4536 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 4537 height: 25px; 4538 margin-right: 5px; 4539 } 4540 4541</style> 4542 </div> 4543 4544 <style> 4545 .menu_container_1_8 .flex_row_1 .flex_col_3 { 4546 width:100%; } 4547 </style> 4548 4549 4550 4551 <div class="flex_col flex_col_4"> 4552 4553 4554 <div class="flex_cell flex_cell_1 third_level"> 4555 <div class="flex_cell_content"> 4556 <div class="nav_div_81 menu_container_li"> 4557 <div class="vfit"> 4558 <a class=" " title="Start Your Research" href="#!" data-full_image="" role="button" tabindex="0"> 4559 Start Your Research </a> 4560 </div> 4561 <div class="nav_list_container"> 4562 <ul class="nav_list" role="menu" aria-label="Start Your Research" tabindex="-1"> 4563 <li class="" role="none"> 4564 <a class="" 4565 role="menuitem" 4566 tabindex="0" 4567 href="https://www.merryrichardsjewelers.com/fine-jewelry" 4568 title="View All Fine Jewelry >>" 4569 style="" 4570 data-full_image="" 4571 > 4572 View All Fine Jewelry >></a> 4573 </li> 4574 <li class="" role="none"> 4575 <a class="" 4576 role="menuitem" 4577 tabindex="-1" 4578 href="https://www.merryrichardsjewelers.com/tennis-bracelets" 4579 title="Tennis Bracelets" 4580 style="" 4581 data-full_image="" 4582 > 4583 Tennis Bracelets</a> 4584 </li> 4585 </ul> 4586 </div> 4587 </div> 4588 </div> 4589 <style> 4590 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 { 4591 width: 100%; 4592 } 4593 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .vfit { 4594 text-align: left; 4595 4596 border-bottom: 1px solid #ececec; 4597 padding-bottom: 8px; 4598 } 4599 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list { 4600 list-style: none; 4601 margin: 0; 4602 padding: 0; 4603 } 4604 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list + li { 4605 margin-top: 10px; 4606 } 4607 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 li { 4608 width: 100%; 4609 margin: 0; 4610 padding: 0; 4611 } 4612 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 li:hover { 4613 opacity: 0.8; 4614 } 4615 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list li a { 4616 padding: 0; 4617 } 4618 </style> 4619 </div> 4620<style> 4621 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 4622 width:100%; align-items:start; -webkit-align-items:start; } 4623 4624 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 4625 height:100%; } 4626 4627 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level>.flex_cell_content { 4628 display: flex; 4629 width: 100%; 4630 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 4631 4632 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a { 4633 color:#4d4d4d; font-style:normal; display: flex; 4634 font-size:14px; font-family:Arial; text-transform:none; } 4635 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a:hover { 4636 color:#000000; } 4637 4638 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a .nav_ct_icons { 4639 height: 20px; 4640 margin-right: 5px; 4641 } 4642 4643 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a { 4644 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 4645 align-items:center; 4646 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 4647 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a:hover { 4648 color:#000000; } 4649 4650 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 4651 height: 25px; 4652 margin-right: 5px; 4653 } 4654 4655</style> 4656 </div> 4657 4658 <style> 4659 .menu_container_1_8 .flex_row_1 .flex_col_4 { 4660 width:100%; } 4661 </style> 4662 4663 4664 4665 <div class="flex_col flex_col_5"> 4666 4667 4668 </div> 4669 4670 <style> 4671 .menu_container_1_8 .flex_row_1 .flex_col_5 { 4672 width:100%; } 4673 </style> 4674 4675 4676 4677 </div> 4678 4679 <style> 4680 .menu_container_1_8 .flex_row_1 { 4681 background-color: #ffffff; 4682 color:#000000; height:250 } 4683 </style> 4684 4685 4686 4687 4688 <div class="flex_row flex_row_2"> 4689 4690 4691 <div class="flex_col flex_col_1"> 4692 4693 <div class="flex_cell flex_cell_1 line"> 4694 <div class="s_line"></div> 4695 </div> 4696 4697<style> 4698 .menu_container_1_8>.flex_row_2>.flex_col_1>.flex_cell_1 { 4699 width: 100%; 4700 margin-top:25px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 4701 4702 4703 .menu_container_1_8>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line { 4704 background-color:#878787; border-style: solid; 4705 height:1px; width:100%; border-radius:0px; border-width:0px; border-color:#000000; } 4706 4707</style> 4708 </div> 4709 4710 <style> 4711 .menu_container_1_8 .flex_row_2 .flex_col_1 { 4712 width:100%; } 4713 </style> 4714 4715 4716 4717 </div> 4718 4719 <style> 4720 .menu_container_1_8 .flex_row_2 { 4721 background-color: #ffffff; 4722 color:#000000; height:auto } 4723 </style> 4724 4725 4726 4727 </div> 4728 <style> 4729 .menu_container .flex_row { 4730 display: flex; 4731 } 4732 .menu_container_1_8 { 4733 width:100%; 4734 max-width:100%; 4735 left:0; 4736 } 4737 .menu_container .flex_row .flex_col{ 4738 display: flex; 4739 flex-wrap: wrap; 4740 box-sizing: border-box; 4741 align-content: baseline; 4742 } 4743
4743 .menu_container .flex_row .flex_col .flex_cell{ 4744 height: fit-content; 4745 display: flex; 4746 } 4747 .menu_container .flex_row .flex_col .flex_cell a{ 4748 text-decoration: none; 4749 } 4750 .menu_container img { 4751 max-width: 100%; 4752 } 4753 </style> 4754 4755 4756 </li> 4757 <li class=" menu_container_li" role="none"> 4758 <a href="#!" title="Timepieces" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 4759 Timepieces </a> 4760 4761 4762 4763 4764 4765<div class="menu_container default_build_menu menu_container_1_navigation_20"> 4766 <div class="nav_div_20"> 4767 <ul class="nav_list" role="menu" aria-label="Timepieces" tabindex="-1"> 4768 4769 <li style="" 4770 class="" 4771 role="none"> 4772 4773 4774 4775 <a class="nav_a_trd " title="MeisterSinger" href="https://www.merryrichardsjewelers.com/meistersinger" data-full_image="" role="menuitem" tabindex="0" > 4776 MeisterSinger </a> 4777 4778 4779 4780 4781 4782 4783 4784 </li> 4785 4786 4787 4788 <li style="" 4789 class="" 4790 role="none"> 4791 4792 4793 4794 <a class="nav_a_trd " title="Michele" href="https://www.merryrichardsjewelers.com/michele-watches" data-full_image="" role="menuitem" tabindex="-1" > 4795 Michele </a> 4796 4797 4798 4799 4800 4801 4802 4803 </li> 4804 4805 4806 4807 <li style="" 4808 class="" 4809 role="none"> 4810 4811 4812 4813 <a class="nav_a_trd " title="Sternglas" href="https://www.merryrichardsjewelers.com/sternglas" data-full_image="" role="menuitem" tabindex="-1" > 4814 Sternglas </a> 4815 4816 4817 4818 4819 4820 4821 4822 </li> 4823 4824 4825 4826 <li style="" 4827 class="" 4828 role="none"> 4829 4830 4831 4832 <a class="nav_a_trd " title="Omega Watches" href="https://www.merryrichardsjewelers.com/omega-watches" data-full_image="" role="menuitem" tabindex="-1" > 4833 Omega Watches </a> 4834 4835 4836 4837 4838 4839 4840 4841 </li> 4842 4843 4844 4845 <li style="" 4846 class="" 4847 role="none"> 4848 4849 4850 4851 <a class="nav_a_trd " title="Muhle Glashutte" href="https://www.merryrichardsjewelers.com/muhle-glashutte" data-full_image="" role="menuitem" tabindex="-1" > 4852 Muhle Glashutte </a> 4853 4854 4855 4856 4857 4858 4859 4860 </li> 4861 4862 4863 4864 <li style="" 4865 class="" 4866 role="none"> 4867 4868 4869 4870 <a class="nav_a_trd " title="Pre- Owned Watches" href="https://www.merryrichardsjewelers.com/pre-owned-watches" data-full_image="" role="menuitem" tabindex="-1" > 4871 Pre- Owned Watches </a> 4872 4873 4874 4875 4876 4877 4878 4879 </li> 4880 4881 4882 4883 <li style="" 4884 class="" 4885 role="none"> 4886 4887 4888 4889 <a class="nav_a_trd " title="New Old Watches" href="https://www.merryrichardsjewelers.com/new-old-watches" data-full_image="" role="menuitem" tabindex="-1" > 4890 New Old Watches </a> 4891 4892 4893 4894 4895 4896 4897 4898 </li> 4899 4900 4901 </ul> 4902 </div> 4903</div> 4904<style> 4905 .menu_container_1_navigation_20 { 4906 background: #fff; 4907 } 4908 .horizontal_menu .nav_div_20 { 4909 padding: 15px 0px; 4910 box-shadow: 0px 0px 5px #00000078; display: flex; 4911 flex-wrap: wrap; 4912 } 4913 .horizontal_menu .nav_img_20 { 4914 height: 200px; 4915 width: 250px; 4916 margin-left: 50px; 4917 margin-right: 20px; 4918 flex-shrink: 0; 4919 order: 1; 4920 } 4921 .horizontal_menu .nav_img_20 img { 4922 max-width: 100%; 4923 max-height: 100%; 4924 } 4925 .horizontal_menu .nav_div_20 .vfit { 4926 text-align: left; 4927 border-bottom: 1px solid #ececec; 4928 text-transform: uppercase; 4929 } 4930 .nav_div_20 .vfit a { 4931 text-decoration: none; 4932 color: #222; 4933 }
4934 .nav_div_20 .nav_list { 4935 list-style: none; 4936 margin: 0; 4937 padding: 0; 4938 order: 1; 4939 } 4940 .nav_div_20 ul { 4941 list-style: none; 4942 } 4943 #desktop_hamburger_menu_template .nav_div_20 li { 4944 width: 100%; 4945 margin: 0; 4946 padding: 0px 20px; 4947 position: relative; 4948 } 4949 .horizontal_menu .nav_div_20 li { 4950 width: 100%; 4951 margin: 0; 4952 padding: 0px 20px; 4953 position: relative; 4954 } 4955 4956 #desktop_hamburger_menu_template .nav_div_20 li svg { 4957 position: absolute; 4958 right: 15px; 4959 height: 10px; 4960 top: 10px; 4961 } 4962 .horizontal_menu .nav_div_20 li svg { 4963 position: absolute; 4964 right: 15px; 4965 height: 10px; 4966 top: 10px; 4967 } 4968 4969 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li .nav_a_trd { 4970 display: flex; 4971 align-items: center; 4972 padding: 0; 4973 line-height: 30px; 4974 font-size: 14px; 4975 text-transform: uppercase; 4976 text-decoration: none; 4977 color: #222; 4978 white-space: normal; 4979 4980 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; 4981 } 4982 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li button { 4983 background: none; 4984 border: none; 4985 cursor: pointer; 4986 } 4987 4988 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li .nav_a_trd.parent_men { 4989 text-decoration: underline; 4990 } 4991 4992 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li .nav_a_trd:hover { 4993 color:#000000; cursor: pointer; 4994 } 4995 4996 4997 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li .nav_list_trd li a { 4998 display: flex; 4999 align-items: center; 5000 padding: 0; 5001 line-height: 30px; 5002 font-size: 14px; 5003 text-transform: uppercase; 5004 text-decoration: none; 5005 color: #222; 5006 white-space: normal; 5007 5008 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 5009 5010 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li .nav_list_trd li a:hover { 5011 color:#000000; } 5012 5013 .nav_div_20 .nav_list li a .nav_icons { 5014 height: 30px; 5015 margin-right: 5px; 5016 } 5017 5018 .nav_div_20 .nav_list .nav_list_trd li a .nav_icons { 5019 height: 25px; 5020 } 5021 5022 5023 .nav_div_20 .nav_list li a:hover { 5024 color: #3172ab; 5025 } 5026 .horizontal_menu .nav_div_20 .nav_list_trd { 5027 display: none; 5028 position: absolute; 5029 left: 100%; 5030 top: -15px; 5031 padding: 15px 0px; 5032 box-shadow: 0px 0px 5px #00000078; background: #fff; 5033 } 5034 .horizontal_menu .nav_div_20 .nav_list>li .nav_list_trd.open, 5035 .horizontal_menu .nav_div_20 .nav_list>li:hover .nav_list_trd { 5036 display: block; 5037 z-index: 99; 5038 } 5039 5040 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_20, 5041 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_20 .nav_list_trd{ 5042 width: 250px; 5043 } 5044 5045 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_20 .nav_list_trd{ 5046 width: 250px; 5047 } 5048 </style> 5049 </li> 5050 <li class=" menu_container_li" role="none"> 5051 <a href="#!" title="Services" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 5052 Services </a> 5053 5054 5055 5056 5057 5058<div class="menu_container default_build_menu menu_container_1_navigation_21"> 5059 <div class="nav_div_21"> 5060 <ul class="nav_list" role="menu" aria-label="Services" tabindex="-1"> 5061 5062 <li style="" 5063 class="" 5064 role="none"> 5065 5066 5067 5068 <a class="nav_a_trd " title="Services" href="https://www.merryrichardsjewelers.com/services" data-full_image="" role="menuitem" tabindex="0" > 5069 Services </a> 5070 5071 5072 5073 5074 5075 5076 5077 </li> 5078 5079 5080 5081 <li style="" 5082 class="" 5083 role="none"> 5084 5085 5086 5087 <a class="nav_a_trd " title="Jewelry Repair" href="https://www.merryrichardsjewelers.com/jewelry-repair" data-full_image="" role="menuitem" tabindex="-1" > 5088 Jewelry Repair </a> 5089 5090 5091 5092 5093 5094 5095 5096 </li> 5097 5098 5099 5100 <li style="" 5101 class="" 5102 role="none"> 5103 5104 5105 5106 <a class="nav_a_trd " title="Jewelry Buying" href="https://www.merryrichardsjewelers.com/jewelry-buying" data-full_image="" role="menuitem" tabindex="-1" > 5107 Jewelry Buying </a> 5108 5109 5110 5111 5112 5113 5114 5115 </li> 5116 5117 5118 5119 <li style="" 5120 class="" 5121 role="none"> 5122 5123 5124 5125 <a class="nav_a_trd " title="Jewelry Appraisals" href="https://www.merryrichardsjewelers.com/jewelry-appraisals" data-full_image="" role="menuitem" tabindex="-1" > 5126 Jewelry Appraisals </a> 5127 5128 5129 5130 5131 5132 5133 5134 </li> 5135 5136 5137 5138 <li style="" 5139 class="" 5140 role="none"> 5141 5142 5143 5144 <a class="nav_a_trd " title="Diamond Buying " href="https://www.merryrichardsjewelers.com/diamond-buying" data-full_image="" role="menuitem" tabindex="-1" > 5145 Diamond Buying </a> 5146 5147 5148 5149 5150 5151 5152 5153 </li> 5154 5155 5156 5157 <li style="" 5158 class="" 5159 role="none"> 5160 5161 5162 5163 <a class="nav_a_trd " title="Flexible Financing " href="https://citiretailservices.citibankonline.com/apply/jewelers-reserve-credit-card?app=UNSOL&siteId=PLCN_JEWELRY&sc=05632&stnu=51105" data-full_image="" role="menuitem" tabindex="-1" > 5164 Flexible Financing </a> 5165 5166 5167 5168 5169 5170 5171 5172 </li> 5173 5174 5175 5176 <li style="" 5177 class="" 5178 role="none"> 5179 5180 5181 5182 <a class="nav_a_trd " title="Custom Design " href="https://www.merryrichardsjewelers.com/custom-design" data-full_image="" role="menuitem" tabindex="-1" > 5183 Custom Design </a> 5184 5185 5186 5187 5188 5189 5190 5191 </li> 5192 5193 5194 </ul> 5195 </div> 5196</div> 5197<style> 5198 .menu_container_1_navigation_21 { 5199 background: #fff; 5200 } 5201 .horizontal_menu .nav_div_21 { 5202 padding: 15px 0px; 5203 box-shadow: 0px 0px 5px #00000078; display: flex; 5204 flex-wrap: wrap; 5205 } 5206 .horizontal_menu .nav_img_21 { 5207 height: 200px; 5208 width: 250px; 5209 margin-left: 50px; 5210 margin-right: 20px; 5211 flex-shrink: 0; 5212 order: 1; 5213 } 5214 .horizontal_menu .nav_img_21 img { 5215 max-width: 100%; 5216 max-height: 100%; 5217 } 5218 .horizontal_menu .nav_div_21 .vfit { 5219 text-align: left; 5220 border-bottom: 1px solid #ececec; 5221 text-transform: uppercase; 5222 } 5223 .nav_div_21 .vfit a { 5224 text-decoration: none; 5225 color: #222; 5226 } 5227 .nav_div_21 .nav_list { 5228 list-style: none; 5229 margin: 0; 5230 padding: 0; 5231 order: 1; 5232 } 5233 .nav_div_21 ul { 5234 list-style: none; 5235 } 5236 #desktop_hamburger_menu_template .nav_div_21 li { 5237 width: 100%; 5238 margin: 0; 5239 padding: 0px 20px; 5240 position: relative; 5241 } 5242 .horizontal_menu .nav_div_21 li { 5243 width: 100%; 5244 margin: 0; 5245 padding: 0px 20px; 5246 position: relative; 5247 } 5248 5249 #desktop_hamburger_menu_template .nav_div_21 li svg { 5250 position: absolute; 5251 right: 15px; 5252 height: 10px; 5253 top: 10px; 5254 } 5255 .horizontal_menu .nav_div_21 li svg { 5256 position: absolute; 5257 right: 15px; 5258 height: 10px; 5259 top: 10px; 5260 } 5261 5262 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li .nav_a_trd { 5263 display: flex; 5264 align-items: center; 5265 padding: 0; 5266 line-height: 30px; 5267 font-size: 14px; 5268 text-transform: uppercase; 5269 text-decoration: none; 5270 color: #222; 5271 white-space: normal; 5272 5273 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; 5274 } 5275 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li button { 5276 background: none; 5277 border: none; 5278 cursor: pointer; 5279 } 5280 5281 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li .nav_a_trd.parent_men { 5282 text-decoration: underline; 5283 } 5284 5285 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li .nav_a_trd:hover { 5286 color:#000000; cursor: pointer; 5287 } 5288 5289 5290 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li .nav_list_trd li a { 5291 display: flex; 5292 align-items: center; 5293 padding: 0; 5294 line-height: 30px; 5295 font-size: 14px; 5296 text-transform: uppercase; 5297 text-decoration: none; 5298 color: #222; 5299 white-space: normal; 5300 5301 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 5302 5303 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li .nav_list_trd li a:hover { 5304 color:#000000; } 5305 5306 .nav_div_21 .nav_list li a .nav_icons { 5307 height: 30px; 5308 margin-right: 5px; 5309 } 5310 5311 .nav_div_21 .nav_list .nav_list_trd li a .nav_icons { 5312 height: 25px; 5313 } 5314 5315 5316 .nav_div_21 .nav_list li a:hover { 5317 color: #3172ab; 5318 } 5319 .horizontal_menu .nav_div_21 .nav_list_trd { 5320 display: none; 5321 position: absolute; 5322 left: 100%; 5323 top: -15px; 5324 padding: 15px 0px; 5325 box-shadow: 0px 0px 5px #00000078; background: #fff; 5326 } 5327 .horizontal_menu .nav_div_21 .nav_list>li .nav_list_trd.open, 5328 .horizontal_menu .nav_div_21 .nav_list>li:hover .nav_list_trd { 5329 display: block; 5330 z-index: 99; 5331 } 5332 5333 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_21, 5334 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_21 .nav_list_trd{ 5335 width: 250px; 5336 } 5337 5338 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_21 .nav_list_trd{ 5339 width: 250px; 5340 } 5341 </style> 5342 </li> 5343 <li class=" menu_container_li" role="none"> 5344 <a href="#!" title="Company " class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" aria-haspopup="true" aria-expanded="false" > 5345 Company </a> 5346 5347 5348 5349 5350 5351<div class="menu_container default_build_menu menu_container_1_navigation_105"> 5352 <div class="nav_div_105"> 5353 <ul class="nav_list" role="menu" aria-label="Company " tabindex="-1"> 5354
5354 5355 <li style="" 5356 class="" 5357 role="none"> 5358 5359 5360 5361 <a class="nav_a_trd " title="About Us " href="https://www.merryrichardsjewelers.com/about-us" data-full_image="" role="menuitem" tabindex="0" > 5362 About Us </a> 5363 5364 5365 5366 5367 5368 5369 5370 </li> 5371 5372 5373 5374 <li style="" 5375 class="" 5376 role="none"> 5377 5378 5379 5380 <a class="nav_a_trd " title="History" href="https://www.merryrichardsjewelers.com/history" data-full_image="" role="menuitem" tabindex="-1" > 5381 History </a> 5382 5383 5384 5385 5386 5387 5388 5389 </li> 5390 5391 5392 5393 <li style="" 5394 class="" 5395 role="none"> 5396 5397 5398 5399 <a class="nav_a_trd " title="Media " href="https://www.merryrichardsjewelers.com/news" data-full_image="" role="menuitem" tabindex="-1" > 5400 Media </a> 5401 5402 5403 5404 5405 5406 5407 5408 </li> 5409 5410 5411 5412 <li style="" 5413 class="" 5414 role="none"> 5415 5416 5417 5418 <a class="nav_a_trd " title="Blog" href="https://www.merryrichardsjewelers.com/journals" data-full_image="" role="menuitem" tabindex="-1" > 5419 Blog </a> 5420 5421 5422 5423 5424 5425 5426 5427 </li> 5428 5429 5430 5431 <li style="" 5432 class="" 5433 role="none"> 5434 5435 5436 5437 <a class="nav_a_trd " title="Events " href="https://www.merryrichardsjewelers.com/events" data-full_image="" role="menuitem" tabindex="-1" > 5438 Events </a> 5439 5440 5441 5442 5443 5444 5445 5446 </li> 5447 5448 5449 5450 <li style="" 5451 class="" 5452 role="none"> 5453 5454 5455 5456 <a class="nav_a_trd " title="Careers" href="https://www.merryrichardsjewelers.com/careers" target="_blank" data-full_image="" role="menuitem" tabindex="-1" > 5457 Careers </a> 5458 5459 5460 5461 5462 5463 5464 5465 </li> 5466 5467 5468 </ul> 5469 </div> 5470</div> 5471<style> 5472 .menu_container_1_navigation_105 { 5473 background: #fff; 5474 } 5475 .horizontal_menu .nav_div_105 { 5476 padding: 15px 0px; 5477 box-shadow: 0px 0px 5px #00000078; display: flex; 5478 flex-wrap: wrap; 5479 } 5480 .horizontal_menu .nav_img_105 { 5481 height: 200px; 5482 width: 250px; 5483 margin-left: 50px; 5484 margin-right: 20px; 5485 flex-shrink: 0; 5486 order: 1; 5487 } 5488 .horizontal_menu .nav_img_105 img { 5489 max-width: 100%; 5490 max-height: 100%; 5491 } 5492 .horizontal_menu .nav_div_105 .vfit { 5493 text-align: left; 5494 border-bottom: 1px solid #ececec; 5495 text-transform: uppercase; 5496 } 5497 .nav_div_105 .vfit a { 5498 text-decoration: none; 5499 color: #222; 5500 } 5501 .nav_div_105 .nav_list { 5502 list-style: none; 5503 margin: 0; 5504 padding: 0; 5505 order: 1; 5506 } 5507 .nav_div_105 ul { 5508 list-style: none; 5509 } 5510 #desktop_hamburger_menu_template .nav_div_105 li { 5511 width: 100%; 5512 margin: 0; 5513 padding: 0px 20px; 5514 position: relative; 5515 } 5516 .horizontal_menu .nav_div_105 li { 5517 width: 100%; 5518 margin: 0; 5519 padding: 0px 20px; 5520 position: relative; 5521 } 5522 5523 #desktop_hamburger_menu_template .nav_div_105 li svg { 5524 position: absolute; 5525 right: 15px; 5526 height: 10px; 5527 top: 10px; 5528 } 5529 .horizontal_menu .nav_div_105 li svg { 5530 position: absolute; 5531 right: 15px; 5532 height: 10px; 5533 top: 10px; 5534 } 5535 5536 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_105 .nav_div_105 .nav_list li .nav_a_trd { 5537 display: flex; 5538 align-items: center; 5539 padding: 0; 5540 line-height: 30px; 5541 font-size: 14px; 5542 text-transform: uppercase; 5543 text-decoration: none; 5544 color: #222; 5545 white-space: normal; 5546 5547 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; 5548 } 5549 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_105 .nav_div_105 .nav_list li button { 5550 background: none; 5551 border: none; 5552 cursor: pointer; 5553 } 5554 5555 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_105 .nav_div_105 .nav_list li .nav_a_trd.parent_men { 5556 text-decoration: underline; 5557 } 5558 5559 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_105 .nav_div_105 .nav_list li .nav_a_trd:hover { 5560 color:#000000; cursor: pointer; 5561 } 5562 5563 5564 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_105 .nav_div_105 .nav_list li .nav_list_trd li a { 5565 display: flex; 5566 align-items: center; 5567 padding: 0; 5568 line-height: 30px; 5569 font-size: 14px; 5570 text-transform: uppercase; 5571 text-decoration: none; 5572 color: #222; 5573 white-space: normal; 5574 5575 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 5576 5577 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_105 .nav_div_105 .nav_list li .nav_list_trd li a:hover { 5578 color:#000000; } 5579 5580 .nav_div_105 .nav_list li a .nav_icons { 5581 height: 30px; 5582 margin-right: 5px; 5583 } 5584 5585 .nav_div_105 .nav_list .nav_list_trd li a .nav_icons { 5586 height: 25px; 5587 } 5588 5589 5590 .nav_div_105 .nav_list li a:hover { 5591 color: #3172ab; 5592 } 5593 .horizontal_menu .nav_div_105 .nav_list_trd { 5594 display: none; 5595 position: absolute; 5596 left: 100%; 5597 top: -15px; 5598 padding: 15px 0px; 5599 box-shadow: 0px 0px 5px #00000078; background: #fff; 5600 } 5601 .horizontal_menu .nav_div_105 .nav_list>li .nav_list_trd.open, 5602 .horizontal_menu .nav_div_105 .nav_list>li:hover .nav_list_trd { 5603 display: block; 5604 z-index: 99; 5605 } 5606 5607 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_105, 5608 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_105 .nav_list_trd{ 5609 width: 250px; 5610 } 5611 5612 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_105 .nav_list_trd{ 5613 width: 250px; 5614 } 5615 </style> 5616 </li> 5617 <li class=" menu_container_li" role="none"> 5618 <a href="https://www.merryrichardsjewelers.com/contact-us" title="Contact Us" class="hor_menu_links " data-full_image="" role="menuitem" tabindex="-1" > 5619 Contact Us </a> 5620 </li> 5621 </ul> 5622 </nav> 5623 <style> 5624 5625 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu { 5626 display: flex; 5627 list-style: none; 5628 margin: 0; 5629 padding: 0; 5630 } 5631 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu li a.hor_menu_links { 5632 padding: 5px 0; 5633 display:flex; 5634 align-items:center; 5635 text-transform:none; } 5636 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu li button.hor_menu_links { 5637 background: none; 5638 border: none; 5639 cursor: pointer; 5640 } 5641 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu > li + li { 5642 margin-left:16px; } 5643 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu li a.hor_menu_links img, 5644 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu li button.hor_menu_links img { 5645 margin-right:4px; 5646 } 5647 5648 .horizontal_menu .menu_container { 5649 position: absolute; 5650 z-index: 9999999; 5651 visibility: hidden; 5652 opacity: 0; 5653 transition: opacity 300ms; 5654 }
5655 .horizontal_menu li:hover>.menu_container, .show_sub_menu>.menu_container { 5656 visibility: visible; 5657 opacity: 1; 5658 } 5659 5660 /* Focus styling for menubar */ 5661 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu .horizontal_menu.focus { 5662 padding: 0; 5663 border: #034575 solid 1.5px; 5664 } 5665 </style> 5666
5666<script> 5667 // Character navigation tracking 5668 let lastCharTime = 0; 5669 let lastChar = ''; 5670 const CHAR_NAV_TIMEOUT = 500; // milliseconds 5671 5672 // Function to update content and move focus to page title 5673 function updateContent(linkURL, linkName, moveFocus) { 5674 if (typeof moveFocus !== 'boolean') { 5675 moveFocus = true; 5676 } 5677 5678 // Update page title if exists 5679 var h1Node = document.querySelector('h1.page_title, h1[id*="page-title"], .main h1, h1[id*="id-page-title"]'); 5680 if (h1Node) { 5681 h1Node.textContent = linkName; 5682 h1Node.tabIndex = -1; 5683 if (moveFocus) { 5684 setTimeout(function() { 5685 h1Node.focus(); 5686 }, 0); 5687 } 5688 } 5689 5690 // Close all submenus 5691 $('.show_sub_menu').removeClass('show_sub_menu'); 5692 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 5693 $('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 5694 } 5695 5696 // Function to set focus to menuitem with roving tabindex 5697 function setFocusToMenuitem(menuItems, newMenuitem) { 5698 menuItems.each(function() { 5699 if (this === newMenuitem[0]) { 5700 $(this).attr('tabindex', '0'); 5701 newMenuitem.focus(); 5702 } else { 5703 $(this).attr('tabindex', '-1'); 5704 } 5705 }); 5706 } 5707 5708 // Menu containers are now initialized in PHP templates with proper attributes 5709 5710 // Helper function to get all submenu items 5711 function getSubmenuItems(menuContainer) { 5712 // Support both standard menu structure (.nav_a_trd) and custom build menu structure (.nav_list li a) 5713 // Find all menu items within the menu_container, excluding the top-level hor_menu_links 5714 // IMPORTANT: Only find items with role="menuitem", exclude buttons (role="button") 5715 return menuContainer.find('.nav_list li a[role="menuitem"], .nav_a_trd[role="menuitem"]').filter(function() { 5716 let $item = $(this); 5717 // Exclude items that are hor_menu_links (top-level menu items) 5718 if ($item.hasClass('hor_menu_links')) { 5719 return false; 5720 } 5721 // Exclude items with role="button" (section headers) 5722 if ($item.attr('role') === 'button') { 5723 return false; 5724 } 5725 // Must have role="menuitem" 5726 if ($item.attr('role') !== 'menuitem') { 5727 return false; 5728 } 5729 // Must be visible and not disabled 5730 if (!$item.is(':visible') || $item.attr('disabled')) { 5731 return false; 5732 } 5733 // Must be within a menu_container_li (to exclude other links) 5734 return $item.closest('.menu_container_li').length > 0; 5735 }); 5736 } 5737 5738 // Helper function to get all menubar items 5739 function getMenubarItems() { 5740 return $('.horizontal_menu>li .hor_menu_links').filter(function() { 5741 return $(this).is(':visible') && !$(this).attr('disabled'); 5742 }); 5743 } 5744 5745 // Helper function to find next item starting with character 5746 function findItemByCharacter(items, char, startIndex) { 5747 char = char.toLowerCase(); 5748 // Search from startIndex to end 5749 for (let i = startIndex + 1; i < items.length; i++) { 5750 let text = $(items[i]).text().trim().toLowerCase(); 5751 if (text.charAt(0) === char) { 5752 return i; 5753 } 5754 } 5755 // Wrap around: search from beginning to startIndex 5756 for (let i = 0; i <= startIndex; i++) { 5757 let text = $(items[i]).text().trim().toLowerCase(); 5758 if (text.charAt(0) === char) { 5759 return i; 5760 } 5761 } 5762 return -1; 5763 } 5764 5765 let lastInputWasKeyboard = false;
5766 5767 document.addEventListener('keydown', (e) => { 5768 if (['Tab', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(e.key)) { 5769 lastInputWasKeyboard = true; 5770 } 5771 }); 5772 5773 document.addEventListener('mousedown', () => { 5774 lastInputWasKeyboard = false; 5775 }); 5776 5777 $('.horizontal_menu').on('focusin', function(e) { 5778 if (lastInputWasKeyboard) { 5779 $(this).addClass('focus'); 5780 } 5781 }); 5782 5783 $('.horizontal_menu').on('focusout', function(e) { 5784 if (!$(e.relatedTarget).closest('.horizontal_menu').length) { 5785 $(this).removeClass('focus'); 5786 } 5787 }); 5788 5789 $('.menu_container_li').on('mouseenter', function () { 5790 $('.show_sub_menu').removeClass('show_sub_menu'); 5791 $('.nav_list_trd.open').removeClass('open'); 5792 $(this).find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 5793 }); 5794 5795 $('.menu_container_li').on('mouseleave', function () { 5796 $('.show_sub_menu').removeClass('show_sub_menu'); 5797 $('.nav_list_trd.open').removeClass('open'); 5798 $(this).find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 5799 }); 5800 5801 $('.horizontal_menu>li .hor_menu_links[aria-haspopup=true]').on('focus', function () { 5802 $('.show_sub_menu').removeClass('show_sub_menu'); 5803 $('.nav_list_trd.open').removeClass('open'); 5804 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 5805 $(this).attr('aria-expanded', 'false'); 5806 }); 5807 5808 $('.horizontal_menu>li .hor_menu_links').on('keydown', function (event) { 5809 let $currentItem = $(this); 5810 let menu_list = $currentItem.closest('.menu_container_li'); 5811 let menubarItems = getMenubarItems(); 5812 let currentIndex = menubarItems.index($currentItem); 5813 let hasSubmenu = menu_list.find('.menu_container').length > 0; 5814 5815 if (event.which === 13 || event.which === 32) { 5816 if(event.which === 32) { 5817 event.preventDefault(); 5818 } 5819 5820 if (hasSubmenu) { 5821 // If has submenu, toggle it 5822 let wasOpen = menu_list.hasClass('show_sub_menu'); 5823 menu_list.toggleClass('show_sub_menu'); 5824 menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', menu_list.hasClass('show_sub_menu') ? 'true' : 'false'); 5825 $('.horizontal_menu').attr('data-menubar-item-expanded', menu_list.hasClass('show_sub_menu') ? 'true' : 'false'); 5826 $currentItem.attr('aria-expanded', menu_list.hasClass('show_sub_menu') ? 'true' : 'false'); 5827 5828 if (event.which === 13 && !wasOpen && menu_list.hasClass('show_sub_menu')) { 5829 let menu_container = menu_list.find('.menu_container'); 5830 if (menu_container.length > 0) { 5831 let submenuItems = getSubmenuItems(menu_container); 5832 if (submenuItems.length > 0) { 5833 setTimeout(function() { 5834 submenuItems.first().focus(); 5835 }, 0); 5836 } 5837 } 5838 } 5839 } else { 5840 // If no submenu, activate the link 5841 event.preventDefault(); 5842 let linkUrl = $currentItem.attr('href'); 5843 let linkName = $currentItem.text().trim(); 5844 5845 // Close all menus 5846 $('.show_sub_menu').removeClass('show_sub_menu'); 5847 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 5848 $('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 5849 5850 // Navigate to the link if it's a valid URL 5851 if (linkUrl && linkUrl !== '#' && linkUrl !== '#!') { 5852 // Navigate to the page 5853 window.location.href = linkUrl; 5854 } 5855 } 5856 } else if (event.which === 27) { 5857 // Escape: close submenu if open 5858 if (menu_list.hasClass('show_sub_menu')) { 5859 menu_list.removeClass('show_sub_menu'); 5860 menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 5861 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 5862 $currentItem.attr('aria-expanded', 'false'); 5863 menu_list.find('.nav_list_trd').removeClass('open'); 5864 } 5865 } else if (event.which === 37) { 5866 // Left Arrow: move to previous item (circular) 5867 event.preventDefault(); 5868 let prevItem = currentIndex >
5868 0 ? menubarItems.eq(currentIndex - 1) : menubarItems.last(); 5869 setFocusToMenuitem(menubarItems, prevItem); 5870 // Open submenu if any popup is open 5871 if ($('.horizontal_menu').attr('data-menubar-item-expanded') === 'true') { 5872 let prevMenuList = prevItem.closest('.menu_container_li'); 5873 if (prevMenuList.find('.menu_container').length > 0) { 5874 prevMenuList.addClass('show_sub_menu'); 5875 prevMenuList.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 5876 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 5877 } 5878 } 5879 } else if (event.which === 39) { 5880 // Right Arrow: move to next item in menubar (circular) 5881 // According to documentation: "Moves focus to the next item in the menubar. If focus is on the last item, moves focus to the first item." 5882 event.preventDefault(); 5883 let nextItem = currentIndex < menubarItems.length - 1 ? menubarItems.eq(currentIndex + 1) : menubarItems.first(); 5884 setFocusToMenuitem(menubarItems, nextItem); 5885 // Open submenu if any popup is open 5886 if ($('.horizontal_menu').attr('data-menubar-item-expanded') === 'true') { 5887 let nextMenuList = nextItem.closest('.menu_container_li'); 5888 if (nextMenuList.find('.menu_container').length > 0) { 5889 nextMenuList.addClass('show_sub_menu'); 5890 nextMenuList.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 5891 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 5892 } 5893 } 5894 } else if (event.which === 40) { 5895 // Down Arrow: open submenu and focus first item 5896 event.preventDefault(); 5897 if (menu_list.find('.menu_container').length > 0) { 5898 menu_list.addClass('show_sub_menu'); 5899 menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 5900 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 5901 $currentItem.attr('aria-expanded', 'true'); 5902 5903 let menu_container = menu_list.find('.menu_container'); 5904 let submenuItems = getSubmenuItems(menu_container); 5905 if (submenuItems.length > 0) { 5906 setTimeout(function() { 5907 let firstItem = submenuItems.first(); 5908 setFocusToMenuitem(submenuItems, firstItem); 5909 }, 0); 5910 } 5911 } 5912 } else if (event.which === 38) { 5913 // Up Arrow: open submenu and focus last item 5914 event.preventDefault(); 5915 if (menu_list.find('.menu_container').length > 0) { 5916 menu_list.addClass('show_sub_menu'); 5917 menu_list.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 5918 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 5919 $currentItem.attr('aria-expanded', 'true'); 5920 5921 let menu_container = menu_list.find('.menu_container'); 5922 let submenuItems = getSubmenuItems(menu_container); 5923 if (submenuItems.length > 0) { 5924 setTimeout(function() { 5925 let lastItem = submenuItems.last(); 5926 // Initialize tabindex for submenu items if not already set 5927 submenuItems.attr('tabindex', '-1'); 5928 setFocusToMenuitem(submenuItems, lastItem); 5929 }, 0); 5930 } 5931 } 5932 } else if (event.which === 36 || event.which === 33) { 5933 // Home or PageUp: move to first item in menubar 5934 event.preventDefault(); 5935 let firstItem = menubarItems.first(); 5936 setFocusToMenuitem(menubarItems, firstItem); 5937 } else if (event.which === 35 || event.which === 34) { 5938 // End or PageDown: move to last item in menubar 5939 event.preventDefault();
5940 let lastItem = menubarItems.last(); 5941 setFocusToMenuitem(menubarItems, lastItem); 5942 } else if ((event.which >= 65 && event.which <= 90) || (event.which >= 48 && event.which <= 57)) { 5943 // Character navigation (A-Z, 0-9) 5944 event.preventDefault(); 5945 let char = String.fromCharCode(event.which).toLowerCase(); 5946 let now = Date.now(); 5947 5948 // Reset if timeout passed or different character 5949 if (now - lastCharTime > CHAR_NAV_TIMEOUT || lastChar !== char) { 5950 lastChar = char; 5951 lastCharTime = now; 5952 } 5953 5954 let nextIndex = findItemByCharacter(menubarItems, char, currentIndex); 5955 if (nextIndex >= 0) { 5956 let nextItem = menubarItems.eq(nextIndex); 5957 setFocusToMenuitem(menubarItems, nextItem); 5958 } 5959 } 5960 }); 5961 5962 5963 // Handle keyboard navigation for section headers (role="button" in .vfit) 5964 // Note: tabindex="0" should be added in PHP template, not here 5965 $(document).on('keydown', '.menu_container .vfit a[role="button"]', function (event) { 5966 if (event.which === 40) { 5967 // Down Arrow: move focus to first submenu item in this section 5968 event.preventDefault(); 5969 let $currentNavDiv = $(this).closest('[class^="nav_div"]'); 5970 if ($currentNavDiv.length > 0) { 5971 let firstItem = $currentNavDiv.find('.nav_list li a[role="menuitem"]').first(); 5972 if (firstItem.length > 0) { 5973 let submenuItems = $currentNavDiv.find('.nav_list li a[role="menuitem"]'); 5974 setFocusToMenuitem(submenuItems, firstItem); 5975 } 5976 } 5977 } else if (event.which === 38) { 5978 // Up Arrow: move focus to last submenu item in this section 5979 event.preventDefault(); 5980 let $currentNavDiv = $(this).closest('[class^="nav_div"]'); 5981 if ($currentNavDiv.length > 0) { 5982 let lastItem = $currentNavDiv.find('.nav_list li a[role="menuitem"]').last(); 5983 if (lastItem.length > 0) { 5984 let submenuItems = $currentNavDiv.find('.nav_list li a[role="menuitem"]'); 5985 setFocusToMenuitem(submenuItems, lastItem); 5986 } 5987 } 5988 } else if (event.which === 13 || event.which === 32) { 5989 // Enter/Space: move focus to first submenu item (same as Down Arrow) 5990 event.preventDefault(); 5991 if (event.which === 32) { 5992 event.preventDefault(); 5993 } 5994 let $currentNavDiv = $(this).closest('[class^="nav_div"]'); 5995 if ($currentNavDiv.length > 0) { 5996 let firstItem = $currentNavDiv.find('.nav_list li a[role="menuitem"]').first(); 5997 if (firstItem.length > 0) { 5998 let submenuItems = $currentNavDiv.find('.nav_list li a[role="menuitem"]'); 5999 setFocusToMenuitem(submenuItems, firstItem); 6000 } 6001 } 6002 } 6003 }); 6004 6005 $(document).on('keydown', '.horizontal_menu .nav_a_trd, .menu_container .nav_list li a[role="menuitem"]', function (event) { 6006 let $currentElement = $(this); 6007 let $currentLi = $currentElement.closest('li'); 6008 6009 // Find the menu_container - could be parent or ancestor 6010 let $menuContainer = $currentElement.closest('.menu_container'); 6011 if ($menuContainer.length === 0) { 6012 // If not found, look for parent menu_container_li and then its menu_container 6013 let $parentMenuContainerLi = $currentElement.closest('.menu_container_li'); 6014 if ($parentMenuContainerLi.length > 0) { 6015 $menuContainer = $parentMenuContainerLi.closest('.menu_container'); 6016 if ($menuContainer.length === 0) { 6017 // Try finding menu_container that c
6017ontains this menu_container_li 6018 $menuContainer = $parentMenuContainerLi.parents('.menu_container').first(); 6019 } 6020 } 6021 } 6022 6023 // Find parent menu_container_li (the one with hor_menu_links) - must be direct child of .horizontal_menu 6024 let $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').find('> li.menu_container_li').has($menuContainer).first(); 6025 if ($parentMenuContainerLi.length === 0) { 6026 // Fallback: find menu_container_li that is direct child of horizontal_menu and contains the menu_container 6027 $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').children('li.menu_container_li').filter(function() { 6028 return $(this).find('.menu_container').length > 0 && $(this).find($menuContainer).length > 0; 6029 }).first(); 6030 } 6031 if ($parentMenuContainerLi.length === 0) { 6032 // Last fallback: find any menu_container_li that contains hor_menu_links and the menu_container 6033 $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').find('.menu_container_li').filter(function() { 6034 return $(this).find('.hor_menu_links[aria-haspopup=true]').length > 0 && $(this).find($menuContainer).length > 0; 6035 }).first(); 6036 } 6037 6038 // Get all submenu items in current submenu 6039 // For custom_build_menu, ALL items across all columns should be treated as equal submenu items 6040 let submenuItems = $(); 6041 if ($menuContainer.length > 0) { 6042 // Check if this is custom_build_menu structure 6043 let isCustomBuildMenu = $menuContainer.hasClass('custom_build_menu'); 6044 6045 if (isCustomBuildMenu) { 6046 // For custom_build_menu: get ALL items from ALL nav_div sections within the menu_container 6047 // All items are equal submenu items regardless of which column they're in 6048 submenuItems = $menuContainer.find('.nav_list li a[role="menuitem"]').filter(function() { 6049 let $item = $(this); 6050 // Exclude items that are in .vfit (section headers) or are hor_menu_links 6051 // Also exclude items with role="button" (section headers) 6052 return $item.is(':visible') && 6053 !$item.attr('disabled') && 6054 !$item.hasClass('hor_menu_links') && 6055 !$item.closest('.vfit').length && 6056 $item.attr('role') === 'menuitem'; 6057 }); 6058 } else { 6059 // Standard menu structure (default_build_menu) - get all items within menu_container 6060 submenuItems = getSubmenuItems($menuContainer); 6061 } 6062 } 6063 6064 // Find current element index - try multiple methods 6065 let currentSubmenuIndex = -1; 6066 if (submenuItems.length > 0) { 6067 currentSubmenuIndex = submenuItems.index($currentElement); 6068 // If not found by index, try to find by comparing elements 6069 if (currentSubmenuIndex === -1) { 6070 submenuItems.each(function(index) { 6071 if ($(this)[0] === $currentElement[0]) { 6072 currentSubmenuIndex = index; 6073 return false; // break 6074 } 6075 }); 6076 } 6077 } 6078 6079 // Get parent menubar items 6080 let menubarItems = getMenubarItems(); 6081 let parentMenubarIndex = -1; 6082 if ($parentMenuContainerLi.length > 0) { 6083 let $parentHorMenuLink = $parentMenuContainerLi.find('.hor_menu_links'); 6084 if ($parentHorMenuLink.length > 0) { 6085 parentMenubarIndex = menubarItems.index($parentHorMenuLink); 6086 } 6087 } 6088 6089 if (event.which === 13 || event.which === 32) { 6090 // Enter/Space: toggle nested submenu if exists, otherwise activate item 6091 if(event.which === 32) { 6092 event.preventDefault(); 6093 } 6094 6095 let $nestedSubmenu = $currentLi.find('.nav_list_trd'); 6096 if ($nestedSubmenu.length > 0) { 6097 $nestedSubmenu.toggleClass('open'); 6098 // If opening nested submenu, focus first item 6099 if ($nestedSubmenu.hasClass('open')) { 6100 let nestedItems = $nestedSubmenu.find('.nav_a_trd, a[href]').filter(function() { 6101 return $(this).is(':visible') && !$(this).attr('disabled'); 6102 }); 6103 if (nestedItems.length > 0) { 6104 setTimeout(function() { 6105 let firstItem = nestedItems.first(); 6106 setFocusToMenuitem(nestedItems, firstItem); 6107 }, 0); 6108 } 6109 } 6110 } else { 6111 // If no nested submenu, activate the link 6112 let linkUrl = $currentElement.attr('href'); 6113 let linkName = $currentElement.text().trim(); 6114 6115 if (linkUrl && linkUrl !== '#' && linkUrl !== '#!') { 6116 // Close all menus 6117 $('.show_sub_menu').removeClass('show_sub_menu'); 6118 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 6119 $('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 6120 6121 // Update content and move focus 6122 updateContent(linkUrl, linkName, true); 6123 } 6124 } 6125 } else if (event.which === 27) { 6126 // Escape: close submenu and return focus to parent menu item 6127 event.preventDefault(); 6128 6129 // Close any open nested submenu 6130 $currentLi.find('.nav_list_trd').removeClass('open'); 6131 6132 // Find the parent menu container 6133 if ($parentMenuContainerLi.length === 0) { 6134 let current = $currentElement.parent(); 6135 while (current.length > 0 && !current.hasClass('menu_container_li') && !current.hasClass('horizontal_menu')) { 6136 current = current.parent(); 6137 } 6138 if (current.hasClass('menu_container_li')) { 6139 $parentMenuContainerLi = current; 6140 } else { 6141 $parentMenuContainerLi = $currentElement.closest('.horizontal_menu').find('.menu_container_li').filter(function() { 6142 return $(this).find($currentElement).length > 0; 6143 }).first(); 6144 } 6145 } 6146 6147 if ($parentMenuContainerLi.length > 0 && $parentMenuContainerLi.hasClass('show_sub_menu')) { 6148 $parentMenuContainerLi.removeClass('show_sub_menu'); 6149 $parentMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 6150 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 6151 6152 // Return focus to the parent menu item 6153 let parent_menu_link = $parentMenuContainerLi.find('.hor_menu_links'); 6154 if (parent_menu_link.length > 0) { 6155 let menubarItems = getMenubarItems(); 6156 setFocusToMenuitem(menubarItems, parent_menu_link); 6157 } 6158 } 6159 } else if (event.which === 37) { 6160 // Left Arrow: close submenu and move to parent. If parent is in menubar, move to previous menubar item 6161 event.preventDefault(); 6162 6163 // Close current submenu 6164 if ($parentMenuContainerLi.length > 0 && $parentMenuContainerLi.hasClass('show_sub_menu')) { 6165 $parentMenuContainerLi.removeClass('show_sub_menu'); 6166 $parentMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 6167 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 6168 6169 // Move to previous menubar item and open its submenu 6170 if (parentMenubarIndex >= 0) { 6171 let prevMenubarIndex = parentMenubarIndex > 0 ? parentMenubarIndex - 1 : menubarItems.length - 1; 6172 let prevMenubarItem = menubarItems.eq(prevMenubarIndex); 6173 let prevMenuContainerLi = prevMenubarItem.closest('.menu_container_li'); 6174 6175 if (prevMenuContainerLi.find('.menu_container').length > 0) { 6176 prevMenuContainerLi.addClass('show_sub_menu'); 6177 prevMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 6178 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 6179 } 6180 setFocusToMenuitem(menubarItems, prevMenubarItem); 6181 } else { 6182 // Just focus parent if not in menubar 6183 let parent_menu_link = $parentMenuContainerLi.find('.hor_menu_links'); 6184 if (parent_menu_link.length > 0) { 6185 let menubarItems = getMenubarItems(); 6186 setFocusToMenuitem(menubarItems, parent_menu_link); 6187 } 6188 } 6189 } 6190 } else if (event.which === 39) { 6191 // Right Arrow: if item has submenu, open it and focus first item. Otherwise close submenu, move to next menubar item 6192 event.preventDefault(); 6193 6194 let $nestedSubmenu = $currentLi.find('.nav_list_trd'); 6195 if ($nestedSubmenu.length > 0 && !$nestedSubmenu.hasClass('open')) { 6196 // Open nested submenu and focus first item 6197 $nestedSubmenu.addClass('open'); 6198 let nestedItems = $nestedSubmenu.find('.nav_a_trd, a[href]').filter(function() { 6199 return $(this).is(':visible') && !$(this).attr('disabled'); 6200 }); 6201 if (nestedItems.length > 0) { 6202 setTimeout(function() { 6203 let firstItem = nestedItems.first(); 6204 setFocusToMenuitem(nestedItems, firstItem); 6205 }, 0); 6206 } 6207 } else { 6208 // Close current submenu and move to next menubar item 6209 if ($parentMenuContainerLi.length > 0 && $parentMenuContainerLi.hasClass('show_sub_menu')) { 6210 $parentMenuContainerLi.removeClass('show_sub_menu'); 6211 $parentMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'false'); 6212 $('.horizontal_menu').attr('data-menubar-item-expanded', 'false'); 6213 6214 // Move to next menubar item and open its submenu 6215 if (parentMenubarIndex >= 0) { 6216 let nextMenubarIndex = parentMenubarIndex < menubarItems.length - 1 ? parentMenubarIndex + 1 : 0; 6217 let nextMenubarItem = menubarItems.eq(nextMenubarIndex); 6218 let nextMenuContainerLi = nextMenubarItem.closest('.menu_container_li'); 6219 6220 if (nextMenuContainerLi.find('.menu_container').length > 0) { 6221 nextMenuContainerLi.addClass('show_sub_menu'); 6222 nextMenuContainerLi.find('.hor_menu_links[aria-haspopup=true]').attr('aria-expanded', 'true'); 6223 $('.horizontal_menu').attr('data-menubar-item-expanded', 'true'); 6224 } 6225 setFocusToMenuitem(menubarItems, nextMenubarItem); 6226 } 6227 } 6228 } 6229 } else if (event.which === 40) { 6230 // Down Arrow: move to next item in submenu (circular) 6231 event.preventDefault(); 6232 if (submenuItems.length > 0) { 6233 let nextIndex = currentSubmenuIndex < submenuItems.length - 1 ? currentSubmenuIndex + 1 : 0; 6234 let nextItem = submenuItems.eq(nextIndex); 6235 if (nextItem.length > 0) { 6236 setFocusToMenuitem(submenuItems, nextItem); 6237 } 6238 } 6239 } else if (event.which === 38) { 6240 // Up Arrow: move to previous item in submenu (circular) 6241 event.preventDefault(); 6242 if (submenuItems.length > 0) { 6243 let prevIndex = currentSubmenuIndex > 0 ? currentSubmenuIndex - 1 : submenuItems.length - 1; 6244 let prevItem = submenuItems.eq(prevIndex); 6245 if (prevItem.length > 0) { 6246 setFocusToMenuitem(submenuItems, prevItem); 6247 } 6248 } 6249 } else if (event.which === 36 || event.which === 33) { 6250 // Home or PageUp: move to first item in submenu 6251 event.preventDefault(); 6252 if (submenuItems.length > 0) { 6253 let firstItem = submenuItems.first(); 6254 setFocusToMenuitem(submenuItems, firstItem); 6255 } 6256 } else if (event.which === 35 || event.which === 34) { 6257 // End or PageDown: move to last item in submenu 6258 event.preventDefault(); 6259 if (submenuItems.length > 0) {
6260 let lastItem = submenuItems.last(); 6261 setFocusToMenuitem(submenuItems, lastItem); 6262 } 6263 } else if ((event.which >= 65 && event.which <= 90) || (event.which >= 48 && event.which <= 57)) { 6264 // Character navigation (A-Z, 0-9) 6265 event.preventDefault(); 6266 let char = String.fromCharCode(event.which).toLowerCase(); 6267 let now = Date.now(); 6268 6269 // Reset if timeout passed or different character 6270 if (now - lastCharTime > CHAR_NAV_TIMEOUT || lastChar !== char) { 6271 lastChar = char; 6272 lastCharTime = now; 6273 } 6274 6275 if (submenuItems.length > 0 && currentSubmenuIndex >= 0) { 6276 let nextIndex = findItemByCharacter(submenuItems, char, currentSubmenuIndex); 6277 if (nextIndex >= 0) { 6278 let nextItem = submenuItems.eq(nextIndex); 6279 setFocusToMenuitem(submenuItems, nextItem); 6280 } 6281 } 6282 } 6283 }); 6284 </script>
6284 6285 </div> 6286</div> 6287 6288<style> 6289 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu { 6290 width:100%; justify-content: center; 6291 align-items:center; -webkit-align-items:center; } 6292 6293 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu { 6294 } 6295 6296 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content { 6297 display: flex; 6298 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 6299 6300 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a, 6301 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button { 6302 color:#4d4d4d; display: flex; 6303 font-style:normal; font-size:15px; font-family:Arial; text-transform:none; line-height:25px; } 6304 6305 .header_container_1>.flex_row_3>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover { 6306 color:#000000; } 6307</style> 6308 </div> 6309 6310 <style> 6311 .header_container_1>.flex_row_3>.flex_col_1 { 6312 width:100%; } 6313 </style> 6314 6315 6316 6317 </div> 6318 6319 6320 <style> 6321 .header_container_1>.flex_row_3 { 6322 background-color: #ffffff; 6323 6324 color:#000000; height:auto; 6325 6326 } 6327 6328 </style> 6329 6330 6331 6332 6333 6334 6335 <div class="flex_row"> 6336 6337 6338 <div class="flex_col"> 6339 6340 6341 </div> 6342 6343 <div class="flex_col"> 6344 6345 6346 </div> 6347 6348 <div class="flex_col"> 6349 6350 6351 </div> 6352 6353 <div class="flex_col"> 6354 6355 6356 </div> 6357 6358 <div class="flex_col"> 6359 6360 6361 </div> 6362 6363 <div class="flex_col"> 6364 6365 6366 </div> 6367 6368 <div class="flex_col"> 6369 6370 6371 </div> 6372 6373 </div> 6374 6375 6376 6377 <div class="flex_row"> 6378 6379 6380 <div class="flex_col"> 6381 6382 6383 </div> 6384 6385 <div class="flex_col"> 6386 6387 6388 </div> 6389 6390 <div class="flex_col"> 6391 6392 6393 </div> 6394 6395 </div> 6396 6397 6398 6399 <div class="flex_row"> 6400 6401 6402 <div class="flex_col"> 6403 6404 <div class="flex_cell flex_cell_1 menu"> 6405 <style> 6406 #desktop_hamburger_menu_template { 6407 position: fixed; 6408 top: 0; 6409 left: 0; 6410 width: 325px; 6411 overflow-y: auto; 6412 transform: translateX(-325px); 6413 z-index: 1000000001; 6414 height: 100vh; 6415 background-color: #ffffff; 6416 transition: all 0.3s ease; 6417 }
6418 #desktop_hamburger_menu_template_overlay.open { 6419 position: fixed; 6420 top: 0; 6421 left: 0; 6422 width: 100vw; 6423 z-index: 1000000001; 6424 transition: all 0.3s ease; 6425 height: 100vh; 6426 background: rgba(1, 1, 1, 0.5); 6427 cursor: pointer; 6428 transform: translateX(325px); 6429 } 6430 #desktop_hamburger_menu_template .hamburger-menu-template-inner { 6431 padding: 10px; 6432 padding-right:25px; 6433 } 6434 #desktop_hamburger_menu_template .hamburger-menu-close-button { 6435 font-size: 14px !important; 6436 display: flex; 6437 align-items: center; 6438 margin-bottom: 20px; 6439 } 6440 #desktop_hamburger_menu_template .hamburger-menu-close-button svg, 6441 #desktop_hamburger_menu_template button.hamburger-menu-close-button svg { 6442 height: 15px; 6443 margin-right: 5px; 6444 } 6445 #desktop_hamburger_menu_template .hamburger-menu-nav-section { 6446 display: flex; 6447 justify-content: space-between; 6448 align-items: center; 6449 } 6450 #desktop_hamburger_menu_template .hamburger-menu-nav-section svg,
6451 #desktop_hamburger_menu_template button.hamburger-menu-nav-section svg, 6452 #desktop_hamburger_menu_template a.hamburger-menu-nav-section svg { 6453 height: 10px; 6454 float: right; 6455 } 6456 #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men span, 6457 #desktop_hamburger_menu_template a.hamburger-menu-nav-section.parent_men span, 6458 #desktop_hamburger_menu_template button.hamburger-menu-nav-section.parent_men span { 6459 text-decoration: underline; 6460 } 6461 #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow, 6462 #desktop_hamburger_menu_template a.hamburger-menu-nav-section.parent_men_arrow, 6463 #desktop_hamburger_menu_template button.hamburger-menu-nav-section.parent_men_arrow { 6464 min-width:30px; 6465 justify-content: end; 6466 } 6467 #desktop_hamburger_menu_template .ham_menu_container { 6468 display:flex; 6469 justify-content: space-between; 6470 } 6471 #desktop_hamburger_menu_template.open { 6472 transform: translateX(0); 6473 } 6474 #desktop_hamburger_menu_template .sub-menu-panel { 6475 display: none; 6476 } 6477 #desktop_hamburger_menu_template .sub-menu-panel[aria-hidden="true"] { 6478 display: none; 6479 } 6480 #desktop_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 6481 display: block; 6482 } 6483 #desktop_hamburger_menu_template .icon_and_name { 6484 display:flex; 6485 align-items:center; 6486 gap:10px; 6487 } 6488 #desktop_hamburger_menu_template .hum-line { 6489 border-bottom: 1px solid #ddd; 6490 } 6491 #desktop_hamburger_menu_template .sub-menu-panel.open,
6492 #desktop_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 6493 display: block; 6494 } 6495 #desktop_hamburger_menu_template a.hamburger-menu-nav-section, 6496 #desktop_hamburger_menu_template button.hamburger-menu-nav-section, 6497 #desktop_hamburger_menu_template button.hamburger-menu-close-button, 6498 #desktop_hamburger_menu_template a.hamburger-menu-close-button{ 6499 color:#4d4d4d; display: flex; 6500 text-align: left; 6501 width: 100%; 6502 position: relative; 6503 font-style:normal; font-size:15px; font-family:Arial; text-transform:none; line-height:25px; } 6504 #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd { 6505 display: none; 6506 padding: 15px 0px; 6507 background: #fff; 6508 } 6509 #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open { 6510 display: block; 6511 padding-top:2px; 6512 } 6513 /* Reset button styles to look like links */ 6514 #desktop_hamburger_menu_template button.hamburger-menu-nav-section,
6515 #desktop_hamburger_menu_template button.hamburger-menu-close-button, 6516 #desktop_hamburger_menu_template button.parent_men_arrow { 6517 background: none; 6518 border: none; 6519 padding: 0; 6520 cursor: pointer; 6521 -webkit-appearance: none; 6522 -moz-appearance: none; 6523 appearance: none; 6524 } 6525 6526 /* Hover and active states for buttons - inherit from link styles */ 6527 #desktop_hamburger_menu_template button.hamburger-menu-nav-section:hover, 6528 #desktop_hamburger_menu_template button.hamburger-menu-nav-section.active, 6529 #desktop_hamburger_menu_template button.hamburger-menu-nav-section[aria-expanded="true"], 6530 #desktop_hamburger_menu_template button.hamburger-menu-close-button:hover { 6531 /* Styles inherited from parent selectors above */ 6532 } 6533 6534 /* Additional button styles are inherited from parent selectors above */ 6535 6536 /* Image styles inside buttons */ 6537 #desktop_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img,
6538 #desktop_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img { 6539 height:20px; 6540 } 6541 </style> 6542 6543 <nav id="desktop_hamburger_menu_template" class="hamburger-menu-template" inert="inert"> 6544 <div class="hamburger-menu-template-inner"> 6545 <button type="button" class="hamburger-menu-close-button mr-4" id="desktop_hamburger_close_button" aria-label="Close menu"> 6546 <svg role="img" aria-hidden="true" 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> CLOSE</button> 6547 6548 <div class="script_before_menu"> 6549 </div> 6550 <div style="clear: both"></div> 6551 6552 6553 <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="desktop-submenu-72" aria-label="Expand Designers section"> 6554 <span class="icon_and_name"> 6555 6556 Designers </span> 6557 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 6558 6559 </button> 6560 6561 6562 6563 <div class="sub-menu-panel" id="desktop-submenu-72" aria-hidden="true"> 6564 6565 6566 6567 6568 6569<div class="menu_container default_build_menu menu_container_1_navigation_72"> 6570 <div class="nav_div_72"> 6571 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 6572 6573 <li style="" 6574 class="" 6575 role="none"> 6576 6577 6578 6579 <a class="nav_a_trd " title="Benchmark" href="https://www.merryrichardsjewelers.com/benchmark" data-full_image="" role="menuitem" tabindex="0" > 6580 Benchmark </a> 6581 6582 6583 6584 6585 6586 6587 6588 </li> 6589 6590 6591 6592 <li style="" 6593 class="" 6594 role="none"> 6595 6596 6597 6598 <a class="nav_a_trd " title="Brevani" href="https://www.merryrichardsjewelers.com/brevani" data-full_image="" role="menuitem" tabindex="-1" > 6599 Brevani </a> 6600 6601 6602 6603 6604 6605 6606 6607 </li> 6608 6609 6610 6611 <li style="" 6612 class="" 6613 role="none"> 6614 6615 6616 6617 <a class="nav_a_trd " title="Christopher Designs " href="https://www.merryrichardsjewelers.com/christopher-designs" data-full_image="" role="menuitem" tabindex="-1" > 6618 Christopher Designs </a> 6619 6620 6621 6622 6623 6624 6625 6626 </li> 6627 6628 6629 6630 <li style="" 6631 class="" 6632 role="none"> 6633 6634 6635 6636 <a class="nav_a_trd " title="Diana" href="https://www.merryrichardsjewelers.com/diana" data-full_image="" role="menuitem" tabindex="-1" > 6637 Diana </a> 6638 6639 6640 6641 6642 6643 6644 6645 </li> 6646 6647 6648 6649 <li style="" 6650 class="" 6651 role="none"> 6652 6653 6654 6655 <a class="nav_a_trd " title="Extensible" href="https://www.merryrichardsjewelers.com/extensible" data-full_image="" role="menuitem" tabindex="-1" > 6656 Extensible </a> 6657 6658 6659 6660 6661 6662 6663 6664 </li> 6665 6666 6667 6668 <li style="" 6669 class="" 6670 role="none"> 6671 6672 6673 6674 <a class="nav_a_trd " title="Italian Jewelry Collection" href="https://www.merryrichardsjewelers.com/italian-collection" data-full_image="" role="menuitem" tabindex="-1" > 6675 Italian Jewelry Collection </a> 6676 6677 6678 6679 6680 6681 6682 6683 </li> 6684 6685 6686 6687 <li style="" 6688 class="" 6689 role="none"> 6690 6691 6692 6693 <a class="nav_a_trd " title="Lisa Nik" href="https://www.merryrichardsjewelers.com/lisa-nik" data-full_image="" role="menuitem" tabindex="-1" > 6694 Lisa Nik </a> 6695 6696 6697 6698 6699 6700 6701 6702 </li> 6703 6704 6705 6706 <li style="" 6707 class="" 6708 role="none"> 6709 6710 6711 6712 <a class="nav_a_trd " title="Madison L " href="https://www.merryrichardsjewelers.com/madison-l" data-full_image="" role="menuitem" tabindex="-1" > 6713 Madison L </a> 6714 6715 6716 6717 6718 6719 6720 6721 </li> 6722 6723 6724 6725 <li style="" 6726 class="" 6727 role="none"> 6728 6729 6730 6731 <a class="nav_a_trd " title="Mastoloni" href="https://www.merryrichardsjewelers.com/mastoloni" data-full_image="" role="menuitem" tabindex="-1" > 6732 Mastoloni </a> 6733 6734 6735 6736 6737 6738 6739 6740 </li> 6741 6742 6743 6744 <li style="" 6745 class="" 6746 role="none"> 6747 6748 6749 6750 <a class="nav_a_trd " title="Merry Richards Collection " href="https://www.merryrichardsjewelers.com/merry-richards" data-full_image="" role="menuitem" tabindex="-1" > 6751 Merr
6751y Richards Collection </a> 6752 6753 6754 6755 6756 6757 6758 6759 </li> 6760 6761 6762 6763 <li style="" 6764 class="" 6765 role="none"> 6766 6767 6768 6769 <a class="nav_a_trd " title="Roberto Demeglio " href="https://www.merryrichardsjewelers.com/roberto-demeglio" data-full_image="" role="menuitem" tabindex="-1" > 6770 Roberto Demeglio </a> 6771 6772 6773 6774 6775 6776 6777 6778 </li> 6779 6780 6781 6782 <li style="" 6783 class="" 6784 role="none"> 6785 6786 6787 6788 <a class="nav_a_trd " title="Simon G " href="https://www.merryrichardsjewelers.com/simon-g" data-full_image="" role="menuitem" tabindex="-1" > 6789 Simon G </a> 6790 6791 6792 6793 6794 6795 6796 6797 </li> 6798 6799 </ul> 6800 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 6801 6802 6803 <li style="" 6804 class="" 6805 role="none"> 6806 6807 6808 6809 <a class="nav_a_trd " title="Spark Creations" href="https://www.merryrichardsjewelers.com/spark-creations" data-full_image="" role="menuitem" tabindex="0" > 6810 Spark Creations </a> 6811 6812 6813 6814 6815 6816 6817 6818 </li> 6819 6820 6821 6822 <li style="" 6823 class="" 6824 role="none"> 6825 6826 6827 6828 <a class="nav_a_trd " title="Pearl Jewelry" href="https://www.merryrichardsjewelers.com/pearl-jewelry" data-full_image="" role="menuitem" tabindex="-1" > 6829 Pearl Jewelry </a> 6830 6831 6832 6833 6834 6835 6836 6837 </li> 6838 6839 6840 6841 <li style="" 6842 class="" 6843 role="none"> 6844 6845 6846 6847 <a class="nav_a_trd " title="Meira T" href="https://www.merryrichardsjewelers.com/meirat" data-full_image="" role="menuitem" tabindex="-1" > 6848 Meira T </a> 6849 6850 6851 6852 6853 6854 6855 6856 </li> 6857 6858 6859 6860 <li style="" 6861 class="" 6862 role="none"> 6863 6864 6865 6866 <a class="nav_a_trd " title="Mens Bands" href="https://www.merryrichardsjewelers.com/mens-wedding-bands" data-full_image="" role="menuitem" tabindex="-1" > 6867 Mens Bands </a> 6868 6869 6870 6871 6872 6873 6874 6875 </li> 6876 6877 6878 6879 <li style="" 6880 class="" 6881 role="none"> 6882 6883 6884 6885 <a class="nav_a_trd " title="Tantalum " href="https://www.merryrichardsjewelers.com/tantalum" data-full_image="" role="menuitem" tabindex="-1" > 6886 Tantalum </a> 6887 6888 6889 6890 6891 6892 6893 6894 </li> 6895 6896 6897 </ul> 6898 </div> 6899</div> 6900<style> 6901 .menu_container_1_navigation_72 { 6902 background: #fff; 6903 } 6904 .horizontal_menu .nav_div_72 { 6905 padding: 15px 0px; 6906 box-shadow: 0px 0px 5px #00000078; display: flex; 6907 flex-wrap: wrap; 6908 } 6909 .horizontal_menu .nav_img_72 { 6910 height: 200px; 6911 width: 250px; 6912 margin-left: 50px; 6913 margin-right: 20px; 6914 flex-shrink: 0; 6915 order: 1; 6916 } 6917 .horizontal_menu .nav_img_72 img { 6918 max-width: 100%; 6919 max-height: 100%; 6920 } 6921 .horizontal_menu .nav_div_72 .vfit { 6922 text-align: left; 6923 border-bottom: 1px solid #ececec; 6924 text-transform: uppercase; 6925 } 6926 .nav_div_72 .vfit a { 6927 text-decoration: none; 6928 color: #222; 6929 } 6930 .nav_div_72 .nav_list { 6931 list-style: none; 6932 margin: 0; 6933 padding: 0; 6934 order: 1; 6935 } 6936 .nav_div_72 ul { 6937 list-style: none; 6938 } 6939 #desktop_hamburger_menu_template .nav_div_72 li { 6940 width: 100%; 6941 margin: 0; 6942 padding: 0px 20px; 6943 position: relative; 6944 } 6945 .horizontal_menu .nav_div_72 li { 6946 width: 100%; 6947 margin: 0; 6948 padding: 0px 20px; 6949 position: relative; 6950 } 6951 6952 #desktop_hamburger_menu_template .nav_div_72 li svg { 6953 position: absolute; 6954 right: 15px; 6955 height: 10px; 6956 top: 10px; 6957 } 6958 .horizontal_menu .nav_div_72 li svg { 6959 position: absolute; 6960 right: 15px; 6961 height: 10px; 6962 top: 10px; 6963 } 6964 6965 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_a_trd { 6966 display: flex; 6967 align-items: center; 6968 padding: 0; 6969 line-height: 30px; 6970 font-size: 14px; 6971 text-transform: uppercase; 6972 text-decoration: none; 6973 color: #222; 6974 white-space: normal; 6975 6976 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; 6977 } 6978 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li button { 6979 background: none; 6980 border: none; 6981 cursor: pointer; 6982 } 6983 6984 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_a_trd.parent_men { 6985 text-decoration: underline; 6986 } 6987 6988 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_a_trd:hover { 6989 color:#000000; cursor: pointer; 6990 } 6991 6992 6993 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a { 6994 display: flex; 6995 align-items: center; 6996 padding: 0; 6997 line-height: 30px; 6998 font-size: 14px; 6999 text-transform: uppercase; 7000 text-decoration: none; 7001 color: #222; 7002 white-space: normal; 7003 7004 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 7005 7006 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a:hover { 7007 color:#000000; } 7008 7009 .nav_div_72 .nav_list li a .nav_icons { 7010 height: 30px; 7011 margin-right: 5px; 7012 } 7013 7014 .nav_div_72 .nav_list .nav_list_trd li a .nav_icons { 7015 height: 25px; 7016 } 7017 7018 7019 .nav_div_72 .nav_list li a:hover { 7020 color: #3172ab; 7021 } 7022 .horizontal_menu .nav_div_72 .nav_list_trd { 7023 display: none; 7024 position: absolute; 7025 left: 100%; 7026 top: -15px; 7027 padding: 15px 0px; 7028 box-shadow: 0px 0px 5px #00000078; background: #fff; 7029 } 7030 .horizontal_menu .nav_div_72 .nav_list>li .nav_list_trd.open, 7031 .horizontal_menu .nav_div_72 .nav_list>li:hover .nav_list_trd { 7032 display: block; 7033 z-index: 99; 7034 } 7035 7036 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72, 7037 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72 .nav_list_trd{ 7038 } 7039 7040 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_72 .nav_list_trd{ 7041 width: 250px; 7042 } 7043 </style> 7044 </div> 7045 <div class="hum-line"></div> 7046 7047 7048 <button type="button" class="hamburger-menu
7048-nav-section " aria-expanded="false" aria-controls="desktop-submenu-11" aria-label="Expand Diamonds section"> 7049 <span class="icon_and_name"> 7050 7051 Diamonds </span> 7052 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 7053 7054 </button> 7055 7056 7057 7058 <div class="sub-menu-panel" id="desktop-submenu-11" aria-hidden="true"> 7059 7060 7061 7062 7063 7064<div class="menu_container default_build_menu menu_container_1_navigation_11"> 7065 <div class="nav_div_11"> 7066 <ul class="nav_list" role="menu" aria-label="Diamonds" tabindex="-1"> 7067 7068 <li style="" 7069 class="" 7070 role="none"> 7071 7072 7073 7074 <a class="nav_a_trd " title="Natural Diamonds" href="https://www.merryrichardsjewelers.com/natural-diamonds" data-full_image="" role="menuitem" tabindex="0" > 7075 Natural Diamonds </a> 7076 7077 7078 7079 7080 7081 7082 7083 </li> 7084 7085 7086 7087 <li style="" 7088 class="" 7089 role="none"> 7090 7091 7092 7093 <a class="nav_a_trd " title="Lab Grown Diamonds" href="https://www.merryrichardsjewelers.com/lab-grown-diamonds" data-full_image="" role="menuitem" tabindex="-1" > 7094 Lab Grown Diamonds </a> 7095 7096 7097 7098 7099 7100 7101 7102 </li> 7103 7104 7105 </ul> 7106 </div> 7107</div> 7108<style> 7109 .menu_container_1_navigation_11 { 7110 background: #fff; 7111 } 7112 .horizontal_menu .nav_div_11 { 7113 padding: 15px 0px; 7114 box-shadow: 0px 0px 5px #00000078; display: flex; 7115 flex-wrap: wrap; 7116 } 7117 .horizontal_menu .nav_img_11 { 7118 height: 200px; 7119 width: 250px; 7120 margin-left: 50px; 7121 margin-right: 20px; 7122 flex-shrink: 0; 7123 order: 1; 7124 } 7125 .horizontal_menu .nav_img_11 img { 7126 max-width: 100%; 7127 max-height: 100%; 7128 } 7129 .horizontal_menu .nav_div_11 .vfit { 7130 text-align: left; 7131 border-bottom: 1px solid #ececec; 7132 text-transform: uppercase; 7133 } 7134 .nav_div_11 .vfit a { 7135 text-decoration: none; 7136 color: #222; 7137 } 7138 .nav_div_11 .nav_list { 7139 list-style: none; 7140 margin: 0; 7141 padding: 0; 7142 order: 1; 7143 } 7144 .nav_div_11 ul { 7145 list-style: none; 7146 } 7147 #desktop_hamburger_menu_template .nav_div_11 li { 7148 width: 100%; 7149 margin: 0; 7150 padding: 0px 20px; 7151 position: relative; 7152 } 7153 .horizontal_menu .nav_div_11 li { 7154 width: 100%; 7155 margin: 0; 7156 padding: 0px 20px; 7157 position: relative; 7158 } 7159 7160 #desktop_hamburger_menu_template .nav_div_11 li svg { 7161 position: absolute; 7162 right: 15px; 7163 height: 10px; 7164 top: 10px; 7165 } 7166 .horizontal_menu .nav_div_11 li svg { 7167 position: absolute; 7168 right: 15px; 7169 height: 10px; 7170 top: 10px; 7171 } 7172 7173 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_11 .nav_div_11 .nav_list li .nav_a_trd { 7174 display: flex; 7175 align-items: center; 7176 padding: 0; 7177 line-height: 30px; 7178 font-size: 14px; 7179 text-transform: uppercase; 7180 text-decoration: none; 7181 color: #222; 7182 white-space: normal; 7183 7184 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; 7185 } 7186 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_11 .nav_div_11 .nav_list li button { 7187 background: none; 7188 border: none; 7189 cursor: pointer; 7190 } 7191 7192 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_11 .nav_div_11 .nav_list li .nav_a_trd.parent_men { 7193 text-decoration: underline; 7194 } 7195 7196 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_11 .nav_div_11 .nav_list li .nav_a_trd:hover { 7197 color:#000000; cursor: pointer; 7198 } 7199 7200 7201 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_11 .nav_div_11 .nav_list li .nav_list_trd li a { 7202 display: flex; 7203 align-items: center; 7204 padding: 0; 7205 line-height: 30px; 7206 font-size: 14px; 7207 text-transform: uppercase; 7208 text-decoration: none; 7209 color: #222; 7210 white-space: normal; 7211 7212 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 7213 7214 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_11 .nav_div_11 .nav_list li .nav_list_trd li a:hover { 7215 color:#000000; } 7216 7217 .nav_div_11 .nav_list li a .nav_icons { 7218 height: 30px; 7219 margin-right: 5px; 7220 } 7221 7222 .nav_div_11 .nav_list .nav_list_trd li a .nav_icons { 7223 height: 25px; 7224 } 7225 7226 7227 .nav_div_11 .nav_list li a:hover { 7228 color: #3172ab; 7229 } 7230 .horizontal_menu .nav_div_11 .nav_list_trd { 7231 display: none; 7232 position: absolute; 7233 left: 100%; 7234 top: -15px; 7235 padding: 15px 0px; 7236 box-shadow: 0px 0px 5px #00000078; background: #fff; 7237 } 7238 .horizontal_menu .nav_div_11 .nav_list>li .nav_list_trd.open, 7239 .horizontal_menu .nav_div_11 .nav_list>li:hover .nav_list_trd { 7240 display: block; 7241 z-index: 99; 7242 } 7243 7244 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_11, 7245 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_11 .nav_list_trd{ 7246 width: 250px; 7247 } 7248 7249 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_11 .nav_list_trd{ 7250 width: 250px; 7251 } 7252 </style> 7253 </div> 7254 <div class="hum-line"></div> 7255 7256 7257 <button type="button" class="hamburger-menu
7257-nav-section " aria-expanded="false" aria-controls="desktop-submenu-6" aria-label="Expand Engagement Rings section"> 7258 <span class="icon_and_name"> 7259 7260 Engagement Rings </span> 7261 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 7262 7263 </button> 7264 7265 7266 7267 <div class="sub-menu-panel" id="desktop-submenu-6" aria-hidden="true"> 7268 7269 7270 7271 7272 <div class="menu_container custom_build_menu menu_container_1_6 custom_bm_fw" role="menu"> 7273 7274 7275 7276 <div class="flex_row flex_row_1"> 7277 7278 7279 <div class="flex_col flex_col_1"> 7280 7281 7282 </div> 7283 7284 <style> 7285 .menu_container_1_6 .flex_row_1 .flex_col_1 { 7286 width:6%; } 7287 </style> 7288 7289 7290 7291 <div class="flex_col flex_col_2"> 7292 7293 7294 <div class="flex_cell flex_cell_1 third_level"> 7295 <div class="flex_cell_content"> 7296 <div class="nav_div_7 menu_container_li"> 7297 <div class="vfit"> 7298 <a class=" " title="Shop By Style" href="#!" data-full_image="" role="button" tabindex="0"> 7299 Shop By Style </a> 7300 </div> 7301 <div class="nav_list_container"> 7302 <ul class="nav_list" role="menu" aria-label="Shop By Style" tabindex="-1"> 7303 <li class="" role="none"> 7304 <a class="" 7305 role="menuitem" 7306 tabindex="0" 7307 href="https://www.merryrichardsjewelers.com/custom-ring-builder" 7308 title="3D Ring Builder" 7309 style="" 7310 data-full_image="" 7311 > 7312 <img class="nav_
7312ct_icons menu_icon_3dringbuilder" 7313 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/custom_design.svg" 7314 alt="3D Ring Builder" 7315 title="3D Ring Builder" 7316 height="25" 7317 width="25" 7318 loading="lazy"/> 7319 3D Ring Builder</a> 7320 </li> 7321 <li class="" role="none"> 7322 <a class="" 7323 role="menuitem" 7324 tabindex="-1" 7325 href="https://www.merryrichardsjewelers.com/solitaire-rings" 7326 title="Solitaire Rings" 7327 style="" 7328 data-full_image="" 7329 > 7330 <img class="nav_ct_icons menu_icon_solitairerings" 7331 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/solitaire.svg" 7332 alt="Solitaire Rings" 7333 title="Solitaire Rings" 7334 height="25" 7335 width="25" 7336 loading="lazy"/> 7337 Solitaire Rings</a> 7338 </li> 7339 <li class="" role="none"> 7340 <a class="" 7341 role="menuitem" 7342 tabindex="-1" 7343 href="https://www.merryrichardsjewelers.com/three-stones-rings" 7344 title="Three Stones Rings" 7345 style="" 7346 data-full_image="" 7347 > 7348 <img class="nav_ct_icons menu_icon_threestonesrings" 7349 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/3stones.svg" 7350 alt="Three Stones Rings" 7351 title="Three Stones Rings" 7352 height="25" 7353 width="25" 7354 loading="lazy"/> 7355 Three Stones Rings</a> 7356 </li> 7357 <li class="" role="none"> 7358 <a class="" 7359 role="menuitem" 7360 tabindex="-1" 7361 href="https://www.merryrichardsjewelers.com/side-stone-rings" 7362 title="Side Stone Rings" 7363 style="" 7364 data-full_image="" 7365 > 7366 <img class="nav_
7366ct_icons menu_icon_sidestonerings" 7367 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/sidestones.svg" 7368 alt="Side Stone Rings" 7369 title="Side Stone Rings" 7370 height="25" 7371 width="25" 7372 loading="lazy"/> 7373 Side Stone Rings</a> 7374 </li> 7375 <li class="" role="none"> 7376 <a class="" 7377 role="menuitem" 7378 tabindex="-1" 7379 href="https://www.merryrichardsjewelers.com/halo-rings" 7380 title="Halo Rings" 7381 style="" 7382 data-full_image="" 7383 > 7384 <img class="nav_ct_icons menu_icon_halorings" 7385 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/halo.svg" 7386 alt="Halo Rings" 7387 title="Halo Rings" 7388 height="25" 7389 width="25" 7390 loading="lazy"/> 7391 Halo Rings</a> 7392 </li> 7393 </ul> 7394 </div> 7395 </div> 7396 </div> 7397 <style> 7398 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 { 7399 width: 100%; 7400 } 7401 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .vfit { 7402 text-align: left; 7403 7404 border-bottom: 1px solid #ececec; 7405 padding-bottom: 8px; 7406 } 7407 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list { 7408 list-style: none; 7409 margin: 0; 7410 padding: 0; 7411 } 7412 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list + li { 7413 margin-top: 10px; 7414 } 7415 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 li { 7416 width: 100%; 7417 margin: 0; 7418 padding: 0; 7419 } 7420 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 li:hover { 7421 opacity: 0.8; 7422 } 7423 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_7 .nav_list li a { 7424 padding: 0; 7425 } 7426 </style> 7427 </div> 7428<style> 7429 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 7430 width:100%; align-items:start; -webkit-align-items:start; } 7431 7432 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 7433 height:100%; } 7434 7435 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content { 7436 display: flex; 7437 width: 100%; 7438 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 7439 7440 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a { 7441 color:#4d4d4d; font-style:normal; display: flex; 7442 font-size:14px; font-family:Arial; text-transform:none; } 7443 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover { 7444 color:#000000; } 7445 7446 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons { 7447 height: 20px; 7448 margin-right: 5px; 7449 } 7450 7451 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a { 7452 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 7453 align-items:center; 7454 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 7455 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover { 7456 color:#000000; } 7457 7458 .menu_container_1_6>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 7459 height: 25px; 7460 margin-right: 5px; 7461 } 7462 7463</style> 7464 </div> 7465 7466 <style> 7467 .menu_container_1_6 .flex_row_1 .flex_col_2 { 7468 width:22%; } 7469 </style> 7470 7471 7472 7473 <div class="flex_col flex_col_3"> 7474 7475 7476 <div class="flex_cell flex_cell_1 third_level"> 7477 <div class="flex_cell_content"> 7478 <div class="nav_div_8 menu_container_li"> 7479 <div class="vfit"> 7480 <a class=" " title="Shop By Shape" href="#!" data-full_image="" role="button" tabindex="0"> 7481 Shop By Shape </a> 7482 </div> 7483 <div class="nav_list_container"> 7484 <ul class="nav_list" role="menu" aria-label="Shop By Shape" tabindex="-1"> 7485 <li class="" role="none"> 7486 <a class="" 7487 role="menuitem" 7488 tabindex="0" 7489 href="https://www.merryrichardsjewelers.com/princess-cut-rings" 7490 title="Princess Cut Rings" 7491 style="" 7492 data-full_image="" 7493 > 7494 <img class="nav_
7494ct_icons menu_icon_princesscutrings" 7495 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/princess.svg" 7496 alt="Princess Cut Rings" 7497 title="Princess Cut Rings" 7498 height="25" 7499 width="25" 7500 loading="lazy"/> 7501 Princess Cut Rings</a> 7502 </li> 7503 <li class="" role="none"> 7504 <a class="" 7505 role="menuitem" 7506 tabindex="-1" 7507 href="https://www.merryrichardsjewelers.com/round-cut-rings" 7508 title="Round Cut Rings" 7509 style="" 7510 data-full_image="" 7511 > 7512 <img class="nav_ct_icons menu_icon_roundcutrings" 7513 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/round.svg" 7514 alt="Round Cut Rings" 7515 title="Round Cut Rings" 7516 height="25" 7517 width="25" 7518 loading="lazy"/> 7519 Round Cut Rings</a> 7520 </li> 7521 <li class="" role="none"> 7522 <a class="" 7523 role="menuitem" 7524 tabindex="-1" 7525 href="https://www.merryrichardsjewelers.com/radiant-cut-rings" 7526 title="Radiant Cut Rings" 7527 style="" 7528 data-full_image="" 7529 > 7530 <img class="nav_ct_icons menu_icon_radiantcutrings" 7531 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/radiant.svg" 7532 alt="Radiant Cut Rings" 7533 title="Radiant Cut Rings" 7534 height="25" 7535 width="25" 7536 loading="lazy"/> 7537 Radiant Cut Rings</a> 7538 </li> 7539 <li class="" role="none"> 7540 <a class="" 7541 role="menuitem" 7542 tabindex="-1" 7543 href="https://www.merryrichardsjewelers.com/oval-cut-rings" 7544 title="Oval Cut Rings" 7545 style="" 7546 data-full_image="" 7547 > 7548 <img class="nav_
7548ct_icons menu_icon_ovalcutrings" 7549 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/oval.svg" 7550 alt="Oval Cut Rings" 7551 title="Oval Cut Rings" 7552 height="25" 7553 width="25" 7554 loading="lazy"/> 7555 Oval Cut Rings</a> 7556 </li> 7557 <li class="" role="none"> 7558 <a class="" 7559 role="menuitem" 7560 tabindex="-1" 7561 href="https://www.merryrichardsjewelers.com/emerald-cut-rings" 7562 title="Emerald Cut Rings" 7563 style="" 7564 data-full_image="" 7565 > 7566 <img class="nav_ct_icons menu_icon_emeraldcutrings" 7567 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/emerald.svg" 7568 alt="Emerald Cut Rings" 7569 title="Emerald Cut Rings" 7570 height="25" 7571 width="25" 7572 loading="lazy"/> 7573 Emerald Cut Rings</a> 7574 </li> 7575 <li class="" role="none"> 7576 <a class="" 7577 role="menuitem" 7578 tabindex="-1" 7579 href="https://www.merryrichardsjewelers.com/marquise-cut-rings" 7580 title="Marquise Cut Rings" 7581 style="" 7582 data-full_image="" 7583 > 7584 <img class="nav_ct_icons menu_icon_marquisecutrings" 7585 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/marquise.svg" 7586 alt="Marquise Cut Rings" 7587 title="Marquise Cut Rings" 7588 height="25" 7589 width="25" 7590 loading="lazy"/> 7591 Marquise Cut Rings</a> 7592 </li> 7593 <li class="" role="none"> 7594 <a class="" 7595 role="menuitem" 7596 tabindex="-1" 7597 href="https://www.merryrichardsjewelers.com/pear-shape-rings" 7598 title="Pear Shape Rings" 7599 style="" 7600 data-full_image="" 7601 > 7602 <img class="nav_
7602ct_icons menu_icon_pearshaperings" 7603 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/pear.svg" 7604 alt="Pear Shape Rings" 7605 title="Pear Shape Rings" 7606 height="25" 7607 width="25" 7608 loading="lazy"/> 7609 Pear Shape Rings</a> 7610 </li> 7611 </ul> 7612 </div> 7613 </div> 7614 </div> 7615 <style> 7616 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 { 7617 width: 100%; 7618 } 7619 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .vfit { 7620 text-align: left; 7621 7622 border-bottom: 1px solid #ececec; 7623 padding-bottom: 8px; 7624 } 7625 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list { 7626 list-style: none; 7627 margin: 0; 7628 padding: 0; 7629 } 7630 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list + li { 7631 margin-top: 10px; 7632 } 7633 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 li { 7634 width: 100%; 7635 margin: 0; 7636 padding: 0; 7637 } 7638 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 li:hover { 7639 opacity: 0.8; 7640 } 7641 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_8 .nav_list li a { 7642 padding: 0; 7643 } 7644 </style> 7645 </div> 7646<style> 7647 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 7648 width:100%; align-items:start; -webkit-align-items:start; } 7649 7650 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 7651 height:100%; } 7652 7653 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content { 7654 display: flex; 7655 width: 100%; 7656 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 7657 7658 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a { 7659 color:#4d4d4d; font-style:normal; display: flex; 7660 font-size:14px; font-family:Arial; text-transform:none; } 7661 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover { 7662 color:#000000; } 7663 7664 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons { 7665 height: 20px; 7666 margin-right: 5px; 7667 } 7668 7669 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a { 7670 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 7671 align-items:center; 7672 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 7673 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover { 7674 color:#000000; } 7675 7676 .menu_container_1_6>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 7677 height: 25px; 7678 margin-right: 5px; 7679 } 7680 7681</style> 7682 </div> 7683 7684 <style> 7685 .menu_container_1_6 .flex_row_1 .flex_col_3 { 7686 width:22%; } 7687 </style> 7688 7689 7690 7691 <div class="flex_col flex_col_4"> 7692 7693 7694 <div class="flex_cell flex_cell_1 third_level"> 7695 <div class="flex_cell_content"> 7696 <div class="nav_div_10 menu_container_li"> 7697 <div class="vfit"> 7698 <a class=" " title="Shop By Price" href="#!" data-full_image="" role="button" tabindex="0"> 7699 Shop By Price </a> 7700 </div> 7701 <div class="nav_list_container"> 7702 <ul class="nav_list" role="menu" aria-label="Shop By Price" tabindex="-1"> 7703 <li class="" role="none"> 7704 <a class="" 7705 role="menuitem" 7706 tabindex="0" 7707 href="https://www.merryrichardsjewelers.com/engagement-rings-1000-to-2000" 7708 title="$1000 - $2000" 7709 style="" 7710 data-full_image="" 7711 > 7712 $1000 - $2000</a> 7713 </li> 7714 <li class="" role="none"> 7715 <a class="" 7716 role="menuitem" 7717 tabindex="-1" 7718 href="https://www.merryrichardsjewelers.com/engagement-rings-2000-to-5000" 7719 title="$2000 - $5000" 7720 style="" 7721 data-full_image="" 7722 > 7723 $2000 - $5000</a> 7724 </li> 7725 <li class="" role="none"> 7726 <a class="" 7727 role="menuitem" 7728 tabindex="-1" 7729 href="https://www.merryrichardsjewelers.com/engagement-rings-5000-up" 7730 title="$5000 & Up" 7731 style="" 7732 data-full_image="" 7733 > 7734 $5000 & Up</a> 7735 </li> 7736 </ul> 7737 </div> 7738 </div> 7739 </div> 7740 <style> 7741 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 { 7742 width: 100%; 7743 } 7744 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .vfit { 7745 text-align: left; 7746 7747 border-bottom: 1px solid #ececec; 7748 padding-bottom: 8px; 7749 } 7750 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list { 7751 list-style: none; 7752 margin: 0; 7753 padding: 0; 7754 } 7755 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list + li { 7756 margin-top: 10px; 7757 } 7758 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 li { 7759 width: 100%; 7760 margin: 0; 7761 padding: 0; 7762 } 7763 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 li:hover { 7764 opacity: 0.8; 7765 } 7766 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_10 .nav_list li a { 7767 padding: 0; 7768 } 7769 </style> 7770 </div> 7771<style> 7772 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 7773 width:100%; align-items:start; -webkit-align-items:start; } 7774 7775 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 7776 height:100%; } 7777 7778
7778 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level>.flex_cell_content { 7779 display: flex; 7780 width: 100%; 7781 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 7782 7783 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a { 7784 color:#4d4d4d; font-style:normal; display: flex; 7785 font-size:14px; font-family:Arial; text-transform:none; } 7786 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a:hover { 7787 color:#000000; } 7788 7789 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a .nav_ct_icons { 7790 height: 20px; 7791 margin-right: 5px; 7792 } 7793 7794 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a { 7795 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 7796 align-items:center; 7797 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 7798 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a:hover { 7799 color:#000000; } 7800 7801 .menu_container_1_6>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 7802 height: 25px; 7803 margin-right: 5px; 7804 } 7805 7806</style> 7807 </div> 7808 7809 <style> 7810 .menu_container_1_6 .flex_row_1 .flex_col_4 { 7811 width:22%; } 7812 </style> 7813 7814 7815 7816 <div class="flex_col flex_col_5"> 7817 7818 7819 <div class="flex_cell flex_cell_1 third_level"> 7820 <div class="flex_cell_content"> 7821 <div class="nav_div_71 menu_container_li"> 7822 <div class="vfit"> 7823 <a class=" " title="Start Your Research" href="#!" data-full_image="" role="button" tabindex="0"> 7824 Start Your Research </a> 7825 </div> 7826 <div class="nav_list_container"> 7827 <ul class="nav_list" role="menu" aria-label="Start Your Research" tabindex="-1"> 7828 <li class="" role="none"> 7829 <a class="" 7830 role="menuitem" 7831 tabindex="0" 7832 href="https://www.merryrichardsjewelers.com/custom-ring-builder" 7833 title="Design Your Ring" 7834 style="" 7835 data-full_image="" 7836 > 7837 <img class="nav_
7837ct_icons menu_icon_designyourring" 7838 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/custom_design.svg" 7839 alt="Design Your Ring" 7840 title="Design Your Ring" 7841 height="25" 7842 width="25" 7843 loading="lazy"/> 7844 Design Your Ring</a> 7845 </li> 7846 <li class="" role="none"> 7847 <a class="" 7848 role="menuitem" 7849 tabindex="-1" 7850 href="https://www.merryrichardsjewelers.com/custom-engagement-rings-oakbrook-il" 7851 title="Custom Engagement Rings | Oakbrook, IL" 7852 style="" 7853 data-full_image="" 7854 > 7855 Custom Engagement Rings | Oakbrook, IL</a> 7856 </li> 7857 <li class="" role="none"> 7858 <a class="" 7859 role="menuitem" 7860 tabindex="-1" 7861 href="https://www.merryrichardsjewelers.com/engagement-rings" target="_blank" 7862 title="View All Engagement Rings >>" 7863 style="" 7864 data-full_image="" 7865 > 7866 View All Engagement Rings >></a> 7867 </li> 7868 </ul> 7869 </div> 7870 </div> 7871 </div> 7872 <style> 7873 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 { 7874 width: 100%; 7875 } 7876 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .vfit { 7877 text-align: left; 7878 7879 border-bottom: 1px solid #ececec; 7880 padding-bottom: 8px; 7881 } 7882 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .nav_list { 7883 list-style: none; 7884 margin: 0; 7885 padding: 0; 7886 } 7887 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .nav_list + li { 7888 margin-top: 10px; 7889 } 7890 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 li { 7891 width: 100%; 7892 margin: 0; 7893 padding: 0; 7894 } 7895 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 li:hover { 7896 opacity: 0.8; 7897 } 7898 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1 .nav_div_71 .nav_list li a { 7899 padding: 0; 7900 } 7901 </style> 7902 </div> 7903<style> 7904 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level { 7905 width:100%; align-items:start; -webkit-align-items:start; } 7906 7907 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level { 7908 height:100%; } 7909 7910 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level>.flex_cell_content { 7911 display: flex; 7912 width: 100%; 7913 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 7914 7915 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .vfit a { 7916 color:#4d4d4d; font-style:normal; display: flex; 7917 font-size:14px; font-family:Arial; text-transform:none; } 7918 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .vfit a:hover { 7919 color:#000000; } 7920 7921 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .vfit a .nav_ct_icons { 7922 height: 20px; 7923 margin-right: 5px; 7924 } 7925 7926 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .nav_list li a { 7927 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 7928 align-items:center; 7929 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 7930 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .nav_list li a:hover { 7931 color:#000000; } 7932 7933 .menu_container_1_6>.flex_row_1>.flex_col_5>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 7934 height: 25px; 7935 margin-right: 5px; 7936 } 7937 7938</style> 7939 </div> 7940 7941 <style> 7942 .menu_container_1_6 .flex_row_1 .flex_col_5 { 7943 width:22%; } 7944 </style> 7945 7946 7947 7948 <div class="flex_col flex_col_6"> 7949 7950 7951 </div> 7952 7953 <style> 7954 .menu_container_1_6 .flex_row_1 .flex_col_6 { 7955 width:6%; } 7956 </style> 7957 7958 7959 7960 </div> 7961 7962 <style> 7963 .menu_container_1_6 .flex_row_1 { 7964 background-color: #ffffff; 7965 color:#000000; } 7966 </style> 7967 7968 7969 7970 7971 <div class="flex_row flex_row_2"> 7972 7973 7974 <div class="flex_col flex_col_1"> 7975 7976 <div class="flex_cell flex_cell_1 line"> 7977 <div class="s_line"></div> 7978 </div> 7979 7980<style> 7981 .menu_container_1_6>.flex_row_2>.flex_col_1>.flex_cell_1 { 7982 width: 100%; 7983 justify-content:center;
7983 -webkit-justify-content:center; margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:25px; padding-bottom:px; padding-left:px; padding-right:px; } 7984 7985 7986 .menu_container_1_6>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line { 7987 background-color:#878787; border-style: solid; 7988 height:1px; width:100%; border-radius:0px; border-width:0px; border-color:#000000; } 7989 7990</style> 7991 </div> 7992 7993 <style> 7994 .menu_container_1_6 .flex_row_2 .flex_col_1 { 7995 width:100%; } 7996 </style> 7997 7998 7999 8000 </div> 8001 8002 <style> 8003 .menu_container_1_6 .flex_row_2 { 8004 background-color: #ffffff; 8005 color:#000000; height:auto } 8006 </style> 8007 8008 8009 8010 </div> 8011 <style> 8012 .menu_container .flex_row { 8013 display: flex; 8014 } 8015 .menu_container_1_6 { 8016 width:100%; 8017 max-width:100%; 8018 left:0; 8019 } 8020 .menu_container .flex_row .flex_col{ 8021 display: flex; 8022 flex-wrap: wrap; 8023 box-sizing: border-box; 8024 align-content: baseline; 8025 } 8026 .menu_container .flex_row .flex_col .flex_cell{ 8027 height: fit-content; 8028 display: flex; 8029 } 8030 .menu_container .flex_row .flex_col .flex_cell a{ 8031 text-decoration: none; 8032 } 8033 .menu_container img { 8034 max-width: 100%; 8035 } 8036 </style> 8037 8038 8039 </div> 8040 <div class="hum-line"></div> 8041 8042 8043 <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="desktop-submenu-12" aria-label="Expand Wedding Bands section"> 8044 <span class="icon_and_name"> 8045 8046 Wedding Bands </span> 8047 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 8048 8049 </button> 8050 8051 8052 8053 <div class="sub-menu-panel" id="desktop-submenu-12" aria-hidden="true"> 8054 8055 8056 8057 8058 <div class="menu_container custom_build_menu menu_container_1_3 custom_bm_fw" role="menu"> 8059 8060 8061 8062 <div class="flex_row flex_row_1"> 8063 8064 8065 <div class="flex_col flex_col_1"> 8066 8067 8068 </div> 8069 8070 <style> 8071 .menu_container_1_3 .flex_row_1 .flex_col_1 { 8072 width:100%; } 8073 </style> 8074 8075 8076 8077 <div class="flex_col flex_col_2"> 8078 8079 8080 <div class="flex_cell flex_cell_1 third_level"> 8081 <div class="flex_cell_content"> 8082 <div class="nav_div_13 menu_container_li"> 8083 <div class="vfit"> 8084 <a class=" " title="Shop By Gender" href="#!" data-full_image="" role="button" tabindex="0"> 8085 Shop By Gender </a> 8086 </div> 8087 <div class="nav_list_container"> 8088 <ul class="nav_list" role="menu" aria-label="Shop By Gender" tabindex="-1"> 8089 <li class="" role="none"> 8090 <a class="" 8091 role="menuitem" 8092 tabindex="0" 8093 href="https://www.merryrichardsjewelers.com/mens-wedding-bands" 8094 title="Men's Wedding Bands" 8095 style="" 8096 data-full_image="" 8097 > 8098 <img class="nav_
8098ct_icons menu_icon_men'sweddingbands" 8099 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/mens-01.svg" 8100 alt="Men's Wedding Bands" 8101 title="Men's Wedding Bands" 8102 height="25" 8103 width="25" 8104 loading="lazy"/> 8105 Men's Wedding Bands</a> 8106 </li> 8107 <li class="" role="none"> 8108 <a class="" 8109 role="menuitem" 8110 tabindex="-1" 8111 href="https://www.merryrichardsjewelers.com/ladies-wedding-bands" 8112 title="Ladies Wedding Bands" 8113 style="" 8114 data-full_image="" 8115 > 8116 <img class="nav_ct_icons menu_icon_ladiesweddingbands" 8117 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/bezel.svg" 8118 alt="Ladies Wedding Bands" 8119 title="Ladies Wedding Bands" 8120 height="25" 8121 width="25" 8122 loading="lazy"/> 8123 Ladies Wedding Bands</a> 8124 </li> 8125 </ul> 8126 </div> 8127 </div> 8128 </div> 8129 <style> 8130 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 { 8131 width: 100%; 8132 } 8133 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .vfit { 8134 text-align: left; 8135 8136 border-bottom: 1px solid #ececec; 8137 padding-bottom: 8px; 8138 } 8139 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .nav_list { 8140 list-style: none; 8141 margin: 0; 8142 padding: 0; 8143 } 8144 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .nav_list + li { 8145 margin-top: 10px; 8146 } 8147 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 li { 8148 width: 100%; 8149 margin: 0; 8150 padding: 0; 8151 } 8152 .menu_container_1_3>.flex_row_1>.flex_col_2>
8152.flex_cell_1 .nav_div_13 li:hover { 8153 opacity: 0.8; 8154 } 8155 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_13 .nav_list li a { 8156 padding: 0; 8157 } 8158 </style> 8159 </div> 8160<style> 8161 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 8162 width:100%; align-items:start; -webkit-align-items:start; } 8163 8164 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 8165 height:100%; } 8166 8167 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content { 8168 display: flex; 8169 width: 100%; 8170 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 8171 8172 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a { 8173 color:#4d4d4d; font-style:normal; display: flex; 8174 font-size:14px; font-family:Arial; text-transform:none; } 8175 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover { 8176 color:#000000; } 8177 8178 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons { 8179 height: 20px; 8180 margin-right: 5px; 8181 } 8182 8183 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a { 8184 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 8185 align-items:center; 8186 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 8187 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover { 8188 color:#000000; } 8189 8190 .menu_container_1_3>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 8191 height: 25px; 8192 margin-right: 5px; 8193 } 8194 8195</style> 8196 </div> 8197 8198 <style> 8199 .menu_container_1_3 .flex_row_1 .flex_col_2 { 8200 width:100%; } 8201 </style> 8202 8203 8204 8205 <div class="flex_col flex_col_3"> 8206 8207 8208 <div class="flex_cell flex_cell_1 third_level"> 8209 <div class="flex_cell_content"> 8210 <div class="nav_div_15 menu_container_li"> 8211 <div class="vfit"> 8212 <a class=" " title="Shop By Price" href="#!" data-full_image="" role="button" tabindex="0"> 8213 Shop By Price </a> 8214 </div> 8215 <div class="nav_list_container"> 8216 <ul class="nav_list" role="menu" aria-label="Shop By Price" tabindex="-1"> 8217 <li class="" role="none"> 8218 <a class="" 8219 role="menuitem" 8220 tabindex="0" 8221 href="https://www.merryrichardsjewelers.com/wedding-bands-up-to-500" 8222 title="Up to $500" 8223 style="" 8224 data-full_image="" 8225 > 8226 Up to $500</a> 8227 </li> 8228 <li class="" role="none"> 8229 <a class="" 8230 role="menuitem" 8231 tabindex="-1" 8232 href="https://www.merryrichardsjewelers.com/wedding-bands-500-to-1000" 8233 title="$500 - $1000" 8234 style="" 8235 data-full_image="" 8236 > 8237 $500 - $1000</a> 8238 </li> 8239 <li class="" role="none"> 8240 <a class="" 8241 role="menuitem" 8242 tabindex="-1" 8243 href="https://www.merryrichardsjewelers.com/wedding-bands-1000-to-2000" 8244 title="$1000 - $2000" 8245 style="" 8246 data-full_image="" 8247 > 8248 $1000 - $2000</a> 8249 </li> 8250 <li class="" role="none"> 8251 <a class="" 8252 role="menuitem" 8253 tabindex="-1" 8254 href="https://www.merryrichardsjewelers.com/wedding-bands-2000-to-5000" 8255 title="$2000 - $5000" 8256 style="" 8257 data-full_image="" 8258 > 8259 $2000 - $5000</a> 8260 </li> 8261 <li class="" role="none"> 8262 <a class="" 8263 role="menuitem" 8264 tabindex="-1" 8265 href="https://www.merryrichardsjewelers.com/wedding-bands-5000-up" 8266 title="$5000 & Up" 8267 style="" 8268 data-full_image="" 8269 > 8270 $5000 & Up</a> 8271 </li> 8272 </ul> 8273 </div> 8274 </div> 8275 </div> 8276 <style> 8277 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 { 8278 width: 100%; 8279 } 8280 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .vfit { 8281 text-align: left; 8282 8283 border-bottom: 1px solid #ececec; 8284 padding-bottom: 8px; 8285 } 8286 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .nav_list { 8287 list-style: none; 8288 margin: 0; 8289 padding: 0; 8290 } 8291 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .nav_list + li { 8292 margin-top: 10px; 8293 } 8294 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 li { 8295 width: 100%; 8296 margin: 0; 8297 padding: 0; 8298 } 8299 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 li:hover { 8300 opacity: 0.8; 8301 } 8302 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_15 .nav_list li a { 8303 padding: 0; 8304 } 8305 </style> 8306 </div> 8307<style> 8308 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 8309 width:100%; align-items:start; -webkit-align-items:start; } 8310 8311 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 8312 height:100%; } 8313 8314 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content { 8315 display: flex; 8316 width: 100%; 8317 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 8318 8319 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a { 8320 color:#4d4d4d; font-style:normal; display: flex; 8321 font-size:14px; font-family:Arial; text-transform:none; } 8322 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover { 8323 color:#000000; } 8324 8325 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons { 8326 height: 20px; 8327 margin-right: 5px; 8328 } 8329 8330 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a { 8331 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 8332 align-items:center; 8333 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 8334 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover { 8335 color:#000000; } 8336 8337 .menu_container_1_3>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 8338 height: 25px; 8339 margin-right: 5px; 8340 } 8341 8342</style> 8343 </div> 8344 8345 <style> 8346 .menu_container_1_3 .flex_row_1 .flex_col_3 { 8347 width:100%; } 8348 </style> 8349 8350 8351 8352 <div class="flex_col flex_col_4"> 8353 8354 8355 <div class="flex_cell flex_cell_1 third_level"> 8356 <div class="flex_cell_content"> 8357 <div class="nav_div_79 menu_container_li"> 8358 <div class="vfit">
8358 8359 <a class=" " title="Start Your Research" href="#!" data-full_image="" role="button" tabindex="0"> 8360 Start Your Research </a> 8361 </div> 8362 <div class="nav_list_container"> 8363 <ul class="nav_list" role="menu" aria-label="Start Your Research" tabindex="-1"> 8364 <li class="" role="none"> 8365 <a class="" 8366 role="menuitem" 8367 tabindex="0" 8368 href="https://www.merryrichardsjewelers.com/wedding-bands" 8369 title="View All Wedding Bands >>" 8370 style="" 8371 data-full_image="" 8372 > 8373 View All Wedding Bands >></a> 8374 </li> 8375 </ul> 8376 </div> 8377 </div> 8378 </div> 8379 <style> 8380 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 { 8381 width: 100%; 8382 } 8383 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .vfit { 8384 text-align: left; 8385 8386 border-bottom: 1px solid #ececec; 8387 padding-bottom: 8px; 8388 } 8389 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .nav_list { 8390 list-style: none; 8391 margin: 0; 8392 padding: 0; 8393 } 8394 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .nav_list + li { 8395 margin-top: 10px; 8396 } 8397 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 li { 8398 width: 100%; 8399 margin: 0; 8400 padding: 0; 8401 } 8402 .menu_container_1_3>.flex_row_1>.flex_col_4>
8402.flex_cell_1 .nav_div_79 li:hover { 8403 opacity: 0.8; 8404 } 8405 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_79 .nav_list li a { 8406 padding: 0; 8407 } 8408 </style> 8409 </div> 8410<style> 8411 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 8412 width:100%; align-items:start; -webkit-align-items:start; } 8413 8414 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 8415 height:100%; } 8416 8417 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level>.flex_cell_content { 8418 display: flex; 8419 width: 100%; 8420 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 8421 8422 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a { 8423 color:#4d4d4d; font-style:normal; display: flex; 8424 font-size:14px; font-family:Arial; text-transform:none; } 8425 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a:hover { 8426 color:#000000; } 8427 8428 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a .nav_ct_icons { 8429 height: 20px; 8430 margin-right: 5px; 8431 } 8432 8433 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a { 8434 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 8435 align-items:center; 8436 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 8437 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a:hover { 8438 color:#000000; } 8439 8440 .menu_container_1_3>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 8441 height: 25px; 8442 margin-right: 5px; 8443 } 8444 8445</style> 8446 </div> 8447 8448 <style> 8449 .menu_container_1_3 .flex_row_1 .flex_col_4 { 8450 width:100%; } 8451 </style> 8452 8453 8454 8455 <div class="flex_col flex_col_5"> 8456 8457 8458 </div> 8459 8460 <style> 8461 .menu_container_1_3 .flex_row_1 .flex_col_5 { 8462 width:100%; } 8463 </style> 8464 8465 8466 8467 </div> 8468 8469 <style> 8470 .menu_container_1_3 .flex_row_1 { 8471 background-color: #ffffff; 8472 color:#000000; height:250 } 8473 </style> 8474 8475 8476 8477 8478 <div class="flex_row flex_row_2"> 8479 8480 8481 <div class="flex_col flex_col_1"> 8482 8483 <div class="flex_cell flex_cell_1 line"> 8484 <div class="s_line"></div> 8485 </div> 8486 8487<style> 8488 .menu_container_1_3>.flex_row_2>.flex_col_1>.flex_cell_1 { 8489 width: 100%; 8490 margin-top:25px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 8491 8492 8493 .menu_container_1_3>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line { 8494 background-color:#878787; border-style: solid; 8495 height:1px; width:100%; border-radius:0px; border-width:0px; border-color:#000000; } 8496 8497</style> 8498 </div> 8499 8500 <style> 8501 .menu_container_1_3 .flex_row_2 .flex_col_1 { 8502 width:100%; } 8503 </style> 8504 8505 8506 8507 </div> 8508 8509 <style> 8510 .menu_container_1_3 .flex_row_2 { 8511 background-color: #ffffff; 8512 color:#000000; height:auto } 8513 </style> 8514 8515 8516 8517 </div> 8518 <style> 8519 .menu_container .flex_row { 8520 display: flex; 8521 } 8522 .menu_container_1_3 { 8523 width:100%; 8524 max-width:100%; 8525 left:0; 8526 } 8527 .menu_container .flex_row .flex_col{ 8528 display: flex; 8529 flex-wrap: wrap; 8530 box-sizing: border-box; 8531 align-content: baseline; 8532 } 8533 .menu_container .flex_row .flex_col .flex_cell{ 8534 height: fit-content; 8535 display: flex; 8536 } 8537 .menu_container .flex_row .flex_col .flex_cell a{ 8538 text-decoration: none; 8539 } 8540 .menu_container img { 8541 max-width: 100%; 8542 } 8543 </style> 8544 8545 8546 </div> 8547 <div class="hum-line"></div> 8548 8549 8550 <button type="button" class="hamburger-menu
8550-nav-section " aria-expanded="false" aria-controls="desktop-submenu-16" aria-label="Expand Fine Jewelry section"> 8551 <span class="icon_and_name"> 8552 8553 Fine Jewelry </span> 8554 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 8555 8556 </button> 8557 8558 8559 8560 <div class="sub-menu-panel" id="desktop-submenu-16" aria-hidden="true"> 8561 8562 8563 8564 8565 <div class="menu_container custom_build_menu menu_container_1_8 custom_bm_fw" role="menu"> 8566 8567 8568 8569 <div class="flex_row flex_row_1"> 8570 8571 8572 <div class="flex_col flex_col_1"> 8573 8574 8575 </div> 8576 8577 <style> 8578 .menu_container_1_8 .flex_row_1 .flex_col_1 { 8579 width:100%; } 8580 </style> 8581 8582 8583 8584 <div class="flex_col flex_col_2"> 8585 8586 8587 <div class="flex_cell flex_cell_1 third_level"> 8588 <div class="flex_cell_content"> 8589 <div class="nav_div_17 menu_container_li"> 8590 <div class="vfit"> 8591 <a class=" " title="Shop By Type" href="#!" data-full_image="" role="button" tabindex="0"> 8592 Shop By Type </a> 8593 </div> 8594 <div class="nav_list_container"> 8595 <ul class="nav_list" role="menu" aria-label="Shop By Type" tabindex="-1"> 8596 <li class="" role="none"> 8597 <a class="" 8598 role="menuitem" 8599 tabindex="0" 8600 href="https://www.merryrichardsjewelers.com/necklaces" 8601 title="Necklaces" 8602 style="" 8603 data-full_image="" 8604 aria-current="page"> 8605 <img class="nav_
8605ct_icons menu_icon_necklaces" 8606 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/necklaces/heart.svg" 8607 alt="Necklaces" 8608 title="Necklaces" 8609 height="25" 8610 width="25" 8611 loading="lazy"/> 8612 Necklaces</a> 8613 </li> 8614 <li class="" role="none"> 8615 <a class="" 8616 role="menuitem" 8617 tabindex="-1" 8618 href="https://www.merryrichardsjewelers.com/earrings" 8619 title="Earrings" 8620 style="" 8621 data-full_image="" 8622 > 8623 <img class="nav_ct_icons menu_icon_earrings" 8624 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/earrings/stud.svg" 8625 alt="Earrings" 8626 title="Earrings" 8627 height="25" 8628 width="25" 8629 loading="lazy"/> 8630 Earrings</a> 8631 </li> 8632 <li class="" role="none"> 8633 <a class="" 8634 role="menuitem" 8635 tabindex="-1" 8636 href="https://www.merryrichardsjewelers.com/bracelets" 8637 title="Bracelets" 8638 style="" 8639 data-full_image="" 8640 > 8641 <img class="nav_ct_icons menu_icon_bracelets" 8642 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bracelets/mens.svg" 8643 alt="Bracelets" 8644 title="Bracelets" 8645 height="25" 8646 width="25" 8647 loading="lazy"/> 8648 Bracelets</a> 8649 </li> 8650 <li class="" role="none"> 8651 <a class="" 8652 role="menuitem" 8653 tabindex="-1" 8654 href="https://www.merryrichardsjewelers.com/fashion-rings" 8655 title="Rings" 8656 style="" 8657 data-full_image="" 8658 > 8659 <img class="nav_
8659ct_icons menu_icon_rings" 8660 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/diamond.svg" 8661 alt="Rings" 8662 title="Rings" 8663 height="25" 8664 width="25" 8665 loading="lazy"/> 8666 Rings</a> 8667 </li> 8668 </ul> 8669 </div> 8670 </div> 8671 </div> 8672 <style> 8673 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 { 8674 width: 100%; 8675 } 8676 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .vfit { 8677 text-align: left; 8678 8679 border-bottom: 1px solid #ececec; 8680 padding-bottom: 8px; 8681 } 8682 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list { 8683 list-style: none; 8684 margin: 0; 8685 padding: 0; 8686 } 8687 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list + li { 8688 margin-top: 10px; 8689 } 8690 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 li { 8691 width: 100%; 8692 margin: 0; 8693 padding: 0; 8694 } 8695 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 li:hover { 8696 opacity: 0.8; 8697 } 8698 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1 .nav_div_17 .nav_list li a { 8699 padding: 0; 8700 } 8701 </style> 8702 </div> 8703<style> 8704 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 8705 width:100%; align-items:start; -webkit-align-items:start; } 8706 8707 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level { 8708 height:100%; } 8709 8710 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level>.flex_cell_content { 8711 display: flex; 8712 width: 100%; 8713 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 8714 8715 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a { 8716 color:#4d4d4d; font-style:normal; display: flex; 8717 font-size:14px; font-family:Arial; text-transform:none; } 8718 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a:hover { 8719 color:#000000; } 8720 8721 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .vfit a .nav_ct_icons { 8722 height: 20px; 8723 margin-right: 5px; 8724 } 8725 8726 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a { 8727 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 8728 align-items:center; 8729 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 8730 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a:hover { 8731 color:#000000; } 8732 8733 .menu_container_1_8>.flex_row_1>.flex_col_2>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 8734 height: 25px; 8735 margin-right: 5px; 8736 } 8737 8738</style> 8739 </div> 8740 8741 <style> 8742 .menu_container_1_8 .flex_row_1 .flex_col_2 { 8743 width:100%; } 8744 </style> 8745 8746 8747 8748 <div class="flex_col flex_col_3"> 8749 8750 8751 <div class="flex_cell flex_cell_1 third_level"> 8752 <div class="flex_cell_content"> 8753 <div class="nav_div_19 menu_container_li"> 8754 <div class="vfit"> 8755 <a class=" " title="Shop By Price" href="#!" data-full_image="" role="button" tabindex="0"> 8756 Shop By Price </a> 8757 </div> 8758 <div class="nav_list_container"> 8759 <ul class="nav_list" role="menu" aria-label="Shop By Price" tabindex="-1"> 8760 <li class="" role="none"> 8761 <a class="" 8762 role="menuitem" 8763 tabindex="0" 8764 href="https://www.merryrichardsjewelers.com/fine-jewelry-0-to-500" 8765 title="Up to $500" 8766 style="" 8767 data-full_image="" 8768 > 8769 Up to $500</a> 8770 </li> 8771 <li class="" role="none"> 8772 <a class="" 8773 role="menuitem" 8774 tabindex="-1" 8775 href="https://www.merryrichardsjewelers.com/fine-jewelry-500-to-1000" 8776 title="$500 - $1000" 8777 style="" 8778 data-full_image="" 8779 > 8780 $500 - $1000</a> 8781 </li> 8782 <li class="" role="none"> 8783 <a class="" 8784 role="menuitem" 8785 tabindex="-1" 8786 href="https://www.merryrichardsjewelers.com/fine-jewelry-1000-to-2000" 8787 title="$1000 - $2000" 8788 style="" 8789 data-full_image="" 8790 > 8791 $1000 - $2000</a> 8792 </li> 8793 <li class="" role="none"> 8794 <a class="" 8795 role="menuitem" 8796 tabindex="-1" 8797 href="https://www.merryrichardsjewelers.com/fine-jewelry-2000-to-5000" 8798 title="$2000 - $5000" 8799 style="" 8800 data-full_image="" 8801 > 8802 $2000 - $5000</a> 8803 </li> 8804 <li class="" role="none"> 8805 <a class="" 8806 role="menuitem" 8807 tabindex="-1" 8808 href="https://www.merryrichardsjewelers.com/fine-jewelry-5000-up" 8809 title="$5000 & Up" 8810 style="" 8811 data-full_image="" 8812 > 8813 $5000 & Up</a> 8814 </li> 8815 </ul> 8816 </div> 8817 </div> 8818 </div> 8819 <style> 8820 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 { 8821 width: 100%; 8822 } 8823 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .vfit { 8824 text-align: left; 8825 8826 border-bottom: 1px solid #ececec; 8827 padding-bottom: 8px; 8828 } 8829 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list { 8830 list-style: none; 8831 margin: 0; 8832 padding: 0; 8833 } 8834 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list + li { 8835 margin-top: 10px; 8836 } 8837 .menu_container_1_8>.flex_row_1>.flex_col_3>.fle
8837x_cell_1 .nav_div_19 li { 8838 width: 100%; 8839 margin: 0; 8840 padding: 0; 8841 } 8842 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 li:hover { 8843 opacity: 0.8; 8844 } 8845 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1 .nav_div_19 .nav_list li a { 8846 padding: 0; 8847 } 8848 </style> 8849 </div> 8850<style> 8851 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 8852 width:100%; align-items:start; -webkit-align-items:start; } 8853 8854 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level { 8855 height:100%; } 8856 8857 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level>.flex_cell_content { 8858 display: flex; 8859 width: 100%; 8860 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 8861 8862 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a { 8863 color:#4d4d4d; font-style:normal; display: flex; 8864 font-size:14px; font-family:Arial; text-transform:none; } 8865 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a:hover { 8866 color:#000000; } 8867 8868 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .vfit a .nav_ct_icons { 8869 height: 20px; 8870 margin-right: 5px; 8871 } 8872 8873 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a { 8874 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 8875 align-items:center; 8876 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 8877 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a:hover { 8878 color:#000000; } 8879 8880 .menu_container_1_8>.flex_row_1>.flex_col_3>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 8881 height: 25px; 8882 margin-right: 5px; 8883 } 8884 8885</style> 8886 </div> 8887 8888 <style> 8889 .menu_container_1_8 .flex_row_1 .flex_col_3 { 8890 width:100%; } 8891 </style> 8892 8893 8894 8895 <div class="flex_col flex_col_4"> 8896 8897 8898 <div class="flex_cell flex_cell_1 third_level"> 8899 <div class="flex_cell_content"> 8900 <div class="nav_div_81 menu_container_li"> 8901 <div class="vfit"> 8902 <a class=" " title="Start Your Research" href="#!" data-full_image="" role="button" tabindex="0"> 8903 Start Your Research </a> 8904 </div> 8905 <div class="nav_list_container"> 8906 <ul class="nav_list" role="menu" aria-label="Start Your Research" tabindex="-1"> 8907 <li class="" role="none"> 8908 <a class="" 8909 role="menuitem" 8910 tabindex="0" 8911 href="https://www.merryrichardsjewelers.com/fine-jewelry" 8912 title="View All Fine Jewelry >>" 8913 style="" 8914 data-full_image="" 8915 > 8916 View All Fine Jewelry >></a> 8917 </li> 8918 <li class="" role="none"> 8919 <a class="" 8920 role="menuitem" 8921 tabindex="-1" 8922 href="https://www.merryrichardsjewelers.com/tennis-bracelets" 8923 title="Tennis Bracelets" 8924 style="" 8925 data-full_image="" 8926 > 8927 Tennis Bracelets</a> 8928 </li> 8929 </ul> 8930 </div> 8931 </div> 8932 </div> 8933 <style> 8934 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 { 8935 width: 100%; 8936 } 8937 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .vfit { 8938 text-align: left; 8939 8940 border-bottom: 1px solid #ececec; 8941 padding-bottom: 8px; 8942 } 8943 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list { 8944 list-style: none; 8945 margin: 0; 8946 padding: 0; 8947 } 8948 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list + li { 8949 margin-top: 10px; 8950 } 8951 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 li { 8952 width: 100%; 8953 margin: 0; 8954 padding: 0; 8955 } 8956 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 li:hover { 8957 opacity: 0.8; 8958 } 8959 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1 .nav_div_81 .nav_list li a { 8960 padding: 0; 8961 } 8962 </style> 8963 </div> 8964<style> 8965 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 8966 width:100%; align-items:start; -webkit-align-items:start; } 8967 8968 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level { 8969 height:100%; } 8970 8971 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level>.flex_cell_content { 8972 display: flex; 8973 width: 100%; 8974 margin-top:20px; margin-bottom:px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 8975 8976 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a { 8977 color:#4d4d4d; font-style:normal; display: flex; 8978 font-size:14px; font-family:Arial; text-transform:none; } 8979 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a:hover { 8980 color:#000000; } 8981 8982 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .vfit a .nav_ct_icons { 8983 height: 20px; 8984 margin-right: 5px; 8985 } 8986 8987 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a { 8988 color:#4d4d4d; font-style:normal; line-height:25px; display: flex; 8989 align-items:center; 8990 font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 8991 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a:hover { 8992 color:#000000; } 8993 8994 .menu_container_1_8>.flex_row_1>.flex_col_4>.flex_cell_1.third_level .nav_list li a .nav_ct_icons { 8995 height: 25px; 8996 margin-right: 5px; 8997 } 8998 8999</style> 9000 </div> 9001 9002 <style> 9003 .menu_container_1_8 .flex_row_1 .flex_col_4 { 9004 width:100%; } 9005 </style> 9006 9007 9008 9009 <div class="flex_col flex_col_5"> 9010 9011 9012 </div> 9013 9014 <style> 9015 .menu_container_1_8 .flex_row_1 .flex_col_5 { 9016 width:100%; } 9017 </style> 9018 9019 9020 9021 </div> 9022 9023 <style> 9024 .menu_container_1_8 .flex_row_1 { 9025 background-color: #ffffff; 9026 color:#000000; height:250 } 9027 </style> 9028 9029 9030 9031 9032 <div class="flex_row flex_row_2"> 9033 9034 9035 <div class="flex_col flex_col_1"> 9036 9037 <div class="flex_cell flex_cell_1 line"> 9038 <div class="s_line"></div> 9039 </div> 9040 9041<style> 9042 .menu_container_1_8>.flex_row_2>.flex_col_1>.flex_cell_1 { 9043 width: 100%; 9044 margin-top:25px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 9045 9046 9047 .menu_container_1_8>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line { 9048 background-color:#878787; border-style: solid; 9049 height:1px; width:100%; border-radius:0px; border-width:0px; border-color:#000000; } 9050 9051</style> 9052 </div> 9053 9054 <style> 9055 .menu_container_1_8 .flex_row_2 .flex_col_1 { 9056 width:100%; } 9057 </style> 9058 9059 9060 9061 </div> 9062 9063 <style> 9064 .menu_container_1_8 .flex_row_2 { 9065 background-color: #ffffff; 9066 color:#000000; height:auto } 9067 </style> 9068 9069 9070 9071 </div> 9072 <style> 9073 .menu_container .flex_row { 9074 display: flex; 9075 } 9076 .menu_container_1_8 { 9077 width:100%; 9078 max-width:100%; 9079 left:0; 9080 } 9081 .menu_container .flex_row .flex_col{ 9082 display: flex; 9083 flex-wrap: wrap; 9084 box-sizing: border-box; 9085 align-content: baseline; 9086 } 9087
9087 .menu_container .flex_row .flex_col .flex_cell{ 9088 height: fit-content; 9089 display: flex; 9090 } 9091 .menu_container .flex_row .flex_col .flex_cell a{ 9092 text-decoration: none; 9093 } 9094 .menu_container img { 9095 max-width: 100%; 9096 } 9097 </style> 9098 9099 9100 </div> 9101 <div class="hum-line"></div> 9102 9103 9104 <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="desktop-submenu-20" aria-label="Expand Timepieces section"> 9105 <span class="icon_and_name"> 9106 9107 Timepieces </span> 9108 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 9109 9110 </button> 9111 9112 9113 9114 <div class="sub-menu-panel" id="desktop-submenu-20" aria-hidden="true"> 9115 9116 9117 9118 9119 9120<div class="menu_container default_build_menu menu_container_1_navigation_20"> 9121 <div class="nav_div_20"> 9122 <ul class="nav_list" role="menu" aria-label="Timepieces" tabindex="-1"> 9123 9124 <li style="" 9125 class="" 9126 role="none"> 9127 9128 9129 9130 <a class="nav_a_trd " title="MeisterSinger" href="https://www.merryrichardsjewelers.com/meistersinger" data-full_image="" role="menuitem" tabindex="0" > 9131 MeisterSinger </a> 9132 9133 9134 9135 9136 9137 9138 9139 </li> 9140 9141 9142 9143 <li style="" 9144 class="" 9145 role="none"> 9146 9147 9148 9149 <a class="nav_a_trd " title="Michele" href="https://www.merryrichardsjewelers.com/michele-watches" data-full_image="" role="menuitem" tabindex="-1" > 9150 Michele </a> 9151 9152 9153 9154 9155 9156 9157 9158 </li> 9159 9160 9161 9162 <li style="" 9163 class="" 9164 role="none"> 9165 9166 9167 9168 <a class="nav_a_trd " title="Sternglas" href="https://www.merryrichardsjewelers.com/sternglas" data-full_image="" role="menuitem" tabindex="-1" > 9169 Sternglas </a> 9170 9171 9172 9173 9174 9175 9176 9177 </li> 9178 9179 9180 9181 <li style="" 9182 class="" 9183 role="none"> 9184 9185 9186 9187 <a class="nav_a_trd " title="Omega Watches" href="https://www.merryrichardsjewelers.com/omega-watches" data-full_image="" role="menuitem" tabindex="-1" > 9188 Omega Watches </a> 9189 9190 9191 9192 9193 9194 9195 9196 </li> 9197 9198 9199 9200 <li style="" 9201 class="" 9202 role="none"> 9203 9204 9205 9206 <a class="nav_a_trd " title="Muhle Glashutte" href="https://www.merryrichardsjewelers.com/muhle-glashutte" data-full_image="" role="menuitem" tabindex="-1" > 9207 Muhle Glashutte </a> 9208 9209 9210 9211 9212 9213 9214 9215 </li> 9216 9217 9218 9219 <li style="" 9220 class="" 9221 role="none"> 9222 9223 9224 9225 <a class="nav_a_trd " title="Pre- Owned Watches" href="https://www.merryrichardsjewelers.com/pre-owned-watches" data-full_image="" role="menuitem" tabindex="-1" > 9226 Pre- Owned Watches </a> 9227 9228 9229 9230 9231 9232 9233 9234 </li> 9235 9236 9237 9238 <li style="" 9239 class="" 9240 role="none"> 9241 9242 9243 9244 <a class="nav_a_trd " title="New Old Watches" href="https://www.merryrichardsjewelers.com/new-old-watches" data-full_image="" role="menuitem" tabindex="-1" > 9245 New Old Watches </a> 9246 9247 9248 9249 9250 9251 9252 9253 </li> 9254 9255 9256 </ul> 9257 </div> 9258</div> 9259<style> 9260 .menu_container_1_navigation_20 { 9261 background: #fff; 9262 } 9263 .horizontal_menu .nav_div_20 { 9264 padding: 15px 0px; 9265 box-shadow: 0px 0px 5px #00000078; display: flex; 9266 flex-wrap: wrap; 9267 } 9268 .horizontal_menu .nav_img_20 { 9269 height: 200px; 9270 width: 250px; 9271 margin-left: 50px; 9272 margin-right: 20px; 9273 flex-shrink: 0; 9274 order: 1; 9275 } 9276 .horizontal_menu .nav_img_20 img { 9277 max-width: 100%; 9278 max-height: 100%; 9279 } 9280 .horizontal_menu .nav_div_20 .vfit { 9281 text-align: left; 9282 border-bottom: 1px solid #ececec; 9283 text-transform: uppercase; 9284 } 9285 .nav_div_20 .vfit a { 9286 text-decoration: none; 9287 color: #222; 9288 }
9289 .nav_div_20 .nav_list { 9290 list-style: none; 9291 margin: 0; 9292 padding: 0; 9293 order: 1; 9294 } 9295 .nav_div_20 ul { 9296 list-style: none; 9297 } 9298 #desktop_hamburger_menu_template .nav_div_20 li { 9299 width: 100%; 9300 margin: 0; 9301 padding: 0px 20px; 9302 position: relative; 9303 } 9304 .horizontal_menu .nav_div_20 li { 9305 width: 100%; 9306 margin: 0; 9307 padding: 0px 20px; 9308 position: relative; 9309 } 9310 9311 #desktop_hamburger_menu_template .nav_div_20 li svg { 9312 position: absolute; 9313 right: 15px; 9314 height: 10px; 9315 top: 10px; 9316 } 9317 .horizontal_menu .nav_div_20 li svg { 9318 position: absolute; 9319 right: 15px; 9320 height: 10px; 9321 top: 10px; 9322 } 9323 9324 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li .nav_a_trd { 9325 display: flex; 9326 align-items: center; 9327 padding: 0; 9328 line-height: 30px; 9329 font-size: 14px; 9330 text-transform: uppercase; 9331 text-decoration: none; 9332 color: #222; 9333 white-space: normal; 9334 9335 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; 9336 } 9337 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li button { 9338 background: none; 9339 border: none; 9340 cursor: pointer; 9341 } 9342 9343 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li .nav_a_trd.parent_men { 9344 text-decoration: underline; 9345 } 9346 9347 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li .nav_a_trd:hover { 9348 color:#000000; cursor: pointer; 9349 } 9350 9351 9352 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li .nav_list_trd li a { 9353 display: flex; 9354 align-items: center; 9355 padding: 0; 9356 line-height: 30px; 9357 font-size: 14px; 9358 text-transform: uppercase; 9359 text-decoration: none; 9360 color: #222; 9361 white-space: normal; 9362 9363 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 9364 9365 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_20 .nav_div_20 .nav_list li .nav_list_trd li a:hover { 9366 color:#000000; } 9367 9368 .nav_div_20 .nav_list li a .nav_icons { 9369 height: 30px; 9370 margin-right: 5px; 9371 } 9372 9373 .nav_div_20 .nav_list .nav_list_trd li a .nav_icons { 9374 height: 25px; 9375 } 9376 9377 9378 .nav_div_20 .nav_list li a:hover { 9379 color: #3172ab; 9380 } 9381 .horizontal_menu .nav_div_20 .nav_list_trd { 9382 display: none; 9383 position: absolute; 9384 left: 100%; 9385 top: -15px; 9386 padding: 15px 0px; 9387 box-shadow: 0px 0px 5px #00000078; background: #fff; 9388 } 9389 .horizontal_menu .nav_div_20 .nav_list>li .nav_list_trd.open, 9390 .horizontal_menu .nav_div_20 .nav_list>li:hover .nav_list_trd { 9391 display: block; 9392 z-index: 99; 9393 } 9394 9395 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_20, 9396 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_20 .nav_list_trd{ 9397 width: 250px; 9398 } 9399 9400 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_20 .nav_list_trd{ 9401 width: 250px; 9402 } 9403 </style> 9404 </div> 9405 <div class="hum-line"></div> 9406 9407 9408 <button type="button" class="hamburger-menu
9408-nav-section " aria-expanded="false" aria-controls="desktop-submenu-21" aria-label="Expand Services section"> 9409 <span class="icon_and_name"> 9410 9411 Services </span> 9412 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 9413 9414 </button> 9415 9416 9417 9418 <div class="sub-menu-panel" id="desktop-submenu-21" aria-hidden="true"> 9419 9420 9421 9422 9423 9424<div class="menu_container default_build_menu menu_container_1_navigation_21"> 9425 <div class="nav_div_21"> 9426 <ul class="nav_list" role="menu" aria-label="Services" tabindex="-1"> 9427 9428 <li style="" 9429 class="" 9430 role="none"> 9431 9432 9433 9434 <a class="nav_a_trd " title="Services" href="https://www.merryrichardsjewelers.com/services" data-full_image="" role="menuitem" tabindex="0" > 9435 Services </a> 9436 9437 9438 9439 9440 9441 9442 9443 </li> 9444 9445 9446 9447 <li style="" 9448 class="" 9449 role="none"> 9450 9451 9452 9453 <a class="nav_a_trd " title="Jewelry Repair" href="https://www.merryrichardsjewelers.com/jewelry-repair" data-full_image="" role="menuitem" tabindex="-1" > 9454 Jewelry Repair </a> 9455 9456 9457 9458 9459 9460 9461 9462 </li> 9463 9464 9465 9466 <li style="" 9467 class="" 9468 role="none"> 9469 9470 9471 9472 <a class="nav_a_trd " title="Jewelry Buying" href="https://www.merryrichardsjewelers.com/jewelry-buying" data-full_image="" role="menuitem" tabindex="-1" > 9473 Jewelry Buying </a> 9474 9475 9476 9477 9478 9479 9480 9481 </li> 9482 9483 9484 9485 <li style="" 9486 class="" 9487 role="none"> 9488 9489 9490 9491 <a class="nav_a_trd " title="Jewelry Appraisals" href="https://www.merryrichardsjewelers.com/jewelry-appraisals" data-full_image="" role="menuitem" tabindex="-1" > 9492 Jewelry Appraisals </a> 9493 9494 9495 9496 9497 9498 9499 9500 </li> 9501 9502 9503 9504 <li style="" 9505 class="" 9506 role="none"> 9507 9508 9509 9510 <a class="nav_a_trd " title="Diamond Buying " href="https://www.merryrichardsjewelers.com/diamond-buying" data-full_image="" role="menuitem" tabindex="-1" > 9511 Diamond Buying </a> 9512 9513 9514 9515 9516 9517 9518 9519 </li> 9520 9521 9522 9523 <li style="" 9524 class="" 9525 role="none"> 9526 9527 9528 9529 <a class="nav_a_trd " title="Flexible Financing " href="https://citiretailservices.citibankonline.com/apply/jewelers-reserve-credit-card?app=UNSOL&siteId=PLCN_JEWELRY&sc=05632&stnu=51105" data-full_image="" role="menuitem" tabindex="-1" > 9530 Flexible Financing </a> 9531 9532 9533 9534 9535 9536 9537 9538 </li> 9539 9540 9541 9542 <li style="" 9543 class="" 9544 role="none"> 9545 9546 9547 9548 <a class="nav_a_trd " title="Custom Design " href="https://www.merryrichardsjewelers.com/custom-design" data-full_image="" role="menuitem" tabindex="-1" > 9549 Custom Design </a> 9550 9551 9552 9553 9554 9555 9556 9557 </li> 9558 9559 9560 </ul> 9561 </div> 9562</div> 9563<style> 9564 .menu_container_1_navigation_21 { 9565 background: #fff; 9566 } 9567 .horizontal_menu .nav_div_21 { 9568 padding: 15px 0px; 9569 box-shadow: 0px 0px 5px #00000078; display: flex; 9570 flex-wrap: wrap; 9571 } 9572 .horizontal_menu .nav_img_21 { 9573 height: 200px; 9574 width: 250px; 9575 margin-left: 50px; 9576 margin-right: 20px; 9577 flex-shrink: 0; 9578 order: 1; 9579 } 9580 .horizontal_menu .nav_img_21 img { 9581 max-width: 100%; 9582 max-height: 100%; 9583 } 9584 .horizontal_menu .nav_div_21 .vfit { 9585 text-align: left; 9586 border-bottom: 1px solid #ececec; 9587 text-transform: uppercase; 9588 } 9589 .nav_div_21 .vfit a { 9590 text-decoration: none; 9591 color: #222; 9592 } 9593 .nav_div_21 .nav_list { 9594 list-style: none; 9595 margin: 0; 9596 padding: 0; 9597 order: 1; 9598 } 9599 .nav_div_21 ul { 9600 list-style: none; 9601 } 9602 #desktop_hamburger_menu_template .nav_div_21 li { 9603 width: 100%; 9604 margin: 0; 9605 padding: 0px 20px; 9606 position: relative; 9607 } 9608 .horizontal_menu .nav_div_21 li { 9609 width: 100%; 9610 margin: 0; 9611 padding: 0px 20px; 9612 position: relative; 9613 } 9614 9615 #desktop_hamburger_menu_template .nav_div_21 li svg { 9616 position: absolute; 9617 right: 15px; 9618 height: 10px; 9619 top: 10px; 9620 } 9621 .horizontal_menu .nav_div_21 li svg { 9622 position: absolute; 9623 right: 15px; 9624 height: 10px; 9625 top: 10px; 9626 } 9627 9628 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li .nav_a_trd { 9629 display: flex; 9630 align-items: center; 9631 padding: 0; 9632 line-height: 30px; 9633 font-size: 14px; 9634 text-transform: uppercase; 9635 text-decoration: none; 9636 color: #222; 9637 white-space: normal; 9638 9639 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; 9640 } 9641 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li button { 9642 background: none; 9643 border: none; 9644 cursor: pointer; 9645 } 9646 9647 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li .nav_a_trd.parent_men { 9648 text-decoration: underline; 9649 } 9650 9651 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li .nav_a_trd:hover { 9652 color:#000000; cursor: pointer; 9653 } 9654 9655 9656 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li .nav_list_trd li a { 9657 display: flex; 9658 align-items: center; 9659 padding: 0; 9660 line-height: 30px; 9661 font-size: 14px; 9662 text-transform: uppercase; 9663 text-decoration: none; 9664 color: #222; 9665 white-space: normal; 9666 9667 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 9668 9669 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_21 .nav_div_21 .nav_list li .nav_list_trd li a:hover { 9670 color:#000000; } 9671 9672 .nav_div_21 .nav_list li a .nav_icons { 9673 height: 30px; 9674 margin-right: 5px; 9675 } 9676 9677 .nav_div_21 .nav_list .nav_list_trd li a .nav_icons { 9678 height: 25px; 9679 } 9680 9681 9682 .nav_div_21 .nav_list li a:hover { 9683 color: #3172ab; 9684 } 9685 .horizontal_menu .nav_div_21 .nav_list_trd { 9686 display: none; 9687 position: absolute; 9688 left: 100%; 9689 top: -15px; 9690 padding: 15px 0px; 9691 box-shadow: 0px 0px 5px #00000078; background: #fff; 9692 } 9693 .horizontal_menu .nav_div_21 .nav_list>li .nav_list_trd.open, 9694 .horizontal_menu .nav_div_21 .nav_list>li:hover .nav_list_trd { 9695 display: block; 9696 z-index: 99; 9697 } 9698 9699 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_21, 9700 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_21 .nav_list_trd{ 9701 width: 250px; 9702 } 9703 9704 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_21 .nav_list_trd{ 9705 width: 250px; 9706 } 9707 </style> 9708 </div> 9709 <div class="hum-line"></div> 9710 9711 9712 <button type="button" class="hamburger-menu
9712-nav-section " aria-expanded="false" aria-controls="desktop-submenu-105" aria-label="Expand Company section"> 9713 <span class="icon_and_name"> 9714 9715 Company </span> 9716 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 9717 9718 </button> 9719 9720 9721 9722 <div class="sub-menu-panel" id="desktop-submenu-105" aria-hidden="true"> 9723 9724 9725 9726 9727 9728<div class="menu_container default_build_menu menu_container_1_navigation_105"> 9729 <div class="nav_div_105"> 9730 <ul class="nav_list" role="menu" aria-label="Company " tabindex="-1"> 9731 9732 <li style="" 9733 class="" 9734 role="none"> 9735 9736 9737 9738 <a class="nav_a_trd " title="About Us " href="https://www.merryrichardsjewelers.com/about-us" data-full_image="" role="menuitem" tabindex="0" > 9739 About Us </a> 9740 9741 9742 9743 9744 9745 9746 9747 </li> 9748 9749 9750 9751 <li style="" 9752 class="" 9753 role="none"> 9754 9755 9756 9757 <a class="nav_a_trd " title="History" href="https://www.merryrichardsjewelers.com/history" data-full_image="" role="menuitem" tabindex="-1" > 9758 History </a> 9759 9760 9761 9762 9763 9764 9765 9766 </li> 9767 9768 9769 9770 <li style="" 9771 class="" 9772 role="none"> 9773 9774 9775 9776 <a class="nav_a_trd " title="Media " href="https://www.merryrichardsjewelers.com/news" data-full_image="" role="menuitem" tabindex="-1" > 9777 Media </a> 9778 9779 9780 9781 9782 9783 9784 9785 </li> 9786 9787 9788 9789 <li style="" 9790 class="" 9791 role="none"> 9792 9793 9794 9795 <a class="nav_a_trd " title="Blog" href="https://www.merryrichardsjewelers.com/journals" data-full_image="" role="menuitem" tabindex="-1" > 9796 Blog </a> 9797 9798 9799 9800 9801 9802 9803 9804 </li> 9805 9806 9807 9808 <li style="" 9809 class="" 9810 role="none"> 9811 9812 9813 9814 <a class="nav_a_trd " title="Events " href="https://www.merryrichardsjewelers.com/events" data-full_image="" role="menuitem" tabindex="-1" > 9815 Events </a> 9816 9817 9818 9819 9820 9821 9822 9823 </li> 9824 9825 9826 9827 <li style="" 9828 class="" 9829 role="none"> 9830 9831 9832 9833 <a class="nav_a_trd " title="Careers" href="https://www.merryrichardsjewelers.com/careers" target="_blank" data-full_image="" role="menuitem" tabindex="-1" > 9834 Careers </a> 9835 9836 9837 9838 9839 9840 9841 9842 </li> 9843 9844 9845 </ul> 9846 </div> 9847</div> 9848<style> 9849 .menu_container_1_navigation_105 { 9850 background: #fff; 9851 } 9852 .horizontal_menu .nav_div_105 { 9853 padding: 15px 0px; 9854 box-shadow: 0px 0px 5px #00000078; display: flex; 9855 flex-wrap: wrap; 9856 } 9857 .horizontal_menu .nav_img_105 { 9858 height: 200px; 9859 width: 250px; 9860 margin-left: 50px; 9861 margin-right: 20px; 9862 flex-shrink: 0; 9863 order: 1; 9864 } 9865 .horizontal_menu .nav_img_105 img { 9866 max-width: 100%; 9867 max-height: 100%; 9868 } 9869 .horizontal_menu .nav_div_105 .vfit { 9870 text-align: left; 9871 border-bottom: 1px solid #ececec; 9872 text-transform: uppercase; 9873 } 9874 .nav_div_105 .vfit a { 9875 text-decoration: none; 9876 color: #222; 9877 } 9878 .nav_div_105 .nav_list { 9879 list-style: none; 9880 margin: 0; 9881 padding: 0; 9882 order: 1; 9883 } 9884 .nav_div_105 ul { 9885 list-style: none; 9886 } 9887 #desktop_hamburger_menu_template .nav_div_105 li { 9888 width: 100%; 9889 margin: 0; 9890 padding: 0px 20px; 9891 position: relative; 9892 } 9893 .horizontal_menu .nav_div_105 li { 9894 width: 100%; 9895 margin: 0; 9896 padding: 0px 20px; 9897 position: relative; 9898 } 9899 9900 #desktop_hamburger_menu_template .nav_div_105 li svg { 9901 position: absolute; 9902 right: 15px; 9903 height: 10px; 9904 top: 10px; 9905 } 9906 .horizontal_menu .nav_div_105 li svg { 9907 position: absolute; 9908 right: 15px; 9909 height: 10px; 9910 top: 10px; 9911 } 9912 9913 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_105 .nav_div_105 .nav_list li .nav_a_trd { 9914 display: flex; 9915 align-items: center; 9916 padding: 0; 9917 line-height: 30px; 9918 font-size: 14px; 9919 text-transform: uppercase; 9920 text-decoration: none; 9921 color: #222; 9922 white-space: normal; 9923 9924 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; 9925 } 9926 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_105 .nav_div_105 .nav_list li button { 9927 background: none; 9928 border: none; 9929 cursor: pointer; 9930 } 9931 9932 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_105 .nav_div_105 .nav_list li .nav_a_trd.parent_men { 9933 text-decoration: underline; 9934 } 9935 9936 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_105 .nav_div_105 .nav_list li .nav_a_trd:hover { 9937 color:#000000; cursor: pointer; 9938 } 9939 9940 9941 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_105 .nav_div_105 .nav_list li .nav_list_trd li a { 9942 display: flex; 9943 align-items: center; 9944 padding: 0; 9945 line-height: 30px; 9946 font-size: 14px; 9947 text-transform: uppercase; 9948 text-decoration: none; 9949 color: #222; 9950 white-space: normal; 9951 9952 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 9953 9954 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_105 .nav_div_105 .nav_list li .nav_list_trd li a:hover { 9955 color:#000000; } 9956 9957 .nav_div_105 .nav_list li a .nav_icons { 9958 height: 30px; 9959 margin-right: 5px; 9960 } 9961 9962 .nav_div_105 .nav_list .nav_list_trd li a .nav_icons { 9963 height: 25px; 9964 } 9965 9966 9967 .nav_div_105 .nav_list li a:hover { 9968 color: #3172ab; 9969 } 9970 .horizontal_menu .nav_div_105 .nav_list_trd { 9971 display: none; 9972 position: absolute; 9973 left: 100%; 9974 top: -15px; 9975 padding: 15px 0px; 9976 box-shadow: 0px 0px 5px #00000078; background: #fff; 9977 } 9978 .horizontal_menu .nav_div_105 .nav_list>li .nav_list_trd.open, 9979 .horizontal_menu .nav_div_105 .nav_list>li:hover .nav_list_trd { 9980 display: block; 9981 z-index: 99; 9982 } 9983 9984 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_105, 9985 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_105 .nav_list_trd{ 9986 width: 250px; 9987 } 9988 9989 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_105 .nav_list_trd{ 9990 width: 250px; 9991 } 9992 </style> 9993 </div> 9994 <div class="hum-line"></div> 9995 9996 9997 <a class="hamburger-menu
9997-nav-section " title="Contact Us" href="https://www.merryrichardsjewelers.com/contact-us" > 9998 <span class="icon_and_name"> 9999 10000 Contact Us </span> 10001 10002 </a> 10003 10004 10005 10006 <div class="sub-menu-panel" id="desktop-submenu-22" aria-hidden="true"> 10007 10008 10009 10010 10011 10012<div class="menu_container default_build_menu menu_container_1_navigation_22"> 10013 <div class="nav_div_22"> 10014 </div> 10015</div> 10016<style> 10017 .menu_container_1_navigation_22 { 10018 background: #fff; 10019 } 10020 .horizontal_menu .nav_div_22 { 10021 padding: 15px 0px; 10022 box-shadow: 0px 0px 5px #00000078; display: flex; 10023 flex-wrap: wrap; 10024 } 10025 .horizontal_menu .nav_img_22 { 10026 height: 200px; 10027 width: 250px; 10028 margin-left: 50px; 10029 margin-right: 20px; 10030 flex-shrink: 0; 10031 order: 1; 10032 } 10033 .horizontal_menu .nav_img_22 img { 10034 max-width: 100%; 10035 max-height: 100%; 10036 } 10037 .horizontal_menu .nav_div_22 .vfit { 10038 text-align: left; 10039 border-bottom: 1px solid #ececec; 10040 text-transform: uppercase; 10041 } 10042 .nav_div_22 .vfit a { 10043 text-decoration: none; 10044 color: #222; 10045 } 10046 .nav_div_22 .nav_list { 10047 list-style: none; 10048 margin: 0; 10049 padding: 0; 10050 order: 1; 10051 } 10052 .nav_div_22 ul { 10053 list-style: none; 10054 } 10055 #desktop_hamburger_menu_template .nav_div_22 li { 10056 width: 100%; 10057 margin: 0; 10058 padding: 0px 20px; 10059 position: relative; 10060 } 10061 .horizontal_menu .nav_div_22 li { 10062 width: 100%; 10063 margin: 0; 10064 padding: 0px 20px; 10065 position: relative; 10066 } 10067 10068 #desktop_hamburger_menu_template .nav_div_22 li svg { 10069 position: absolute; 10070 right: 15px; 10071 height: 10px; 10072 top: 10px; 10073 } 10074 .horizontal_menu .nav_div_22 li svg { 10075 position: absolute; 10076 right: 15px; 10077 height: 10px; 10078 top: 10px; 10079 } 10080 10081 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li .nav_a_trd { 10082 display: flex; 10083 align-items: center; 10084 padding: 0; 10085 line-height: 30px; 10086 font-size: 14px; 10087 text-transform: uppercase; 10088 text-decoration: none; 10089 color: #222; 10090 white-space: normal; 10091 10092 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; 10093 } 10094 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li button { 10095 background: none; 10096 border: none; 10097 cursor: pointer; 10098 } 10099 10100 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li .nav_a_trd.parent_men { 10101 text-decoration: underline; 10102 } 10103 10104 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li .nav_a_trd:hover { 10105 color:#000000; cursor: pointer; 10106 } 10107 10108 10109 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li .nav_list_trd li a { 10110 display: flex; 10111 align-items: center; 10112 padding: 0; 10113 line-height: 30px; 10114 font-size: 14px; 10115 text-transform: uppercase; 10116 text-decoration: none; 10117 color: #222; 10118 white-space: normal; 10119 10120 color:#4d4d4d; font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:25px; } 10121 10122 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_1_navigation_22 .nav_div_22 .nav_list li .nav_list_trd li a:hover { 10123 color:#000000; } 10124 10125 .nav_div_22 .nav_list li a .nav_icons { 10126 height: 30px; 10127 margin-right: 5px; 10128 } 10129 10130 .nav_div_22 .nav_list .nav_list_trd li a .nav_icons { 10131 height: 25px; 10132 } 10133 10134 10135 .nav_div_22 .nav_list li a:hover { 10136 color: #3172ab; 10137 } 10138 .horizontal_menu .nav_div_22 .nav_list_trd { 10139 display: none; 10140 position: absolute; 10141 left: 100%; 10142 top: -15px; 10143 padding: 15px 0px; 10144 box-shadow: 0px 0px 5px #00000078; background: #fff; 10145 } 10146 .horizontal_menu .nav_div_22 .nav_list>li .nav_list_trd.open, 10147 .horizontal_menu .nav_div_22 .nav_list>li:hover .nav_list_trd { 10148 display: block; 10149 z-index: 99; 10150 } 10151 10152 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_22, 10153 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_22 .nav_list_trd{ 10154 width: 250px; 10155 } 10156 10157 .horizontal_menu .menu_container.default_build_menu.menu_container_1_navigation_22 .nav_list_trd{ 10158 width: 250px; 10159 } 10160 </style> 10161 </div> 10162 <div class="hum-line"></div> 10163 <div class="script_after_menu"> 10164 </div> 10165 </div> 10166 </nav>
10167 <div class="hamburger-menu-template-overlay" id="desktop_hamburger_menu_template_overlay"></div> 10168 10169
10169<script> 10170 $(function () { 10171 10172 const $menuRoot = $('#desktop_hamburger_menu_template'); 10173 const $menuWrap = $('.header_container_1'); 10174 const $button = $('#desktop_hamburger_button'); 10175 const $overlay = $('#desktop_hamburger_menu_template_overlay'); 10176 const $closeBtn = $('#desktop_hamburger_close_button'); 10177 10178 const trap = focusTrap.createFocusTrap($menuRoot[0], { 10179 onActivate: () => $menuRoot.addClass('is-active'), 10180 onDeactivate: () => $menuRoot.removeClass('is-active'), 10181 clickOutsideDeactivates: true 10182 }); 10183 10184 $button.on('click keypress', function (event) { 10185 if (event.which === 13 || event.which === 32 || event.type === 'click') { 10186 if (event.which === 32) event.preventDefault(); 10187 10188 const isOpen = $menuRoot.hasClass('open'); 10189 10190 $menuRoot.toggleClass('open'); 10191 $overlay.toggleClass('open'); 10192 $menuRoot.removeAttr('inert'); 10193 $button.attr('aria-expanded', String(!isOpen)); 10194 10195 if (!isOpen) { 10196 trap.activate(); 10197 $closeBtn.focus(); 10198 } else { 10199 closeHamburgerMenu(); 10200 } 10201 } 10202 }); 10203 10204 $closeBtn.add($overlay).on('click keypress', function (event) { 10205 if (event.which === 13 || event.which === 32 || event.type === 'click') { 10206 if (event.which === 32) event.preventDefault(); 10207 closeHamburgerMenu(); 10208 } 10209 }); 10210 10211 function closeHamburgerMenu() { 10212 $menuRoot.removeClass('open').attr('inert', 'inert'); 10213 $overlay.removeClass('open'); 10214 $button.attr('aria-expanded', 'false'); 10215 10216 $menuRoot.find('.sub-menu-panel').each(function () { 10217 const $submenu = $(this); 10218 $submenu.removeClass('open').attr('aria-hidden', 'true'); 10219 updateSubmenuTabindex($submenu, true); 10220 }); 10221 10222 $menuRoot.find('.hamburger-menu-nav-section[aria-expanded="true"]') 10223 .attr('aria-expanded', 'false'); 10224 10225 trap.deactivate(); 10226 } 10227 10228 function updateSubmenuTabindex($submenu, isHidden) { 10229 const $items = $submenu.find('a'); 10230 10231 if (isHidden) { 10232 $items.each(function () { 10233 $(this).attr('tabindex', '-1'); 10234 }); 10235 } else { 10236 $items.each(function () { 10237 $(this).attr('tabindex', '0'); 10238 }); 10239 } 10240 } 10241 10242 $menuRoot.on('keypress', '.nav_a_trd', function (e) { 10243 10244 e.preventDefault(); 10245 e.stopPropagation(); 10246 10247 const $trigger = $(this); 10248 const $submenu = $trigger.next('.nav_list_trd'); 10249 10250 if (!$submenu.length) return; 10251 10252 const isOpen = $submenu.hasClass('open'); 10253 10254 $menuRoot.find('.nav_list_trd.open').not($submenu).each(function () { 10255 $(this) 10256 .removeClass('open') 10257 .attr('aria-hidden', 'true'); 10258 updateSubmenuTabindex($(this), true); 10259 }); 10260 10261 if (isOpen) { 10262 $submenu 10263 .removeClass('open') 10264 .attr('aria-hidden', 'true'); 10265 updateSubmenuTabindex($submenu, true); 10266 } else { 10267 $submenu 10268 .addClass('open') 10269 .attr('aria-hidden', 'false'); 10270 updateSubmenuTabindex($submenu, false); 10271 } 10272 }); 10273
10274 $menuWrap.on('click keypress', '.hamburger-menu-nav-section[aria-controls]', function (e) { 10275 10276 e.preventDefault(); 10277 e.stopPropagation(); 10278 10279 const $btn = $(this); 10280 const submenuId = $btn.attr('aria-controls'); 10281 const $submenu = $menuRoot.find('.sub-menu-panel#' + submenuId); 10282 10283 if (!$submenu.length) return; 10284 10285 const isExpanded = $btn.attr('aria-expanded') === 'true'; 10286 10287 $menuRoot.find('.sub-menu-panel').not($submenu).each(function () { 10288 $(this).removeClass('open').attr('aria-hidden', 'true'); 10289 updateSubmenuTabindex($(this), true); 10290 }); 10291 10292 $menuRoot.find('[aria-controls]') 10293 .not($btn) 10294 .attr('aria-expanded', 'false'); 10295 10296 if (isExpanded) { 10297 console.log($submenu) 10298 $btn.attr('aria-expanded', 'false'); 10299 $submenu.removeClass('open').attr('aria-hidden', 'true'); 10300 updateSubmenuTabindex($submenu, true); 10301 } else { 10302 $btn.attr('aria-expanded', 'true'); 10303 $submenu.addClass('open').attr('aria-hidden', 'false'); 10304 updateSubmenuTabindex($submenu, false); 10305 } 10306 }); 10307 10308 $menuRoot.on('keydown', function (e) { 10309 if (e.key !== 'Escape') return; 10310 10311 const $open = $menuRoot.find('.nav_list_trd.open').last(); 10312 if (!$open.length) return; 10313 10314 $open 10315 .removeClass('open') 10316 .attr('aria-hidden', 'true'); 10317 10318 updateSubmenuTabindex($open, true); 10319 10320 $open.prev('.nav_a_trd').focus(); 10321 10322 e.preventDefault(); 10323 e.stopPropagation(); 10324 }); 10325 10326 $menuRoot.find('.sub-menu-panel').each(function () { 10327 const $submenu = $(this); 10328 const isOpen = $submenu.hasClass('open') && $submenu.attr('aria-hidden') !== 'true'; 10329 updateSubmenuTabindex($submenu, !isOpen); 10330 }); 10331 10332 }); 10333 10334 </script>
10334 10335</div> 10336 10337<style> 10338 #desktop_hamburger_menu_template>ul>li>a, 10339 #desktop_hamburger_menu_template>ul>li>button { 10340 color:#4d4d4d; display: flex; 10341 font-style:normal; font-size:15px; font-family:Arial; text-transform:none; line-height:25px; } 10342 10343 #desktop_hamburger_menu_template>ul>li>a:hover, 10344 #desktop_hamburger_menu_template>ul>li>button:hover { 10345 color:#000000; } 10346</style> 10347 </div> 10348 10349 </div> 10350 10351 10352 </div> 10353 10354 10355 10356</header> 10357<header class="appearance-tablet-view-template"> 10358 10359 10360 10361 <style> 10362 .header_container>.flex_row { 10363 display: flex; 10364 } 10365 10366 .header_container_2 { 10367 width: 100%; 10368 max-width: 100%; 10369 margin: 0 auto; 10370 position: relative !important; 10371 transform: inherit !important; 10372 } 10373 .header_container>.flex_row>.flex_col { 10374 display: flex; 10375 flex-wrap: wrap; 10376 box-sizing: border-box; 10377 align-content: baseline; 10378 } 10379 .header_container>.flex_row>.flex_col>.flex_cell { 10380 height: fit-content; 10381 display: flex; 10382 } 10383 .header_container>.flex_row>.flex_col>.flex_cell a { 10384 text-decoration: none; 10385 } 10386 .header_container img { 10387 max-width: 100%; 10388 } 10389 .row_spacer_cs { 10390 display: none; 10391 } 10392 .sticky_row { 10393 position: fixed; 10394 } 10395 .sticky_row + .row_spacer_cs { 10396 display: block; 10397 } 10398 </style> 10399 10400 <div class="header_container header_container_2" data-device-type="2"> 10401 10402 10403 10404 <div class="flex_row flex_row_1 "> 10405 10406 10407 <div class="flex_col flex_col_1"> 10408 10409 10410<div class="flex_cell flex_cell_1 call_us"> 10411 <div class="flex_cell_content"><a class="phone_number_click " href="tel:1-630-516-8000" title="Call us 1-630-516-8000"><svg role="img" aria-label="Call Us" viewBox="0 0 512 512"><path class="path_class" d="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"/></svg><span>Call</span></a></div> </div> 10412<style> 10413 .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1.call_us { 10414 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 10415 10416 .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1.call_us { 10417 height:100%; } 10418 10419 .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1.call_us>.flex_cell_content { 10420 display: flex; 10421 margin-top:10px; margin-bottom:10px; margin-left:35px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 10422 10423 .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1 a { 10424 color:#ffffff; font-style:normal; font-size:15px; font-family:Arial; display: flex; 10425 align-items: center; 10426 text-transform:none; } 10427 10428 .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1.call_us a svg, 10429 .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1.call_us a img { 10430 margin-right: 5px; 10431 height:14px; } 10432 10433 .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1 a .path_class { 10434 fill: currentColor; 10435 } 10436 10437 10438 .header_container_2>.flex_row_1>.flex_col_1>.flex_cell_1 a:hover { 10439 color:#ffffff; } 10440</style> 10441 </div> 10442 10443 <style> 10444 .header_container_2>.flex_row_1>.flex_col_1 { 10445 width:25%; } 10446 </style> 10447 10448 10449 10450 <div class="flex_col flex_col_2"> 10451 10452 10453<div class="flex_cell flex_cell_1 button_link"> 10454 10455 10456 <div class="flex_cell_content">
10457 <a class="btn_link_ig" href="https://maps.app.goo.gl/jDzg2PMMQBd9k3nt8" target="_blank" title=""> 10458 Get Directions </a> 10459 </div> 10460 10461 </div> 10462<style> 10463 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.button_link { 10464 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 10465 10466 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.button_link { 10467 } 10468 10469 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.button_link>.flex_cell_content { 10470 display: flex; 10471 margin-top:5px; margin-bottom:5px; margin-left:px; margin-right:px; } 10472 10473 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.button_link a { 10474 color:#ffffff; font-style:normal; 10475 background-color:#74221a; 10476 font-size:16px;font-family:Arial; text-decoration: none; 10477 display: inline-flex; 10478 align-items: center; 10479 padding: 10px 26px; 10480 border-style: solid; 10481 text-transform:none; border-radius:1px; border-width:1px; border-color:#ffffff; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 10482 10483 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.button_link a>i{ 10484 margin-right: 5px; 10485 } 10486 10487 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.button_link a:hover { 10488 color:#74221a; background-color:#ffffff; border-color:#ffffff; } 10489 10490 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 a>img { 10491 margin-right:5px; } 10492</style> 10493 10494 </div> 10495 10496 <style> 10497 .header_container_2>.flex_row_1>.flex_col_2 { 10498 width:25%; } 10499 </style> 10500 10501 10502 10503 <div class="flex_col flex_col_3"> 10504 10505 10506<div class="flex_cell flex_cell_1 button_link"> 10507 10508 10509 <div class="flex_cell_content"> 10510 <a class="btn_link_ig" href="https://www.merryrichardsjewelers.com/request-an-appointment" title=""> 10511 Schedule Appointment </a> 10512 </div> 10513 10514 </div> 10515<style> 10516 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.button_link { 10517 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 10518 10519 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.button_link { 10520 height:100%; } 10521 10522 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.button_link>.flex_cell_content { 10523 display: flex; 10524 margin-top:5px; margin-bottom:5px; margin-left:px; margin-right:px; } 10525 10526 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a { 10527 color:#ffffff; font-style:normal; 10528 background-color:#74221a; 10529 font-size:px;font-family:Arial; text-decoration: none; 10530 display: inline-flex; 10531 align-items: center; 10532 padding: 10px 26px; 10533 border-style: solid; 10534 justify-content:center; text-transform:none; border-radius:1px; border-width:1px; border-color:#ffffff; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 10535 10536 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a>i{ 10537 margin-right: 5px; 10538 } 10539 10540 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a:hover { 10541 color:#74221a; background-color:#ffffff; border-color:#ffffff; } 10542 10543 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1 a>img { 10544 margin-right:5px; } 10545</style> 10546 10547 </div> 10548 10549 <style> 10550 .header_container_2>.flex_row_1>.flex_col_3 { 10551 width:35%; } 10552 </style> 10553 10554 10555 10556 <div class="flex_col flex_col_4"> 10557 10558 10559<div class="flex_cell flex_cell_1 account_icons"> 10560 <div class="flex_cell_content"> 10561 10562 <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 2"> 10563 <svg role="img" aria-label="Wishlist" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_20)"><path class="path_class" d="M420.2 214.3L563.9 235.5C575.8 237.2 585.8 245.6 589.6 257.1C593.4 268.7 590.3 281.3 581.7 289.9L477.5 392.1L502.1 538.7C504.1 550.7 499.2 562.9 489.2 570C479.3 577.1 466.2 578 455.5 572.3L327.1 503.8L198.8 572.3C188 578 174.9 577.1 165 570C155.1 562.9 150.1 550.7 152.2 538.7L176.8 392.1L72.58 289.9C63.97 281.3 60.91 268.7 64.69 257.1C68.46 245.6 78.43 237.2 90.42 235.5L234 214.3L298.4 81.97C303.7 70.954 314.9 63.9609 327.1 63.9609C339.4 63.9609 350.6 70.954 355.9 81.97L420.2 214.3Z" fill="black"/></g><defs><clipPath id="clip0_107_20"><rect width="576" height="512" fill="white" transform="translate(39 64)"/></clipPath></defs></svg>
10563 <span class="item-count-badge wishlist-count-badge d-none"></span> 10564 </a> 10565 10566 <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 3"> 10567 <svg role="img" aria-label="Shopping Cart" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" d="M128 64C139.5 64 149.4 72.19 151.6 83.51L153.1 96H573.8C594.1 96 610.3 116.25 604.6 136.66L550.6 328.7C546.7 342.5 534.1 352 519.8 352H202.7L211.9 400H520C533.3 400 544 410.7 544 424C544 437.3 533.3 448 520 448H191.1C180.5 448 170.6 439.8 168.4 428.5L108.14 112H56C42.75 112 32 101.25 32 88C32 74.75 42.75 64 56 64H128ZM160 528C160 501.5 181.5 480 208 480C234.5 480 256 501.5 256 528C256 554.5 234.5 576 208 576C181.5 576 160 554.5 160 528ZM544 528C544 554.5 522.5 576 496 576C469.5 576 448 554.5 448 528C448 501.5 469.5 480 496 480C522.5 480 544 501.5 544 528Z" fill="black"/></svg> <span class="item-count-badge build-shopping-cart-item-counter d-none"></span> 10568 </a> 10569 10570 10571 <a class="" href="/login" title="My Account" style="order: 5"> 10572 <svg role="img" aria-label="My Account" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_18)"><path class="path_class" d="M320 320C390.7 320 448 262.69 448 192C448 121.31 390.7 64 320 64C249.3 64 192 121.31 192 192C192 262.69 249.3 320 320 320ZM370.7 368H269.3C173.61 368 96 445.6 96 541.3C96 560.44 111.52 575.97 130.66 575.97H509.36C528.5 576 544 560.5 544 541.3C544 445.6 466.4 368 370.7 368Z" fill="black"/></g><defs><clipPath id="clip0_107_18"><rect width="448" height="512" fill="white" transform="translate(96 64)"/></clipPath></defs></svg> </a> 10573 </div> 10574</div> 10575 10576<style> 10577 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons { 10578 width:100%; justify-content: flex-end; 10579 align-items:center; -webkit-align-items:center; } 10580 10581 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons { 10582 height:100%; } 10583 10584 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons>.flex_cell_content { 10585 display: flex; 10586 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:35px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 10587 10588 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons .wishlist-count-badge.d-none { 10589 display: none !important; 10590 } 10591 10592 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a { 10593 display: flex; 10594 align-items: center; 10595 color:#ffffff; font-style:normal; font-size:15px; font-family:Arial; margin-left: 12px; 10596 text-transform:none; } 10597 10598 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a svg, 10599 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a img { 10600 flex-shrink: 0; 10601 margin-right: 5px; 10602 width:14px; height:14px; } 10603 10604 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a .path_class { 10605 fill: currentColor; 10606 } 10607 10608 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a:hover { 10609 color:#ffffff; } 10610 10611 .header_container_2>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a .item-count-badge { 10612 padding: 0 5px; 10613 height: 16px; 10614 min-width: 16px; 10615 text-align: center; 10616 border-radius: 7px; 10617 line-height: 16px; 10618 border: 1px solid #fff; 10619 font-style: normal; 10620 font-weight: 700; 10621 font-size: 10px; 10622 background-color:#00b252; color:#ffffff; margin-left: -10px; 10623 margin-top: -15px; 10624 } 10625</style> 10626 </div> 10627 10628 <style> 10629 .header_container_2>.flex_row_1>.flex_col_4 { 10630 width:15%; } 10631 </style> 10632 10633 10634 10635 </div> 10636 10637 10638 <style> 10639 .header_container_2>.flex_row_1 { 10640 background-color: #74221a; 10641 10642 color:#000000; height:auto; 10643 10644 } 10645 10646 </style> 10647 10648 10649 10650 10651 10652 <div class="flex_row flex_row_2 "> 10653 10654 10655 <div class="flex_col flex_col_1"> 10656 10657 <div class="flex_cell flex_cell_1 menu"> 10658 <div class="flex_cell_content"> 10659 <style> 10660 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner, 10661 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-parent { 10662 width: 30px; 10663 height: 24px; 10664 position: relative; 10665 cursor: pointer; 10666 } 10667 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect { 10668 fill: #000000; } 10669 10670 10671 .header_container_2>.flex_row_2>.flex_col_1>
10671.flex_cell_1.menu a.hamburger-menu-nav-section, 10672 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-close-button{ 10673 color:#4d4d4d; display: flex; 10674 font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:40px; } 10675 </style> 10676 10677 <div id="tablet_hamburger_button" role="button" class="hamburger-button-inner" tabindex="0" aria-label="Hamburger Button" aria-expanded="false" aria-controls="tablet_hamburger_menu_template"> 10678 <div class="hamburger-button-parent"> 10679 <svg class="hamburger-icon" width="30" height="24" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 10680 <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 10681 <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 10682 <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 10683 </svg> 10684 10685 10686 </div> 10687 </div> 10688 </div> 10689</div> 10690 10691<style> 10692 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 10693 width:100%; justify-content: flex-start; 10694 align-items:center; -webkit-align-items:center; } 10695 10696 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 10697 height:100%; } 10698 10699 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content { 10700 display: flex; 10701 margin-top:px; margin-bottom:px; margin-left:35px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 10702 10703 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a, 10704 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button { 10705 color:#4d4d4d; display: flex; 10706 font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:40px; } 10707 10708 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover { 10709 color:#000000; } 10710</style> 10711 </div> 10712 10713 <style> 10714 .header_container_2>.flex_row_2>.flex_col_1 { 10715 width:100%; } 10716 </style> 10717 10718 10719 10720 <div class="flex_col flex_col_2"> 10721 10722 10723 10724<div class="flex_cell flex_cell_1 image"> 10725 <div class="flex_cell_content"> 10726 10727 <a href="https://www.merryrichardsjewelers.com/" 10728 > 10729 10730 10731 <img 10732 10733 10734 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/store_logo/merry_richards_store_logo.png" 10735 10736 alt="Merry Richards Logo "> 10737 10738 10739 </a> 10740 10741 </div> 10742</div> 10743 <style> 10744 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image { 10745 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 10746 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content { 10747 display: flex; 10748 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 10749 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image img { 10750 max-width:200px; } 10751 10752 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image { 10753 height:100%; } 10754 </style> 10755 10756 10757 </div> 10758 10759 <style> 10760 .header_container_2>.flex_row_2>.flex_col_2 { 10761 width:100%; } 10762 </style> 10763 10764 10765 10766 <div class="flex_col flex_col_3"> 10767 10768 10769 </div> 10770 10771 <style> 10772 .header_container_2>.flex_row_2>.flex_col_3 { 10773 width:100%; } 10774 </style> 10775 10776 10777 10778 </div> 10779 10780 10781 <style> 10782 .header_container_2>.flex_row_2 { 10783 background-color: #ffffff; 10784 10785 color:#000000; height:auto; 10786 10787 } 10788 10789 </style> 10790 10791 10792 10793 10794 10795 <div class="flex_row flex_row_3 "> 10796 10797 10798 <div class="flex_col flex_col_1"> 10799 10800 10801<div class="flex_cell flex_cell_1 search_box"> 10802 <div class="flex_cell_content"> 10803 <form class="sform" id="search-box-form"
10804 onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;"> 10805 <div class="inputs-group"> 10806 <input class="sinp" type="text" name="search" 10807 placeholder="SEARCH PRODUCTS" 10808 aria-label="SEARCH PRODUCTS" 10809 > 10810 <button class="sBtn" onclick="javascript: $('#search-box-form').submit();"> 10811 <svg role="img" aria-label="Search" viewBox="0 0 512 512"><path class="path_class" d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"/></svg> 10812 </button> 10813 </div> 10814 </form> 10815 </div> 10816</div> 10817<style> 10818 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.search_box { 10819 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 10820 10821 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.search_box { 10822 height:30px; } 10823 10824 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.search_box>.flex_cell_content { 10825 display: flex; 10826 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 10827 10828 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sform, .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .inputs-group { 10829 width: 100%; 10830 display: flex; 10831 flex-wrap: nowrap; 10832 } 10833 10834 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp { 10835 border-radius: 0px; 10836 padding: 4px 8px; 10837 outline: 0px; 10838 box-shadow: none; 10839 font-size:14px; font-family:Arial; color:#000000; font-style:normal; background-color:#ffffff; 10840 10841 10842 border-style: solid; 10843 border-width:1px; border-color:#e0e0e0; 10844 10845 border-right:0px; 10846 width: 100%; 10847 10848 border-bottom-color:#e3e3e3; } 10849 10850 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp:hover { 10851 } 10852 10853 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp::placeholder { 10854 font-size:14px; font-family:Arial; color:#000000; opacity: 1; 10855 } 10856 10857 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn { 10858 height: 100%; 10859 border-radius: 0px; 10860 padding: 4px; 10861 align-items: center; 10862 justify-content: center; 10863 display: flex; 10864 border-style: solid; 10865 border-width:1px; border-color:#e0e0e0; color:#000000; font-style:normal; background-color:#e3e3e3; border-left:0px; 10866 10867 } 10868 10869 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover { 10870 background-color:#4d4d4d; } 10871 10872 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn svg { 10873 width:13px; height:13px; } 10874 10875 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn .path_class { 10876 fill:#ffffff; } 10877 10878 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover .path_class { 10879 fill:#ffffff; } 10880 10881</style> 10882 </div> 10883 10884 <style> 10885 .header_container_2>.flex_row_3>.flex_col_1 { 10886 width:100%; } 10887 </style> 10888 10889 10890 10891 </div> 10892 10893 10894 <style> 10895 .header_container_2>.flex_row_3 { 10896 background-color: #ffffff; 10897 10898 color:#000000; height:auto; 10899 10900 } 10901 10902 </style> 10903 10904 10905 10906 10907 10908 10909 <div class="flex_row"> 10910 10911 10912 <div class="flex_col"> 10913 10914 10915 </div> 10916 10917 <div class="flex_col"> 10918 10919 10920 </div> 10921 10922 <div class="flex_col"> 10923 10924 10925 </div> 10926 10927 <div class="flex_col"> 10928 10929 10930 </div> 10931 10932 </div> 10933 10934 10935 10936 <div class="flex_row"> 10937 10938 10939 <div class="flex_col"> 10940 10941 <div class="flex_cell flex_cell_1 menu"> 10942 <style> 10943 #tablet_hamburger_menu_template { 10944 position: fixed; 10945 top: 0; 10946 left: 0; 10947 width: 325px; 10948 overflow-y: auto; 10949 transform: translateX(-325px); 10950 z-index: 1000000001; 10951 height: 100vh; 10952 background-color: #ffffff; 10953 transition: all 0.3s ease; 10954 } 10955 #tablet_hamburger_menu_template_overlay.open { 10956 position: fixed; 10957 top: 0; 10958 left: 0; 10959 width: 100vw; 10960 z-index: 1000000001; 10961 transition: all 0.3s ease; 10962 height: 100vh; 10963 background: rgba(1, 1, 1, 0.5); 10964 cursor: pointer; 10965 transform: translateX(325px); 10966 }
10967 #tablet_hamburger_menu_template .hamburger-menu-template-inner { 10968 padding: 10px; 10969 padding-right:25px; 10970 } 10971 #tablet_hamburger_menu_template .hamburger-menu-close-button { 10972 font-size: 14px !important; 10973 display: flex; 10974 align-items: center; 10975 margin-bottom: 20px; 10976 } 10977 #tablet_hamburger_menu_template .hamburger-menu-close-button svg, 10978 #tablet_hamburger_menu_template button.hamburger-menu-close-button svg { 10979 height: 15px; 10980 margin-right: 5px; 10981 } 10982 #tablet_hamburger_menu_template .hamburger-menu-nav-section { 10983 display: flex; 10984 justify-content: space-between; 10985 align-items: center; 10986 } 10987 #tablet_hamburger_menu_template .hamburger-menu-nav-section svg, 10988 #tablet_hamburger_menu_template button.hamburger-menu-nav-section svg, 10989 #tablet_hamburger_menu_template a.hamburger-menu-nav-section svg { 10990 height: 10px; 10991 float: right; 10992 } 10993 #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men span, 10994 #tablet_hamburger_menu_template a.hamburger-menu-nav-section.parent_men span, 10995 #tablet_hamburger_menu_template button.hamburger-menu-nav-section.parent_men span { 10996 text-decoration: underline; 10997 } 10998 #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow, 10999 #tablet_hamburger_menu_template a.hamburger-menu-nav-section.parent_men_arrow, 11000 #tablet_hamburger_menu_template button.hamburger-menu-nav-section.parent_men_arrow { 11001 min-width:30px; 11002 justify-content: end; 11003 } 11004 #tablet_hamburger_menu_template .ham_menu_container { 11005 display:flex; 11006 justify-content: space-between; 11007 } 11008 #tablet_hamburger_menu_template.open { 11009 transform: translateX(0); 11010 } 11011 #tablet_hamburger_menu_template .sub-menu-panel { 11012 display: none; 11013 } 11014 #tablet_hamburger_menu_template .sub-menu-panel[aria-hidden="true"] { 11015 display: none; 11016 } 11017 #tablet_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 11018 display: block; 11019 } 11020 #tablet_hamburger_menu_template .icon_and_name { 11021 display:flex; 11022 align-items:center; 11023 gap:10px; 11024 } 11025 #tablet_hamburger_menu_template .hum-line { 11026 border-bottom: 1px solid #ddd; 11027 } 11028 #tablet_hamburger_menu_template .sub-menu-panel.open, 11029 #tablet_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 11030 display: block; 11031 } 11032 #tablet_hamburger_menu_template a.hamburger-menu-nav-section, 11033 #tablet_hamburger_menu_template button.hamburger-menu-nav-section, 11034 #tablet_hamburger_menu_template button.hamburger-menu-close-button, 11035 #tablet_hamburger_menu_template a.hamburger-menu-close-button{ 11036 color:#4d4d4d; display: flex; 11037 text-align: left; 11038 width: 100%; 11039 position: relative; 11040 font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:40px; } 11041 #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd { 11042 display: none; 11043 padding: 15px 0px; 11044 background: #fff; 11045 } 11046 #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open { 11047 display: block; 11048 padding-top:2px; 11049 } 11050 /* Reset button styles to look like links */ 11051 #tablet_hamburger_menu_template button.hamburger-menu-nav-section, 11052 #tablet_hamburger_menu_template button.hamburger-menu-close-button, 11053 #tablet_hamburger_menu_template button.parent_men_arrow { 11054 background: none; 11055 border: none; 11056 padding: 0; 11057 cursor: pointer; 11058 -webkit-appearance: none; 11059 -moz-appearance: none; 11060 appearance: none; 11061 } 11062 11063 /* Hover and active states for buttons - inherit from link styles */
11064 #tablet_hamburger_menu_template button.hamburger-menu-nav-section:hover, 11065 #tablet_hamburger_menu_template button.hamburger-menu-nav-section.active, 11066 #tablet_hamburger_menu_template button.hamburger-menu-nav-section[aria-expanded="true"], 11067 #tablet_hamburger_menu_template button.hamburger-menu-close-button:hover { 11068 /* Styles inherited from parent selectors above */ 11069 } 11070 11071 /* Additional button styles are inherited from parent selectors above */ 11072 11073 /* Image styles inside buttons */ 11074 #tablet_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img, 11075 #tablet_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img { 11076 height:20px; 11077 } 11078 </style> 11079 11080 <nav id="tablet_hamburger_menu_template" class="hamburger-menu-template" inert="inert"> 11081 <div class="hamburger-menu-template-inner"> 11082 <button type="button" class="hamburger-menu-close-button mr-4" id="tablet_hamburger_close_button" aria-label="Close menu"> 11083 <svg role="img" aria-hidden="true" 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> CLOSE</button> 11084 11085 <div class="script_before_menu"> 11086 </div> 11087 <div style="clear: both"></div> 11088 11089 11090 <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="tablet-submenu-72" aria-label="Expand Designers section"> 11091 <span class="icon_and_name"> 11092 11093 Designers </span> 11094 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 11095 11096 </button> 11097 11098 11099 11100 <div class="sub-menu-panel" id="tablet-submenu-72" aria-hidden="true"> 11101 11102 11103 11104 11105 11106<div class="menu_container default_build_menu menu_container_2_navigation_72"> 11107 <div class="nav_div_72"> 11108 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 11109 11110 <li style="" 11111 class="" 11112 role="none"> 11113 11114 11115 11116 <a class="nav_a_trd " title="Benchmark" href="https://www.merryrichardsjewelers.com/benchmark" data-full_image="" role="menuitem" tabindex="0" > 11117 Benchmark </a> 11118 11119 11120 11121 11122 11123 11124 11125 </li> 11126 11127 11128 11129 <li style="" 11130 class="" 11131 role="none"> 11132 11133 11134 11135 <a class="nav_a_trd " title="Brevani" href="https://www.merryrichardsjewelers.com/brevani" data-full_image="" role="menuitem" tabindex="-1" > 11136 Brevani </a> 11137 11138 11139 11140 11141 11142 11143 11144 </li> 11145 11146 11147 11148 <li style="" 11149 class="" 11150 role="none"> 11151 11152 11153 11154 <a class="nav_a_trd " title="Christopher Designs " href="https://www.merryrichardsjewelers.com/christopher-designs" data-full_image="" role="menuitem" tabindex="-1" > 11155 Christopher Designs </a> 11156 11157 11158 11159 11160 11161 11162 11163 </li> 11164 11165 11166 11167 <li style="" 11168 class="" 11169 role="none"> 11170 11171 11172 11173 <a class="nav_a_trd " title="Diana" href="https://www.merryrichardsjewelers.com/diana" data-full_image="" role="menuitem" tabindex="-1" > 11174 Diana </a> 11175 11176 11177 11178 11179 11180 11181 11182 </li> 11183 11184 11185 11186 <li style="" 11187 class="" 11188 role="none"> 11189 11190 11191 11192 <a class="nav_a_trd " title="Extensible" href="https://www.merryrichardsjewelers.com/extensible" data-full_image="" role="menuitem" tabindex="-1" > 11193 Extensible </a> 11194 11195 11196 11197 11198 11199 11200 11201 </li> 11202 11203 11204 11205 <li style="" 11206 class="" 11207 role="none"> 11208 11209 11210 11211 <a class="nav_a_trd " title="Italian Jewelry Collection" href="https://www.merryrichardsjewelers.com/italian-collection" data-full_image="" role="menuitem" tabindex="-1" > 11212 Italian Jewelry Collection </a> 11213 11214 11215 11216 11217 11218 11219 11220 </li> 11221 11222 11223 11224 <li style="" 11225 class="" 11226 role="none"> 11227 11228 11229 11230 <a class="nav_a_trd " title="Lisa Nik" href="https://www.merryrichardsjewelers.com/lisa-nik" data-full_image="" role="menuitem" tabindex="-1" > 11231 Lisa Nik </a> 11232 11233 11234 11235 11236 11237 11238 11239 </li> 11240 11241 11242 11243 <li style="" 11244 class="" 11245 role="none"> 11246 11247 11248 11249 <a class="nav_a_trd " title="Madison L " href="https://www.merryrichardsjewelers.com/madison-l" data-full_image="" role="menuitem" tabindex="-1" > 11250 Madison L </a> 11251 11252 11253 11254 11255 11256 11257 11258 </li> 11259 11260 11261 11262 <li style="" 11263 class="" 11264 role="none"> 11265 11266 11267 11268 <a class="nav_a_trd " title="Mastoloni" href="https://www.merryrichardsjewelers.com/mastoloni" data-full_image="" role="menuitem" tabindex="-1" > 11269 Mastoloni </a> 11270 11271 11272 11273 11274 11275 11276 11277 </li> 11278 11279 11280 11281 <li style="" 11282 class="" 11283 role="none"> 11284 11285 11286 11287 <a class="nav_a_trd " title="Merry Richards Collection " href="https://www.merryrichardsjewelers.com/merry-richards" data-full_image="" role="menuitem" tabindex="-1" > 11288 Merr
11288y Richards Collection </a> 11289 11290 11291 11292 11293 11294 11295 11296 </li> 11297 11298 11299 11300 <li style="" 11301 class="" 11302 role="none"> 11303 11304 11305 11306 <a class="nav_a_trd " title="Roberto Demeglio " href="https://www.merryrichardsjewelers.com/roberto-demeglio" data-full_image="" role="menuitem" tabindex="-1" > 11307 Roberto Demeglio </a> 11308 11309 11310 11311 11312 11313 11314 11315 </li> 11316 11317 11318 11319 <li style="" 11320 class="" 11321 role="none"> 11322 11323 11324 11325 <a class="nav_a_trd " title="Simon G " href="https://www.merryrichardsjewelers.com/simon-g" data-full_image="" role="menuitem" tabindex="-1" > 11326 Simon G </a> 11327 11328 11329 11330 11331 11332 11333 11334 </li> 11335 11336 </ul> 11337 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 11338 11339 11340 <li style="" 11341 class="" 11342 role="none"> 11343 11344 11345 11346 <a class="nav_a_trd " title="Spark Creations" href="https://www.merryrichardsjewelers.com/spark-creations" data-full_image="" role="menuitem" tabindex="0" > 11347 Spark Creations </a> 11348 11349 11350 11351 11352 11353 11354 11355 </li> 11356 11357 11358 11359 <li style="" 11360 class="" 11361 role="none"> 11362 11363 11364 11365 <a class="nav_a_trd " title="Pearl Jewelry" href="https://www.merryrichardsjewelers.com/pearl-jewelry" data-full_image="" role="menuitem" tabindex="-1" > 11366 Pearl Jewelry </a> 11367 11368 11369 11370 11371 11372 11373 11374 </li> 11375 11376 11377 11378 <li style="" 11379 class="" 11380 role="none"> 11381 11382 11383 11384 <a class="nav_a_trd " title="Meira T" href="https://www.merryrichardsjewelers.com/meirat" data-full_image="" role="menuitem" tabindex="-1" > 11385 Meira T </a> 11386 11387 11388 11389 11390 11391 11392 11393 </li> 11394 11395 11396 11397 <li style="" 11398 class="" 11399 role="none"> 11400 11401 11402 11403 <a class="nav_a_trd " title="Mens Bands" href="https://www.merryrichardsjewelers.com/mens-wedding-bands" data-full_image="" role="menuitem" tabindex="-1" > 11404 Mens Bands </a> 11405 11406 11407 11408 11409 11410 11411 11412 </li> 11413 11414 11415 11416 <li style="" 11417 class="" 11418 role="none"> 11419 11420 11421 11422 <a class="nav_a_trd " title="Tantalum " href="https://www.merryrichardsjewelers.com/tantalum" data-full_image="" role="menuitem" tabindex="-1" > 11423 Tantalum </a> 11424 11425 11426 11427 11428 11429 11430 11431 </li> 11432 11433 11434 </ul> 11435 </div> 11436</div> 11437<style> 11438 .menu_container_2_navigation_72 { 11439 background: #fff; 11440 } 11441 .horizontal_menu .nav_div_72 { 11442 padding: 15px 0px; 11443 box-shadow: 0px 0px 5px #00000078; display: flex; 11444 flex-wrap: wrap; 11445 } 11446 .horizontal_menu .nav_img_72 { 11447 height: 200px; 11448 width: 250px; 11449 margin-left: 50px; 11450 margin-right: 20px; 11451 flex-shrink: 0; 11452 order: 1; 11453 } 11454 .horizontal_menu .nav_img_72 img { 11455 max-width: 100%; 11456 max-height: 100%; 11457 } 11458 .horizontal_menu .nav_div_72 .vfit { 11459 text-align: left; 11460 border-bottom: 1px solid #ececec; 11461 text-transform: uppercase; 11462 } 11463 .nav_div_72 .vfit a { 11464 text-decoration: none; 11465 color: #222; 11466 } 11467 .nav_div_72 .nav_list { 11468 list-style: none; 11469 margin: 0; 11470 padding: 0; 11471 order: 1; 11472 } 11473 .nav_div_72 ul { 11474 list-style: none; 11475 } 11476 #tablet_hamburger_menu_template .nav_div_72 li { 11477 width: 100%; 11478 margin: 0; 11479 padding: 0px 20px; 11480 position: relative; 11481 } 11482 .horizontal_menu .nav_div_72 li { 11483 width: 100%; 11484 margin: 0; 11485 padding: 0px 20px; 11486 position: relative; 11487 } 11488 11489 #tablet_hamburger_menu_template .nav_div_72 li svg { 11490 position: absolute; 11491 right: 15px; 11492 height: 10px; 11493 top: 10px; 11494 } 11495 .horizontal_menu .nav_div_72 li svg { 11496 position: absolute; 11497 right: 15px; 11498 height: 10px; 11499 top: 10px; 11500 } 11501 11502 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li .nav_a_trd { 11503 display: flex; 11504 align-items: center; 11505 padding: 0; 11506 line-height: 30px; 11507 font-size: 14px; 11508 text-transform: uppercase; 11509 text-decoration: none; 11510 color: #222; 11511 white-space: normal; 11512 11513 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 11514 } 11515 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li button { 11516 background: none; 11517 border: none; 11518 cursor: pointer; 11519 } 11520 11521 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li .nav_a_trd.parent_men { 11522 text-decoration: underline; 11523 } 11524 11525 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li .nav_a_trd:hover { 11526 color:#000000; cursor: pointer; 11527 } 11528 11529 11530 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a { 11531 display: flex; 11532 align-items: center; 11533 padding: 0; 11534 line-height: 30px; 11535 font-size: 14px; 11536 text-transform: uppercase; 11537 text-decoration: none; 11538 color: #222; 11539 white-space: normal; 11540 11541 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 11542 11543 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a:hover { 11544 color:#000000; } 11545 11546 .nav_div_72 .nav_list li a .nav_icons { 11547 height: 30px; 11548 margin-right: 5px; 11549 } 11550 11551 11552 11553 .nav_div_72 .nav_list li a:hover { 11554 color: #3172ab; 11555 } 11556 .horizontal_menu .nav_div_72 .nav_list_trd { 11557 display: none; 11558 position: absolute; 11559 left: 100%; 11560 top: -15px; 11561 padding: 15px 0px; 11562 box-shadow: 0px 0px 5px #00000078; background: #fff; 11563 } 11564 .horizontal_menu .nav_div_72 .nav_list>li .nav_list_trd.open, 11565 .horizontal_menu .nav_div_72 .nav_list>li:hover .nav_list_trd { 11566 display: block; 11567 z-index: 99; 11568 } 11569 11570 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_72, 11571 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_72 .nav_list_trd{ 11572 } 11573 11574 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_72 .nav_list_trd{ 11575 width: 250px; 11576 } 11577 </style> 11578 </div> 11579 <div class="hum-line"></div> 11580 11581 11582 <button type="button" class="hamburger-menu
11582-nav-section " aria-expanded="false" aria-controls="tablet-submenu-11" aria-label="Expand Diamonds section"> 11583 <span class="icon_and_name"> 11584 11585 Diamonds </span> 11586 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 11587 11588 </button> 11589 11590 11591 11592 <div class="sub-menu-panel" id="tablet-submenu-11" aria-hidden="true"> 11593 11594 11595 11596 11597 11598<div class="menu_container default_build_menu menu_container_2_navigation_11"> 11599 <div class="nav_div_11"> 11600 <ul class="nav_list" role="menu" aria-label="Diamonds" tabindex="-1"> 11601 11602 <li style="" 11603 class="" 11604 role="none"> 11605 11606 11607 11608 <a class="nav_a_trd " title="Natural Diamonds" href="https://www.merryrichardsjewelers.com/natural-diamonds" data-full_image="" role="menuitem" tabindex="0" > 11609 Natural Diamonds </a> 11610 11611 11612 11613 11614 11615 11616 11617 </li> 11618 11619 11620 11621 <li style="" 11622 class="" 11623 role="none"> 11624 11625 11626 11627 <a class="nav_a_trd " title="Lab Grown Diamonds" href="https://www.merryrichardsjewelers.com/lab-grown-diamonds" data-full_image="" role="menuitem" tabindex="-1" > 11628 Lab Grown Diamonds </a> 11629 11630 11631 11632 11633 11634 11635 11636 </li> 11637 11638 11639 </ul> 11640 </div> 11641</div> 11642<style> 11643 .menu_container_2_navigation_11 { 11644 background: #fff; 11645 } 11646 .horizontal_menu .nav_div_11 { 11647 padding: 15px 0px; 11648 box-shadow: 0px 0px 5px #00000078; display: flex; 11649 flex-wrap: wrap; 11650 } 11651 .horizontal_menu .nav_img_11 { 11652 height: 200px; 11653 width: 250px; 11654 margin-left: 50px; 11655 margin-right: 20px; 11656 flex-shrink: 0; 11657 order: 1; 11658 } 11659 .horizontal_menu .nav_img_11 img { 11660 max-width: 100%; 11661 max-height: 100%; 11662 } 11663 .horizontal_menu .nav_div_11 .vfit { 11664 text-align: left; 11665 border-bottom: 1px solid #ececec; 11666 text-transform: uppercase; 11667 } 11668 .nav_div_11 .vfit a { 11669 text-decoration: none; 11670 color: #222; 11671 } 11672 .nav_div_11 .nav_list { 11673 list-style: none; 11674 margin: 0; 11675 padding: 0; 11676 order: 1; 11677 } 11678 .nav_div_11 ul { 11679 list-style: none; 11680 } 11681 #tablet_hamburger_menu_template .nav_div_11 li { 11682 width: 100%; 11683 margin: 0; 11684 padding: 0px 20px; 11685 position: relative; 11686 } 11687 .horizontal_menu .nav_div_11 li { 11688 width: 100%; 11689 margin: 0; 11690 padding: 0px 20px; 11691 position: relative; 11692 } 11693 11694 #tablet_hamburger_menu_template .nav_div_11 li svg { 11695 position: absolute; 11696 right: 15px; 11697 height: 10px; 11698 top: 10px; 11699 } 11700 .horizontal_menu .nav_div_11 li svg { 11701 position: absolute; 11702 right: 15px; 11703 height: 10px; 11704 top: 10px; 11705 } 11706 11707 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_11 .nav_div_11 .nav_list li .nav_a_trd { 11708 display: flex; 11709 align-items: center; 11710 padding: 0; 11711 line-height: 30px; 11712 font-size: 14px; 11713 text-transform: uppercase; 11714 text-decoration: none; 11715 color: #222; 11716 white-space: normal; 11717 11718 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 11719 } 11720 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_11 .nav_div_11 .nav_list li button { 11721 background: none; 11722 border: none; 11723 cursor: pointer; 11724 } 11725 11726 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_11 .nav_div_11 .nav_list li .nav_a_trd.parent_men { 11727 text-decoration: underline; 11728 } 11729 11730 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_11 .nav_div_11 .nav_list li .nav_a_trd:hover { 11731 color:#000000; cursor: pointer; 11732 } 11733 11734 11735 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_11 .nav_div_11 .nav_list li .nav_list_trd li a { 11736 display: flex; 11737 align-items: center; 11738 padding: 0; 11739 line-height: 30px; 11740 font-size: 14px; 11741 text-transform: uppercase; 11742 text-decoration: none; 11743 color: #222; 11744 white-space: normal; 11745 11746 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 11747 11748 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_11 .nav_div_11 .nav_list li .nav_list_trd li a:hover { 11749 color:#000000; } 11750 11751 .nav_div_11 .nav_list li a .nav_icons { 11752 height: 30px; 11753 margin-right: 5px; 11754 } 11755 11756 11757 11758 .nav_div_11 .nav_list li a:hover { 11759 color: #3172ab; 11760 } 11761 .horizontal_menu .nav_div_11 .nav_list_trd { 11762 display: none; 11763 position: absolute; 11764 left: 100%; 11765 top: -15px; 11766 padding: 15px 0px; 11767 box-shadow: 0px 0px 5px #00000078; background: #fff; 11768 } 11769 .horizontal_menu .nav_div_11 .nav_list>li .nav_list_trd.open, 11770 .horizontal_menu .nav_div_11 .nav_list>li:hover .nav_list_trd { 11771 display: block; 11772 z-index: 99; 11773 } 11774 11775 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_11, 11776 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_11 .nav_list_trd{ 11777 width: 250px; 11778 } 11779 11780 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_11 .nav_list_trd{ 11781 width: 250px; 11782 } 11783 </style> 11784 </div> 11785 <div class="hum-line"></div> 11786 11787 11788 <button type="button" class="hamburger-menu
11788-nav-section " aria-expanded="false" aria-controls="tablet-submenu-6" aria-label="Expand Engagement Rings section"> 11789 <span class="icon_and_name"> 11790 11791 Engagement Rings </span> 11792 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 11793 11794 </button> 11795 11796 11797 11798 <div class="sub-menu-panel" id="tablet-submenu-6" aria-hidden="true"> 11799 11800 11801 11802 11803 11804<div class="menu_container default_build_menu menu_container_2_navigation_6"> 11805 <div class="nav_div_6"> 11806 <ul class="nav_list" role="menu" aria-label="Engagement Rings" tabindex="-1"> 11807 11808 <li style="" 11809 class="" 11810 role="none"> 11811 11812 11813 11814 <a class="nav_a_trd " title="Design Your Ring" href="https://www.merryrichardsjewelers.com/custom-ring-builder" data-full_image="" role="menuitem" tabindex="0" > 11815 <img class="nav_icons menu_icon_designyourring" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/custom_design.svg" alt="Design Your Ring" title="Design Your Ring" loading="lazy"/> 11816 Design Your Ring </a> 11817 11818 11819 11820 11821 11822 11823 11824 </li> 11825 11826 11827 11828 <li style="" 11829 class="" 11830 role="none"> 11831 11832 11833 11834 <a class="nav_a_trd " title="Shop By Style" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 11835 Shop By Style <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 11836 </a> 11837 11838 11839 11840 11841 11842 11843 11844 <ul class="nav_list_trd" role="menu" aria-label="Shop By Style" tabindex="-1"> 11845 <li style="" 11846 class="" 11847 role="none"> 11848 11849 <a class="" href="https://www.merryrichardsjewelers.com/custom-ring-builder" title="3D Ring Builder" role="menuitem" tabindex="0" > 11850 <img class="nav_icons menu_icon_3dringbuilder" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/custom_design.svg" alt="3D Ring Builder" title="3D Ring Builder" loading="lazy"/> 11851 3D Ring Builder </a> 11852 </li> 11853 <li style="" 11854 class="" 11855 role="none"> 11856 11857 <a class="" href="https://www.merryrichardsjewelers.com/solitaire-rings" title="Solitaire Rings" role="menuitem" tabindex="-1" > 11858 <img class="nav_icons menu_icon_solitairerings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/solitaire.svg" alt="Solitaire Rings" title="Solitaire Rings" loading="lazy"/> 11859 Solitaire Rings </a> 11860 </li> 11861 <li style="" 11862 class="" 11863 role="none"> 11864 11865 <a class="" href="https://www.merryrichardsjewelers.com/three-stones-rings" title="Three Stones Rings" role="menuitem" tabindex="-1" > 11866 <img class="nav_icons menu_icon_threestonesrings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/3stones.svg" alt="Three Stones Rings" title="Three Stones Rings" loading="lazy"/> 11867 Three Stones Rings </a> 11868 </li> 11869 <li style="" 11870 class="" 11871 role="none"> 11872 11873 <a class="" href="https://www.merryrichardsjewelers.com/side-stone-rings" title="Side Stone Rings" role="menuitem" tabindex="-1" > 11874 <img class="nav_icons menu_icon_sidestonerings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/sidestones.svg" alt="Side Stone Rings" title="Side Stone Rings" loading="lazy"/> 11875 Side Stone Rings </a> 11876 </li> 11877 <li style="" 11878 class="" 11879 role="none"> 11880 11881 <a class="" href="https://www.merryrichardsjewelers.com/halo-rings" title="Halo Rings" role="menuitem" tabindex="-1" > 11882 <img class="nav_icons menu_icon_halorings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/halo.svg" alt="Halo Rings" title="Halo Rings" loading="lazy"/> 11883 Halo Rings </a> 11884 </li> 11885 </ul> 11886 </li> 11887 11888 11889 11890 <li style="" 11891 class="" 11892 role="none"> 11893 11894 11895 11896 <a class="nav_a_trd " title="Shop By Shape" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 11897 Shop By Shape <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 11898 </a> 11899 11900 11901 11902 11903 11904 11905 11906 <ul class="nav_list_trd" role="menu" aria-label="Shop By Shape" tabindex="-1"> 11907 <li style="" 11908 class="" 11909 role="none"> 11910 11911 <a class="" href="https://www.merryrichardsjewelers.com/princess-cut-rings" title="Princess Cut Rings" role="menuitem" tabindex="0" > 11912 <img class="nav_icons menu_icon_princesscutrings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/princess.svg" alt="Princess Cut Rings" title="Princess Cut Rings" loading="lazy"/> 11913 Princess Cut Rings </a> 11914 </li> 11915 <li style="" 11916 class="" 11917 role="none"> 11918 11919 <a class="" href="https://www.merryrichardsjewelers.com/round-cut-rings" title="Round Cut Rings" role="menuitem" tabindex="-1" > 11920 <img class="nav_icons menu_icon_roundcutrings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/rou
11920nd.svg" alt="Round Cut Rings" title="Round Cut Rings" loading="lazy"/> 11921 Round Cut Rings </a> 11922 </li> 11923 <li style="" 11924 class="" 11925 role="none"> 11926 11927 <a class="" href="https://www.merryrichardsjewelers.com/radiant-cut-rings" title="Radiant Cut Rings" role="menuitem" tabindex="-1" > 11928 <img class="nav_icons menu_icon_radiantcutrings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/radiant.svg" alt="Radiant Cut Rings" title="Radiant Cut Rings" loading="lazy"/> 11929 Radiant Cut Rings </a> 11930 </li> 11931 <li style="" 11932 class="" 11933 role="none"> 11934 11935 <a class="" href="https://www.merryrichardsjewelers.com/oval-cut-rings" title="Oval Cut Rings" role="menuitem" tabindex="-1" > 11936 <img class="nav_icons menu_icon_ovalcutrings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/oval.svg" alt="Oval Cut Rings" title="Oval Cut Rings" loading="lazy"/> 11937 Oval Cut Rings </a> 11938 </li> 11939 <li style="" 11940 class="" 11941 role="none"> 11942 11943 <a class="" href="https://www.merryrichardsjewelers.com/emerald-cut-rings" title="Emerald Cut Rings" role="menuitem" tabindex="-1" > 11944 <img class="nav_icons menu_icon_emeraldcutrings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/emerald.svg" alt="Emerald Cut Rings" title="Emerald Cut Rings" loading="lazy"/> 11945 Emerald Cut Rings </a> 11946 </li> 11947 <li style="" 11948 class="" 11949 role="none"> 11950 11951 <a class="" href="https://www.merryrichardsjewelers.com/marquise-cut-rings" title="Marquise Cut Rings" role="menuitem" tabindex="-1" > 11952 <img class="nav_icons menu_icon_marquisecutrings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/marquise.svg" alt="Marquise Cut Rings" title="Marquise Cut Rings" loading="lazy"/> 11953 Marquise Cut Rings </a> 11954 </li> 11955 <li style="" 11956 class="" 11957 role="none"> 11958 11959 <a class="" href="https://www.merryrichardsjewelers.com/pear-shape-rings" title="Pear Shape Rings" role="menuitem" tabindex="-1" > 11960 <img class="nav_icons menu_icon_pearshaperings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/pear.svg" alt="Pear Shape Rings" title="Pear Shape Rings" loading="lazy"/> 11961 Pear Shape Rings </a> 11962 </li> 11963 </ul> 11964 </li> 11965 11966 11967 11968 <li style="" 11969 class="" 11970 role="none"> 11971 11972 11973 11974 <a class="nav_a_trd " title="Shop By Price" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 11975 Shop By Price <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 11976 </a> 11977 11978 11979 11980 11981 11982 11983 11984 <ul class="nav_list_trd" role="menu" aria-label="Shop By Price" tabindex="-1"> 11985 <li style="" 11986 class="" 11987 role="none"> 11988 11989 <a class="" href="https://www.merryrichardsjewelers.com/engagement-rings-1000-to-2000" title="$1000 - $2000" role="menuitem" tabindex="0" > 11990 $1000 - $2000 </a> 11991 </li> 11992 <li style="" 11993 class="" 11994 role="none"> 11995 11996 <a class="" href="https://www.merryrichardsjewelers.com/engagement-rings-2000-to-5000" title="$2000 - $5000" role="menuitem" tabindex="-1" > 11997 $2000 - $5000 </a> 11998 </li> 11999 <li style="" 12000 class="" 12001 role="none"> 12002 12003 <a class="" href="https://www.merryrichardsjewelers.com/engagement-rings-5000-up" title="$5000 & Up" role="menuitem" tabindex="-1" > 12004 $5000 & Up </a> 12005 </li> 12006 </ul> 12007 </li> 12008 12009 12010 12011 <li style="" 12012 class="" 12013 role="none"> 12014 12015 12016 12017 <a class="nav_a_trd " title="Start Your Research" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 12018 Start Your Research <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 12019 </a> 12020 12021 12022 12023 12024 12025 12026 12027 <ul class="nav_list_trd" role="menu" aria-label="Start Your Research" tabindex="-1"> 12028
12028 <li style="" 12029 class="" 12030 role="none"> 12031 12032 <a class="" href="https://www.merryrichardsjewelers.com/custom-ring-builder" title="Design Your Ring" role="menuitem" tabindex="0" > 12033 <img class="nav_icons menu_icon_designyourring" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/custom_design.svg" alt="Design Your Ring" title="Design Your Ring" loading="lazy"/> 12034 Design Your Ring </a> 12035 </li> 12036 <li style="" 12037 class="" 12038 role="none"> 12039 12040 <a class="" href="https://www.merryrichardsjewelers.com/custom-engagement-rings-oakbrook-il" title="Custom Engagement Rings | Oakbrook, IL" role="menuitem" tabindex="-1" > 12041 Custom Engagement Rings | Oakbrook, IL </a> 12042 </li> 12043 <li style="" 12044 class="" 12045 role="none"> 12046 12047 <a class="" href="https://www.merryrichardsjewelers.com/engagement-rings" title="View All Engagement Rings >>" target="_blank" role="menuitem" tabindex="-1" > 12048 View All Engagement Rings >> </a> 12049 </li> 12050 </ul> 12051 </li> 12052 12053 12054 </ul> 12055 </div> 12056</div> 12057<style> 12058 .menu_container_2_navigation_6 { 12059 background: #fff; 12060 } 12061 .horizontal_menu .nav_div_6 { 12062 padding: 15px 0px; 12063 box-shadow: 0px 0px 5px #00000078; display: flex; 12064 flex-wrap: wrap; 12065 } 12066 .horizontal_menu .nav_img_6 { 12067 height: 200px; 12068 width: 250px; 12069 margin-left: 50px; 12070 margin-right: 20px; 12071 flex-shrink: 0; 12072 order: 1; 12073 } 12074 .horizontal_menu .nav_img_6 img { 12075 max-width: 100%; 12076 max-height: 100%; 12077 } 12078 .horizontal_menu .nav_div_6 .vfit { 12079 text-align: left; 12080 border-bottom: 1px solid #ececec; 12081 text-transform: uppercase; 12082 } 12083 .nav_div_6 .vfit a { 12084 text-decoration: none; 12085 color: #222; 12086 } 12087 .nav_div_6 .nav_list { 12088 list-style: none; 12089 margin: 0; 12090 padding: 0; 12091 order: 1; 12092 } 12093 .nav_div_6 ul { 12094 list-style: none; 12095 } 12096 #tablet_hamburger_menu_template .nav_div_6 li { 12097 width: 100%; 12098 margin: 0; 12099 padding: 0px 20px; 12100 position: relative; 12101 } 12102 .horizontal_menu .nav_div_6 li { 12103 width: 100%; 12104 margin: 0; 12105 padding: 0px 20px; 12106 position: relative; 12107 } 12108 12109 #tablet_hamburger_menu_template .nav_div_6 li svg { 12110 position: absolute; 12111 right: 15px; 12112 height: 10px; 12113 top: 10px; 12114 } 12115 .horizontal_menu .nav_div_6 li svg { 12116 position: absolute; 12117 right: 15px; 12118 height: 10px; 12119 top: 10px; 12120 } 12121 12122 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_6 .nav_div_6 .nav_list li .nav_a_trd { 12123 display: flex; 12124 align-items: center; 12125 padding: 0; 12126 line-height: 30px; 12127 font-size: 14px; 12128 text-transform: uppercase; 12129 text-decoration: none; 12130 color: #222; 12131 white-space: normal; 12132 12133 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 12134 } 12135 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_6 .nav_div_6 .nav_list li button { 12136 background: none; 12137 border: none; 12138 cursor: pointer; 12139 } 12140 12141 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_6 .nav_div_6 .nav_list li .nav_a_trd.parent_men { 12142 text-decoration: underline; 12143 } 12144 12145 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_6 .nav_div_6 .nav_list li .nav_a_trd:hover { 12146 color:#000000; cursor: pointer; 12147 } 12148 12149 12150 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_6 .nav_div_6 .nav_list li .nav_list_trd li a { 12151 display: flex; 12152 align-items: center; 12153 padding: 0; 12154 line-height: 30px; 12155 font-size: 14px; 12156 text-transform: uppercase; 12157 text-decoration: none; 12158 color: #222; 12159 white-space: normal; 12160 12161 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 12162 12163 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_6 .nav_div_6 .nav_list li .nav_list_trd li a:hover { 12164 color:#000000; } 12165 12166 .nav_div_6 .nav_list li a .nav_icons { 12167 height: 30px; 12168 margin-right: 5px; 12169 } 12170 12171 12172 12173 .nav_div_6 .nav_list li a:hover { 12174 color: #3172ab; 12175 } 12176 .horizontal_menu .nav_div_6 .nav_list_trd { 12177 display: none; 12178 position: absolute; 12179 left: 100%; 12180 top: -15px; 12181 padding: 15px 0px; 12182 box-shadow: 0px 0px 5px #00000078; background: #fff; 12183 } 12184 .horizontal_menu .nav_div_6 .nav_list>li .nav_list_trd.open, 12185 .horizontal_menu .nav_div_6 .nav_list>li:hover .nav_list_trd { 12186 display: block; 12187 z-index: 99; 12188 } 12189 12190 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_6, 12191 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_6 .nav_list_trd{ 12192 width: 250px; 12193 } 12194 12195 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_6 .nav_list_trd{ 12196 width: 250px; 12197 } 12198 </style> 12199 </div> 12200 <div class="hum-line"></div> 12201 12202 12203 <button type="button" class="hamburger-menu
12203-nav-section " aria-expanded="false" aria-controls="tablet-submenu-12" aria-label="Expand Wedding Bands section"> 12204 <span class="icon_and_name"> 12205 12206 Wedding Bands </span> 12207 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 12208 12209 </button> 12210 12211 12212 12213 <div class="sub-menu-panel" id="tablet-submenu-12" aria-hidden="true"> 12214 12215 12216 12217 12218 12219<div class="menu_container default_build_menu menu_container_2_navigation_12"> 12220 <div class="nav_div_12"> 12221 <ul class="nav_list" role="menu" aria-label="Wedding Bands" tabindex="-1"> 12222 12223 <li style="" 12224 class="" 12225 role="none"> 12226 12227 12228 12229 <a class="nav_a_trd " title="Shop By Gender" href="#!" data-full_image="" role="menuitem" tabindex="0" > 12230 Shop By Gender <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 12231 </a> 12232 12233 12234 12235 12236 12237 12238 12239 <ul class="nav_list_trd" role="menu" aria-label="Shop By Gender" tabindex="-1"> 12240 <li style="" 12241 class="" 12242 role="none"> 12243 12244 <a class="" href="https://www.merryrichardsjewelers.com/mens-wedding-bands" title="Men's Wedding Bands" role="menuitem" tabindex="0" > 12245 <img class="nav_icons menu_icon_men'sweddingbands" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/mens-01.svg" alt="Men's Wedding Bands" title="Men's Wedding Bands" loading="lazy"/> 12246 Men's Wedding Bands </a> 12247 </li> 12248 <li style="" 12249 class="" 12250 role="none"> 12251 12252 <a class="" href="https://www.merryrichardsjewelers.com/ladies-wedding-bands" title="Ladies Wedding Bands" role="menuitem" tabindex="-1" > 12253 <img class="nav_icons menu_icon_ladiesweddingbands" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/bezel.svg" alt="Ladies Wedding Bands" title="Ladies Wedding Bands" loading="lazy"/> 12254 Ladies Wedding Bands </a> 12255 </li> 12256 </ul> 12257 </li> 12258 12259 12260 12261 <li style="" 12262 class="" 12263 role="none"> 12264 12265 12266 12267 <a class="nav_a_trd " title="Shop By Price" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 12268 Shop By Price <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 12269 </a> 12270 12271 12272 12273 12274 12275 12276 12277 <ul class="nav_list_trd" role="menu" aria-label="Shop By Price" tabindex="-1"> 12278 <li style="" 12279 class="" 12280 role="none"> 12281 12282 <a class="" href="https://www.merryrichardsjewelers.com/wedding-bands-up-to-500" title="Up to $500" role="menuitem" tabindex="0" > 12283 Up to $500 </a> 12284 </li> 12285 <li style="" 12286 class="" 12287 role="none"> 12288 12289 <a class="" href="https://www.merryrichardsjewelers.com/wedding-bands-500-to-1000" title="$500 - $1000" role="menuitem" tabindex="-1" > 12290 $500 - $1000 </a> 12291 </li> 12292 <li style="" 12293 class="" 12294 role="none"> 12295 12296 <a class="" href="https://www.merryrichardsjewelers.com/wedding-bands-1000-to-2000" title="$1000 - $2000" role="menuitem" tabindex="-1" > 12297 $1000 - $2000 </a> 12298 </li> 12299 <li style="" 12300 class="" 12301 role="none"> 12302 12303 <a class="" href="https://www.merryrichardsjewelers.com/wedding-bands-2000-to-5000" title="$2000 - $5000" role="menuitem" tabindex="-1" > 12304 $2000 - $5000 </a> 12305 </li> 12306 <li style="" 12307 class="" 12308 role="none"> 12309 12310 <a class="" href="https://www.merryrichardsjewelers.com/wedding-bands-5000-up" title="$5000 & Up" role="menuitem" tabindex="-1" > 12311 $5000 & Up </a> 12312 </li> 12313 </ul> 12314 </li> 12315 12316 12317 12318 <li style="" 12319 class="" 12320 role="none"> 12321 12322 12323 12324 <a class="nav_a_trd " title="Start Your Research" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 12325 Start Your Research <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 12326 </a> 12327 12328 12329 12330 12331 12332 12333 12334 <
12334ul class="nav_list_trd" role="menu" aria-label="Start Your Research" tabindex="-1"> 12335 <li style="" 12336 class="" 12337 role="none"> 12338 12339 <a class="" href="https://www.merryrichardsjewelers.com/wedding-bands" title="View All Wedding Bands >>" role="menuitem" tabindex="0" > 12340 View All Wedding Bands >> </a> 12341 </li> 12342 </ul> 12343 </li> 12344 12345 12346 </ul> 12347 </div> 12348</div> 12349<style> 12350 .menu_container_2_navigation_12 { 12351 background: #fff; 12352 } 12353 .horizontal_menu .nav_div_12 { 12354 padding: 15px 0px; 12355 box-shadow: 0px 0px 5px #00000078; display: flex; 12356 flex-wrap: wrap; 12357 } 12358 .horizontal_menu .nav_img_12 { 12359 height: 200px; 12360 width: 250px; 12361 margin-left: 50px; 12362 margin-right: 20px; 12363 flex-shrink: 0; 12364 order: 1; 12365 } 12366 .horizontal_menu .nav_img_12 img { 12367 max-width: 100%; 12368 max-height: 100%; 12369 } 12370 .horizontal_menu .nav_div_12 .vfit { 12371 text-align: left; 12372 border-bottom: 1px solid #ececec; 12373 text-transform: uppercase; 12374 } 12375 .nav_div_12 .vfit a { 12376 text-decoration: none; 12377 color: #222; 12378 } 12379 .nav_div_12 .nav_list { 12380 list-style: none; 12381 margin: 0; 12382 padding: 0; 12383 order: 1; 12384 } 12385 .nav_div_12 ul { 12386 list-style: none; 12387 } 12388 #tablet_hamburger_menu_template .nav_div_12 li { 12389 width: 100%; 12390 margin: 0; 12391 padding: 0px 20px; 12392 position: relative; 12393 } 12394 .horizontal_menu .nav_div_12 li { 12395 width: 100%; 12396 margin: 0; 12397 padding: 0px 20px; 12398 position: relative; 12399 } 12400 12401 #tablet_hamburger_menu_template .nav_div_12 li svg { 12402 position: absolute; 12403 right: 15px; 12404 height: 10px; 12405 top: 10px; 12406 } 12407 .horizontal_menu .nav_div_12 li svg { 12408 position: absolute; 12409 right: 15px; 12410 height: 10px; 12411 top: 10px; 12412 } 12413 12414 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_12 .nav_div_12 .nav_list li .nav_a_trd { 12415 display: flex; 12416 align-items: center; 12417 padding: 0; 12418 line-height: 30px; 12419 font-size: 14px; 12420 text-transform: uppercase; 12421 text-decoration: none; 12422 color: #222; 12423 white-space: normal; 12424 12425 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 12426 } 12427 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_12 .nav_div_12 .nav_list li button { 12428 background: none; 12429 border: none; 12430 cursor: pointer; 12431 } 12432 12433 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_12 .nav_div_12 .nav_list li .nav_a_trd.parent_men { 12434 text-decoration: underline; 12435 } 12436 12437 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_12 .nav_div_12 .nav_list li .nav_a_trd:hover { 12438 color:#000000; cursor: pointer; 12439 } 12440 12441 12442 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_12 .nav_div_12 .nav_list li .nav_list_trd li a { 12443 display: flex; 12444 align-items: center; 12445 padding: 0; 12446 line-height: 30px; 12447 font-size: 14px; 12448 text-transform: uppercase; 12449 text-decoration: none; 12450 color: #222; 12451 white-space: normal; 12452 12453 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 12454 12455 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_12 .nav_div_12 .nav_list li .nav_list_trd li a:hover { 12456 color:#000000; } 12457 12458 .nav_div_12 .nav_list li a .nav_icons { 12459 height: 30px; 12460 margin-right: 5px; 12461 } 12462 12463 12464 12465 .nav_div_12 .nav_list li a:hover { 12466 color: #3172ab; 12467 } 12468 .horizontal_menu .nav_div_12 .nav_list_trd { 12469 display: none; 12470 position: absolute; 12471 left: 100%; 12472 top: -15px; 12473 padding: 15px 0px; 12474 box-shadow: 0px 0px 5px #00000078; background: #fff; 12475 } 12476 .horizontal_menu .nav_div_12 .nav_list>li .nav_list_trd.open, 12477 .horizontal_menu .nav_div_12 .nav_list>li:hover .nav_list_trd { 12478 display: block; 12479 z-index: 99; 12480 } 12481 12482 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_12, 12483 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_12 .nav_list_trd{ 12484 width: 250px; 12485 } 12486 12487 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_12 .nav_list_trd{ 12488 width: 250px; 12489 } 12490 </style> 12491 </div> 12492 <div class="hum-line"></div> 12493 12494 12495 <button type="button" class="hamburger-menu
12495-nav-section " aria-expanded="false" aria-controls="tablet-submenu-16" aria-label="Expand Fine Jewelry section"> 12496 <span class="icon_and_name"> 12497 12498 Fine Jewelry </span> 12499 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 12500 12501 </button> 12502 12503 12504 12505 <div class="sub-menu-panel" id="tablet-submenu-16" aria-hidden="true"> 12506 12507 12508 12509 12510 12511<div class="menu_container default_build_menu menu_container_2_navigation_16"> 12512 <div class="nav_div_16"> 12513 <ul class="nav_list" role="menu" aria-label="Fine Jewelry" tabindex="-1"> 12514 12515 <li style="" 12516 class="" 12517 role="none"> 12518 12519 12520 12521 <a class="nav_a_trd " title="Shop By Type" href="#!" data-full_image="" role="menuitem" tabindex="0" > 12522 Shop By Type <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 12523 </a> 12524 12525 12526 12527 12528 12529 12530 12531 <ul class="nav_list_trd" role="menu" aria-label="Shop By Type" tabindex="-1"> 12532 <li style="" 12533 class="" 12534 role="none"> 12535 12536 <a class="" href="https://www.merryrichardsjewelers.com/necklaces" title="Necklaces" role="menuitem" tabindex="0" aria-current="page"> 12537 <img class="nav_icons menu_icon_necklaces" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/necklaces/heart.svg" alt="Necklaces" title="Necklaces" loading="lazy"/> 12538 Necklaces </a> 12539 </li> 12540 <li style="" 12541 class="" 12542 role="none"> 12543 12544 <a class="" href="https://www.merryrichardsjewelers.com/earrings" title="Earrings" role="menuitem" tabindex="-1" > 12545 <img class="nav_icons menu_icon_earrings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/earr
12545ings/stud.svg" alt="Earrings" title="Earrings" loading="lazy"/> 12546 Earrings </a> 12547 </li> 12548 <li style="" 12549 class="" 12550 role="none"> 12551 12552 <a class="" href="https://www.merryrichardsjewelers.com/bracelets" title="Bracelets" role="menuitem" tabindex="-1" > 12553 <img class="nav_icons menu_icon_bracelets" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bracelets/mens.svg" alt="Bracelets" title="Bracelets" loading="lazy"/> 12554 Bracelets </a> 12555 </li> 12556 <li style="" 12557 class="" 12558 role="none"> 12559 12560 <a class="" href="https://www.merryrichardsjewelers.com/fashion-rings" title="Rings" role="menuitem" tabindex="-1" > 12561 <img class="nav_icons menu_icon_rings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/diamond.svg" alt="Rings" title="Rings" loading="lazy"/> 12562 Rings </a> 12563 </li> 12564 </ul> 12565 </li> 12566 12567 12568 12569 <li style="" 12570 class="" 12571 role="none"> 12572 12573 12574 12575 <a class="nav_a_trd " title="Shop By Price" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 12576 Shop By Price <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 12577 </a> 12578 12579 12580 12581 12582 12583 12584 12585 <ul class="nav_list_trd" role="menu" aria-label="Shop By Price" tabindex="-1"> 12586 <li style="" 12587 class="" 12588 role="none"> 12589 12590 <a class="" href="https://www.merryrichardsjewelers.com/fine-jewelry-0-to-500" title="Up to $500" role="menuitem" tabindex="0" > 12591 Up to $500 </a> 12592 </li> 12593 <li style="" 12594 class="" 12595 role="none"> 12596 12597 <a class="" href="https://www.merryrichardsjewelers.com/fine-jewelry-500-to-1000" title="$500 - $1000" role="menuitem" tabindex="-1" > 12598 $500 - $1000 </a> 12599 </li> 12600 <li style="" 12601 class="" 12602 role="none"> 12603 12604 <a class="" href="https://www.merryrichardsjewelers.com/fine-jewelry-1000-to-2000" title="$1000 - $2000" role="menuitem" tabindex="-1" > 12605 $1000 - $2000 </a> 12606 </li> 12607 <li style="" 12608 class="" 12609 role="none"> 12610 12611 <a class="" href="https://www.merryrichardsjewelers.com/fine-jewelry-2000-to-5000" title="$2000 - $5000" role="menuitem" tabindex="-1" > 12612 $2000 - $5000 </a> 12613 </li> 12614 <li style="" 12615 class="" 12616 role="none"> 12617 12618 <a class="" href="https://www.merryrichardsjewelers.com/fine-jewelry-5000-up" title="$5000 & Up" role="menuitem" tabindex="-1" > 12619 $5000 & Up </a> 12620 </li> 12621 </ul> 12622 </li> 12623 12624 12625 12626 <li style="" 12627 class="" 12628 role="none"> 12629 12630 12631 12632 <a class="nav_a_trd " title="Start Your Research" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 12633 Start Your Research <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 12634 </a> 12635 12636 12637 12638 12639 12640 12641 12642 <ul class="nav_list_trd" role="menu" aria-label="Start Your Research" tabindex="-1"> 12643 <li style="" 12644 class="" 12645 role="none"> 12646 12647 <a class="" href="https://www.merryrichardsjewelers.com/fine-jewelry" title="View All Fine Jewelry >>" role="menuitem" tabindex="0" > 12648 View All Fine Jewelry >> </a> 12649 </li> 12650 <li style="" 12651 class="" 12652
12652 role="none"> 12653 12654 <a class="" href="https://www.merryrichardsjewelers.com/tennis-bracelets" title="Tennis Bracelets" role="menuitem" tabindex="-1" > 12655 Tennis Bracelets </a> 12656 </li> 12657 </ul> 12658 </li> 12659 12660 12661 </ul> 12662 </div> 12663</div> 12664<style> 12665 .menu_container_2_navigation_16 { 12666 background: #fff; 12667 } 12668 .horizontal_menu .nav_div_16 { 12669 padding: 15px 0px; 12670 box-shadow: 0px 0px 5px #00000078; display: flex; 12671 flex-wrap: wrap; 12672 } 12673 .horizontal_menu .nav_img_16 { 12674 height: 200px; 12675 width: 250px; 12676 margin-left: 50px; 12677 margin-right: 20px; 12678 flex-shrink: 0; 12679 order: 1; 12680 } 12681 .horizontal_menu .nav_img_16 img { 12682 max-width: 100%; 12683 max-height: 100%; 12684 } 12685 .horizontal_menu .nav_div_16 .vfit { 12686 text-align: left; 12687 border-bottom: 1px solid #ececec; 12688 text-transform: uppercase; 12689 } 12690 .nav_div_16 .vfit a { 12691 text-decoration: none; 12692 color: #222; 12693 } 12694 .nav_div_16 .nav_list { 12695 list-style: none; 12696 margin: 0; 12697 padding: 0; 12698 order: 1; 12699 } 12700 .nav_div_16 ul { 12701 list-style: none; 12702 } 12703 #tablet_hamburger_menu_template .nav_div_16 li { 12704 width: 100%; 12705 margin: 0; 12706 padding: 0px 20px; 12707 position: relative; 12708 } 12709 .horizontal_menu .nav_div_16 li { 12710 width: 100%; 12711 margin: 0; 12712 padding: 0px 20px; 12713 position: relative; 12714 } 12715 12716 #tablet_hamburger_menu_template .nav_div_16 li svg { 12717 position: absolute; 12718 right: 15px; 12719 height: 10px; 12720 top: 10px; 12721 } 12722 .horizontal_menu .nav_div_16 li svg { 12723 position: absolute; 12724 right: 15px; 12725 height: 10px; 12726 top: 10px; 12727 } 12728 12729 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li .nav_a_trd { 12730 display: flex; 12731 align-items: center; 12732 padding: 0; 12733 line-height: 30px; 12734 font-size: 14px; 12735 text-transform: uppercase; 12736 text-decoration: none; 12737 color: #222; 12738 white-space: normal; 12739 12740 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 12741 } 12742 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li button { 12743 background: none; 12744 border: none; 12745 cursor: pointer; 12746 } 12747 12748 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li .nav_a_trd.parent_men { 12749 text-decoration: underline; 12750 } 12751 12752 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li .nav_a_trd:hover { 12753 color:#000000; cursor: pointer; 12754 } 12755 12756 12757 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li .nav_list_trd li a { 12758 display: flex; 12759 align-items: center; 12760 padding: 0; 12761 line-height: 30px; 12762 font-size: 14px; 12763 text-transform: uppercase; 12764 text-decoration: none; 12765 color: #222; 12766 white-space: normal; 12767 12768 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 12769 12770 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_16 .nav_div_16 .nav_list li .nav_list_trd li a:hover { 12771 color:#000000; } 12772 12773 .nav_div_16 .nav_list li a .nav_icons { 12774 height: 30px; 12775 margin-right: 5px; 12776 } 12777 12778 12779 12780 .nav_div_16 .nav_list li a:hover { 12781 color: #3172ab; 12782 } 12783 .horizontal_menu .nav_div_16 .nav_list_trd { 12784 display: none; 12785 position: absolute; 12786 left: 100%; 12787 top: -15px; 12788 padding: 15px 0px; 12789 box-shadow: 0px 0px 5px #00000078; background: #fff; 12790 } 12791 .horizontal_menu .nav_div_16 .nav_list>li .nav_list_trd.open, 12792 .horizontal_menu .nav_div_16 .nav_list>li:hover .nav_list_trd { 12793 display: block; 12794 z-index: 99; 12795 } 12796 12797 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_16, 12798 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_16 .nav_list_trd{ 12799 width: 250px; 12800 } 12801 12802 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_16 .nav_list_trd{ 12803 width: 250px; 12804 } 12805 </style> 12806 </div> 12807 <div class="hum-line"></div> 12808 12809 12810 <button type="button" class="hamburger-menu
12810-nav-section " aria-expanded="false" aria-controls="tablet-submenu-20" aria-label="Expand Timepieces section"> 12811 <span class="icon_and_name"> 12812 12813 Timepieces </span> 12814 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 12815 12816 </button> 12817 12818 12819 12820 <div class="sub-menu-panel" id="tablet-submenu-20" aria-hidden="true"> 12821 12822 12823 12824 12825 12826<div class="menu_container default_build_menu menu_container_2_navigation_20"> 12827 <div class="nav_div_20"> 12828 <ul class="nav_list" role="menu" aria-label="Timepieces" tabindex="-1"> 12829 12830 <li style="" 12831 class="" 12832 role="none"> 12833 12834 12835 12836 <a class="nav_a_trd " title="MeisterSinger" href="https://www.merryrichardsjewelers.com/meistersinger" data-full_image="" role="menuitem" tabindex="0" > 12837 MeisterSinger </a> 12838 12839 12840 12841 12842 12843 12844 12845 </li> 12846 12847 12848 12849 <li style="" 12850 class="" 12851 role="none"> 12852 12853 12854 12855 <a class="nav_a_trd " title="Michele" href="https://www.merryrichardsjewelers.com/michele-watches" data-full_image="" role="menuitem" tabindex="-1" > 12856 Michele </a> 12857 12858 12859 12860 12861 12862 12863 12864 </li> 12865 12866 12867 12868 <li style="" 12869 class="" 12870 role="none"> 12871 12872 12873 12874 <a class="nav_a_trd " title="Sternglas" href="https://www.merryrichardsjewelers.com/sternglas" data-full_image="" role="menuitem" tabindex="-1" > 12875 Sternglas </a> 12876 12877 12878 12879 12880 12881 12882 12883 </li> 12884 12885 12886 12887 <li style="" 12888 class="" 12889 role="none"> 12890 12891 12892 12893 <a class="nav_a_trd " title="Omega Watches" href="https://www.merryrichardsjewelers.com/omega-watches" data-full_image="" role="menuitem" tabindex="-1" > 12894 Omega Watches </a> 12895 12896 12897 12898 12899 12900 12901 12902 </li> 12903 12904 12905 12906 <li style="" 12907 class="" 12908 role="none"> 12909 12910 12911 12912 <a class="nav_a_trd " title="Muhle Glashutte" href="https://www.merryrichardsjewelers.com/muhle-glashutte" data-full_image="" role="menuitem" tabindex="-1" > 12913 Muhle Glashutte </a> 12914 12915 12916 12917 12918 12919 12920 12921 </li> 12922 12923 12924 12925 <li style="" 12926 class="" 12927 role="none"> 12928 12929 12930 12931 <a class="nav_a_trd " title="Pre- Owned Watches" href="https://www.merryrichardsjewelers.com/pre-owned-watches" data-full_image="" role="menuitem" tabindex="-1" > 12932 Pre- Owned Watches </a> 12933 12934 12935 12936 12937 12938 12939 12940 </li> 12941 12942 12943 12944 <li style="" 12945 class="" 12946 role="none"> 12947 12948 12949 12950 <a class="nav_a_trd " title="New Old Watches" href="https://www.merryrichardsjewelers.com/new-old-watches" data-full_image="" role="menuitem" tabindex="-1" > 12951 New Old Watches </a> 12952 12953 12954 12955 12956 12957 12958 12959 </li> 12960 12961 12962 </ul> 12963 </div> 12964</div> 12965<style> 12966 .menu_container_2_navigation_20 { 12967 background: #fff; 12968 } 12969 .horizontal_menu .nav_div_20 { 12970 padding: 15px 0px; 12971 box-shadow: 0px 0px 5px #00000078; display: flex; 12972 flex-wrap: wrap; 12973 } 12974 .horizontal_menu .nav_img_20 { 12975 height: 200px; 12976 width: 250px; 12977 margin-left: 50px; 12978 margin-right: 20px; 12979 flex-shrink: 0; 12980 order: 1; 12981 } 12982 .horizontal_menu .nav_img_20 img { 12983 max-width: 100%; 12984 max-height: 100%; 12985 } 12986 .horizontal_menu .nav_div_20 .vfit { 12987 text-align: left; 12988 border-bottom: 1px solid #ececec; 12989 text-transform: uppercase; 12990 } 12991 .nav_div_20 .vfit a { 12992 text-decoration: none; 12993 color: #222; 12994 }
12995 .nav_div_20 .nav_list { 12996 list-style: none; 12997 margin: 0; 12998 padding: 0; 12999 order: 1; 13000 } 13001 .nav_div_20 ul { 13002 list-style: none; 13003 } 13004 #tablet_hamburger_menu_template .nav_div_20 li { 13005 width: 100%; 13006 margin: 0; 13007 padding: 0px 20px; 13008 position: relative; 13009 } 13010 .horizontal_menu .nav_div_20 li { 13011 width: 100%; 13012 margin: 0; 13013 padding: 0px 20px; 13014 position: relative; 13015 } 13016 13017 #tablet_hamburger_menu_template .nav_div_20 li svg { 13018 position: absolute; 13019 right: 15px; 13020 height: 10px; 13021 top: 10px; 13022 } 13023 .horizontal_menu .nav_div_20 li svg { 13024 position: absolute; 13025 right: 15px; 13026 height: 10px; 13027 top: 10px; 13028 } 13029 13030 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_20 .nav_div_20 .nav_list li .nav_a_trd { 13031 display: flex; 13032 align-items: center; 13033 padding: 0; 13034 line-height: 30px; 13035 font-size: 14px; 13036 text-transform: uppercase; 13037 text-decoration: none; 13038 color: #222; 13039 white-space: normal; 13040 13041 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 13042 } 13043 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_20 .nav_div_20 .nav_list li button { 13044 background: none; 13045 border: none; 13046 cursor: pointer; 13047 } 13048 13049 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_20 .nav_div_20 .nav_list li .nav_a_trd.parent_men { 13050 text-decoration: underline; 13051 } 13052 13053 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_20 .nav_div_20 .nav_list li .nav_a_trd:hover { 13054 color:#000000; cursor: pointer; 13055 } 13056 13057 13058 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_20 .nav_div_20 .nav_list li .nav_list_trd li a { 13059 display: flex; 13060 align-items: center; 13061 padding: 0; 13062 line-height: 30px; 13063 font-size: 14px; 13064 text-transform: uppercase; 13065 text-decoration: none; 13066 color: #222; 13067 white-space: normal; 13068 13069 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 13070 13071 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_20 .nav_div_20 .nav_list li .nav_list_trd li a:hover { 13072 color:#000000; } 13073 13074 .nav_div_20 .nav_list li a .nav_icons { 13075 height: 30px; 13076 margin-right: 5px; 13077 } 13078 13079 13080 13081 .nav_div_20 .nav_list li a:hover { 13082 color: #3172ab; 13083 } 13084 .horizontal_menu .nav_div_20 .nav_list_trd { 13085 display: none; 13086 position: absolute; 13087 left: 100%; 13088 top: -15px; 13089 padding: 15px 0px; 13090 box-shadow: 0px 0px 5px #00000078; background: #fff; 13091 } 13092 .horizontal_menu .nav_div_20 .nav_list>li .nav_list_trd.open, 13093 .horizontal_menu .nav_div_20 .nav_list>li:hover .nav_list_trd { 13094 display: block; 13095 z-index: 99; 13096 } 13097 13098 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_20, 13099 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_20 .nav_list_trd{ 13100 width: 250px; 13101 } 13102 13103 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_20 .nav_list_trd{ 13104 width: 250px; 13105 } 13106 </style> 13107 </div> 13108 <div class="hum-line"></div> 13109 13110 13111 <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="tablet-submenu-21" aria-label="Expand Services section">
13112 <span class="icon_and_name"> 13113 13114 Services </span> 13115 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 13116 13117 </button> 13118 13119 13120 13121 <div class="sub-menu-panel" id="tablet-submenu-21" aria-hidden="true"> 13122 13123 13124 13125 13126 13127<div class="menu_container default_build_menu menu_container_2_navigation_21"> 13128 <div class="nav_div_21"> 13129 <ul class="nav_list" role="menu" aria-label="Services" tabindex="-1"> 13130 13131 <li style="" 13132 class="" 13133 role="none"> 13134 13135 13136 13137 <a class="nav_a_trd " title="Services" href="https://www.merryrichardsjewelers.com/services" data-full_image="" role="menuitem" tabindex="0" > 13138 Services </a> 13139 13140 13141 13142 13143 13144 13145 13146 </li> 13147 13148 13149 13150 <li style="" 13151 class="" 13152 role="none"> 13153 13154 13155 13156 <a class="nav_a_trd " title="Jewelry Repair" href="https://www.merryrichardsjewelers.com/jewelry-repair" data-full_image="" role="menuitem" tabindex="-1" > 13157 Jewelry Repair </a> 13158 13159 13160 13161 13162 13163 13164 13165 </li> 13166 13167 13168 13169 <li style="" 13170 class="" 13171 role="none"> 13172 13173 13174 13175 <a class="nav_a_trd " title="Jewelry Buying" href="https://www.merryrichardsjewelers.com/jewelry-buying" data-full_image="" role="menuitem" tabindex="-1" > 13176 Jewelry Buying </a> 13177 13178 13179 13180 13181 13182 13183 13184 </li> 13185 13186 13187 13188 <li style="" 13189 class="" 13190 role="none"> 13191 13192 13193 13194 <a class="nav_a_trd " title="Jewelry Appraisals" href="https://www.merryrichardsjewelers.com/jewelry-appraisals" data-full_image="" role="menuitem" tabindex="-1" > 13195 Jewelry Appraisals </a> 13196 13197 13198 13199 13200 13201 13202 13203 </li> 13204 13205 13206 13207 <li style="" 13208 class="" 13209 role="none"> 13210 13211 13212 13213 <a class="nav_a_trd " title="Diamond Buying " href="https://www.merryrichardsjewelers.com/diamond-buying" data-full_image="" role="menuitem" tabindex="-1" > 13214 Diamond Buying </a> 13215 13216 13217 13218 13219 13220 13221 13222 </li> 13223 13224 13225 13226 <li style="" 13227 class="" 13228 role="none"> 13229 13230 13231 13232 <a class="nav_a_trd " title="Flexible Financing " href="https://citiretailservices.citibankonline.com/apply/jewelers-reserve-credit-card?app=UNSOL&siteId=PLCN_JEWELRY&sc=05632&stnu=51105" data-full_image="" role="menuitem" tabindex="-1" > 13233 Flexible Financing </a> 13234 13235 13236 13237 13238 13239 13240 13241 </li> 13242 13243 13244 13245 <li style="" 13246 class="" 13247 role="none"> 13248 13249 13250 13251 <a class="nav_a_trd " title="Custom Design " href="https://www.merryrichardsjewelers.com/custom-design" data-full_image="" role="menuitem" tabindex="-1" > 13252 Custom Design </a> 13253 13254 13255 13256 13257 13258 13259 13260 </li> 13261 13262 13263 </ul> 13264 </div> 13265</div> 13266<style> 13267 .menu_container_2_navigation_21 { 13268 background: #fff; 13269 } 13270 .horizontal_menu .nav_div_21 { 13271 padding: 15px 0px; 13272 box-shadow: 0px 0px 5px #00000078; display: flex; 13273 flex-wrap: wrap; 13274 } 13275 .horizontal_menu .nav_img_21 { 13276 height: 200px; 13277 width: 250px; 13278 margin-left: 50px; 13279 margin-right: 20px; 13280 flex-shrink: 0; 13281 order: 1; 13282 } 13283 .horizontal_menu .nav_img_21 img { 13284 max-width: 100%; 13285 max-height: 100%; 13286 } 13287 .horizontal_menu .nav_div_21 .vfit { 13288 text-align: left; 13289 border-bottom: 1px solid #ececec; 13290 text-transform: uppercase; 13291 } 13292 .nav_div_21 .vfit a { 13293 text-decoration: none; 13294 color: #222; 13295 } 13296 .nav_div_21 .nav_list { 13297 list-style: none; 13298 margin: 0; 13299 padding: 0; 13300 order: 1; 13301 } 13302 .nav_div_21 ul { 13303 list-style: none; 13304 } 13305 #tablet_hamburger_menu_template .nav_div_21 li { 13306 width: 100%; 13307 margin: 0; 13308 padding: 0px 20px; 13309 position: relative; 13310 } 13311 .horizontal_menu .nav_div_21 li { 13312 width: 100%; 13313 margin: 0; 13314 padding: 0px 20px; 13315 position: relative; 13316 } 13317 13318 #tablet_hamburger_menu_template .nav_div_21 li svg { 13319 position: absolute; 13320 right: 15px; 13321 height: 10px; 13322 top: 10px; 13323 } 13324 .horizontal_menu .nav_div_21 li svg { 13325 position: absolute; 13326 right: 15px; 13327 height: 10px; 13328 top: 10px; 13329 } 13330 13331 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_21 .nav_div_21 .nav_list li .nav_a_trd { 13332 display: flex; 13333 align-items: center; 13334 padding: 0; 13335 line-height: 30px; 13336 font-size: 14px; 13337 text-transform: uppercase; 13338 text-decoration: none; 13339 color: #222; 13340 white-space: normal; 13341 13342 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 13343 } 13344 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_21 .nav_div_21 .nav_list li button { 13345 background: none; 13346 border: none; 13347 cursor: pointer; 13348 } 13349 13350 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_21 .nav_div_21 .nav_list li .nav_a_trd.parent_men { 13351 text-decoration: underline; 13352 } 13353 13354 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_21 .nav_div_21 .nav_list li .nav_a_trd:hover { 13355 color:#000000; cursor: pointer; 13356 } 13357 13358 13359 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_21 .nav_div_21 .nav_list li .nav_list_trd li a { 13360 display: flex; 13361 align-items: center; 13362 padding: 0; 13363 line-height: 30px; 13364 font-size: 14px; 13365 text-transform: uppercase; 13366 text-decoration: none; 13367 color: #222; 13368 white-space: normal; 13369 13370 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 13371 13372 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_21 .nav_div_21 .nav_list li .nav_list_trd li a:hover { 13373 color:#000000; } 13374 13375 .nav_div_21 .nav_list li a .nav_icons { 13376 height: 30px; 13377 margin-right: 5px; 13378 } 13379 13380 13381 13382 .nav_div_21 .nav_list li a:hover { 13383 color: #3172ab; 13384 } 13385 .horizontal_menu .nav_div_21 .nav_list_trd { 13386 display: none; 13387 position: absolute; 13388 left: 100%; 13389 top: -15px; 13390 padding: 15px 0px; 13391 box-shadow: 0px 0px 5px #00000078; background: #fff; 13392 } 13393 .horizontal_menu .nav_div_21 .nav_list>li .nav_list_trd.open, 13394 .horizontal_menu .nav_div_21 .nav_list>li:hover .nav_list_trd { 13395 display: block; 13396 z-index: 99; 13397 } 13398 13399 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_21, 13400 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_21 .nav_list_trd{ 13401 width: 250px; 13402 } 13403 13404 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_21 .nav_list_trd{ 13405 width: 250px; 13406 } 13407 </style> 13408 </div> 13409 <div class="hum-line"></div> 13410 13411 13412 <button type="button" class="hamburger-menu
13412-nav-section " aria-expanded="false" aria-controls="tablet-submenu-105" aria-label="Expand Company section"> 13413 <span class="icon_and_name"> 13414 13415 Company </span> 13416 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 13417 13418 </button> 13419 13420 13421 13422 <div class="sub-menu-panel" id="tablet-submenu-105" aria-hidden="true"> 13423 13424 13425 13426 13427 13428<div class="menu_container default_build_menu menu_container_2_navigation_105"> 13429 <div class="nav_div_105"> 13430 <ul class="nav_list" role="menu" aria-label="Company " tabindex="-1"> 13431 13432 <li style="" 13433 class="" 13434 role="none"> 13435 13436 13437 13438 <a class="nav_a_trd " title="About Us " href="https://www.merryrichardsjewelers.com/about-us" data-full_image="" role="menuitem" tabindex="0" > 13439 About Us </a> 13440 13441 13442 13443 13444 13445 13446 13447 </li> 13448 13449 13450 13451 <li style="" 13452 class="" 13453 role="none"> 13454 13455 13456 13457 <a class="nav_a_trd " title="History" href="https://www.merryrichardsjewelers.com/history" data-full_image="" role="menuitem" tabindex="-1" > 13458 History </a> 13459 13460 13461 13462 13463 13464 13465 13466 </li> 13467 13468 13469 13470 <li style="" 13471 class="" 13472 role="none"> 13473 13474 13475 13476 <a class="nav_a_trd " title="Media " href="https://www.merryrichardsjewelers.com/news" data-full_image="" role="menuitem" tabindex="-1" > 13477 Media </a> 13478 13479 13480 13481 13482 13483 13484 13485 </li> 13486 13487 13488 13489 <li style="" 13490 class="" 13491 role="none"> 13492 13493 13494 13495 <a class="nav_a_trd " title="Blog" href="https://www.merryrichardsjewelers.com/journals" data-full_image="" role="menuitem" tabindex="-1" > 13496 Blog </a> 13497 13498 13499 13500 13501 13502 13503 13504 </li> 13505 13506 13507 13508 <li style="" 13509 class="" 13510 role="none"> 13511 13512 13513 13514 <a class="nav_a_trd " title="Events " href="https://www.merryrichardsjewelers.com/events" data-full_image="" role="menuitem" tabindex="-1" > 13515 Events </a> 13516 13517 13518 13519 13520 13521 13522 13523 </li> 13524 13525 13526 13527 <li style="" 13528 class="" 13529 role="none"> 13530 13531 13532 13533 <a class="nav_a_trd " title="Careers" href="https://www.merryrichardsjewelers.com/careers" target="_blank" data-full_image="" role="menuitem" tabindex="-1" > 13534 Careers </a> 13535 13536 13537 13538 13539 13540 13541 13542 </li> 13543 13544 13545 </ul> 13546 </div> 13547</div> 13548<style> 13549 .menu_container_2_navigation_105 { 13550 background: #fff; 13551 } 13552 .horizontal_menu .nav_div_105 { 13553 padding: 15px 0px; 13554 box-shadow: 0px 0px 5px #00000078; display: flex; 13555 flex-wrap: wrap; 13556 } 13557 .horizontal_menu .nav_img_105 { 13558 height: 200px; 13559 width: 250px; 13560 margin-left: 50px; 13561 margin-right: 20px; 13562 flex-shrink: 0; 13563 order: 1; 13564 } 13565 .horizontal_menu .nav_img_105 img { 13566 max-width: 100%; 13567 max-height: 100%; 13568 } 13569 .horizontal_menu .nav_div_105 .vfit { 13570 text-align: left; 13571 border-bottom: 1px solid #ececec; 13572 text-transform: uppercase; 13573 } 13574 .nav_div_105 .vfit a { 13575 text-decoration: none; 13576 color: #222; 13577 } 13578 .nav_div_105 .nav_list { 13579 list-style: none; 13580 margin: 0; 13581 padding: 0; 13582 order: 1; 13583 } 13584 .nav_div_105 ul { 13585 list-style: none; 13586 } 13587 #tablet_hamburger_menu_template .nav_div_105 li { 13588 width: 100%; 13589 margin: 0; 13590 padding: 0px 20px; 13591 position: relative; 13592 } 13593 .horizontal_menu .nav_div_105 li { 13594 width: 100%; 13595 margin: 0; 13596 padding: 0px 20px; 13597 position: relative; 13598 } 13599 13600 #tablet_hamburger_menu_template .nav_div_105 li svg { 13601 position: absolute; 13602 right: 15px; 13603 height: 10px; 13604 top: 10px; 13605 } 13606 .horizontal_menu .nav_div_105 li svg { 13607 position: absolute; 13608 right: 15px; 13609 height: 10px; 13610 top: 10px; 13611 } 13612 13613 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_105 .nav_div_105 .nav_list li .nav_a_trd { 13614 display: flex; 13615 align-items: center; 13616 padding: 0; 13617 line-height: 30px; 13618 font-size: 14px; 13619 text-transform: uppercase; 13620 text-decoration: none; 13621 color: #222; 13622 white-space: normal; 13623 13624 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 13625 } 13626 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_105 .nav_div_105 .nav_list li button { 13627 background: none; 13628 border: none; 13629 cursor: pointer; 13630 } 13631 13632 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_105 .nav_div_105 .nav_list li .nav_a_trd.parent_men { 13633 text-decoration: underline; 13634 } 13635 13636 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_105 .nav_div_105 .nav_list li .nav_a_trd:hover { 13637 color:#000000; cursor: pointer; 13638 } 13639 13640 13641 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_105 .nav_div_105 .nav_list li .nav_list_trd li a { 13642 display: flex; 13643 align-items: center; 13644 padding: 0; 13645 line-height: 30px; 13646 font-size: 14px; 13647 text-transform: uppercase; 13648 text-decoration: none; 13649 color: #222; 13650 white-space: normal; 13651 13652 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 13653 13654 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_105 .nav_div_105 .nav_list li .nav_list_trd li a:hover { 13655 color:#000000; } 13656 13657 .nav_div_105 .nav_list li a .nav_icons { 13658 height: 30px; 13659 margin-right: 5px; 13660 } 13661 13662 13663 13664 .nav_div_105 .nav_list li a:hover { 13665 color: #3172ab; 13666 } 13667 .horizontal_menu .nav_div_105 .nav_list_trd { 13668 display: none; 13669 position: absolute; 13670 left: 100%; 13671 top: -15px; 13672 padding: 15px 0px; 13673 box-shadow: 0px 0px 5px #00000078; background: #fff; 13674 } 13675 .horizontal_menu .nav_div_105 .nav_list>li .nav_list_trd.open, 13676 .horizontal_menu .nav_div_105 .nav_list>li:hover .nav_list_trd { 13677 display: block; 13678 z-index: 99; 13679 } 13680 13681 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_105, 13682 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_105 .nav_list_trd{ 13683 width: 250px; 13684 } 13685 13686 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_105 .nav_list_trd{ 13687 width: 250px; 13688 } 13689 </style> 13690 </div> 13691 <div class="hum-line"></div> 13692 13693 13694 <a class="hamburger-menu
13694-nav-section " title="Contact Us" href="https://www.merryrichardsjewelers.com/contact-us" > 13695 <span class="icon_and_name"> 13696 13697 Contact Us </span> 13698 13699 </a> 13700 13701 13702 13703 <div class="sub-menu-panel" id="tablet-submenu-22" aria-hidden="true"> 13704 13705 13706 13707 13708 13709<div class="menu_container default_build_menu menu_container_2_navigation_22"> 13710 <div class="nav_div_22"> 13711 </div> 13712</div> 13713<style> 13714 .menu_container_2_navigation_22 { 13715 background: #fff; 13716 } 13717 .horizontal_menu .nav_div_22 { 13718 padding: 15px 0px; 13719 box-shadow: 0px 0px 5px #00000078; display: flex; 13720 flex-wrap: wrap; 13721 } 13722 .horizontal_menu .nav_img_22 { 13723 height: 200px; 13724 width: 250px; 13725 margin-left: 50px; 13726 margin-right: 20px; 13727 flex-shrink: 0; 13728 order: 1; 13729 } 13730 .horizontal_menu .nav_img_22 img { 13731 max-width: 100%; 13732 max-height: 100%; 13733 } 13734 .horizontal_menu .nav_div_22 .vfit { 13735 text-align: left; 13736 border-bottom: 1px solid #ececec; 13737 text-transform: uppercase; 13738 } 13739 .nav_div_22 .vfit a { 13740 text-decoration: none; 13741 color: #222; 13742 } 13743 .nav_div_22 .nav_list { 13744 list-style: none; 13745 margin: 0; 13746 padding: 0; 13747 order: 1; 13748 } 13749 .nav_div_22 ul { 13750 list-style: none; 13751 } 13752 #tablet_hamburger_menu_template .nav_div_22 li { 13753 width: 100%; 13754 margin: 0; 13755 padding: 0px 20px; 13756 position: relative; 13757 } 13758 .horizontal_menu .nav_div_22 li { 13759 width: 100%; 13760 margin: 0; 13761 padding: 0px 20px; 13762 position: relative; 13763 } 13764 13765 #tablet_hamburger_menu_template .nav_div_22 li svg { 13766 position: absolute; 13767 right: 15px; 13768 height: 10px; 13769 top: 10px; 13770 } 13771 .horizontal_menu .nav_div_22 li svg { 13772 position: absolute; 13773 right: 15px; 13774 height: 10px; 13775 top: 10px; 13776 } 13777 13778 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li .nav_a_trd { 13779 display: flex; 13780 align-items: center; 13781 padding: 0; 13782 line-height: 30px; 13783 font-size: 14px; 13784 text-transform: uppercase; 13785 text-decoration: none; 13786 color: #222; 13787 white-space: normal; 13788 13789 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 13790 } 13791 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li button { 13792 background: none; 13793 border: none; 13794 cursor: pointer; 13795 } 13796 13797 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li .nav_a_trd.parent_men { 13798 text-decoration: underline; 13799 } 13800 13801 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li .nav_a_trd:hover { 13802 color:#000000; cursor: pointer; 13803 } 13804 13805 13806 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li .nav_list_trd li a { 13807 display: flex; 13808 align-items: center; 13809 padding: 0; 13810 line-height: 30px; 13811 font-size: 14px; 13812 text-transform: uppercase; 13813 text-decoration: none; 13814 color: #222; 13815 white-space: normal; 13816 13817 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 13818 13819 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_2_navigation_22 .nav_div_22 .nav_list li .nav_list_trd li a:hover { 13820 color:#000000; } 13821 13822 .nav_div_22 .nav_list li a .nav_icons { 13823 height: 30px; 13824 margin-right: 5px; 13825 } 13826 13827 13828 13829 .nav_div_22 .nav_list li a:hover { 13830 color: #3172ab; 13831 } 13832 .horizontal_menu .nav_div_22 .nav_list_trd { 13833 display: none; 13834 position: absolute; 13835 left: 100%; 13836 top: -15px; 13837 padding: 15px 0px; 13838 box-shadow: 0px 0px 5px #00000078; background: #fff; 13839 } 13840 .horizontal_menu .nav_div_22 .nav_list>li .nav_list_trd.open, 13841 .horizontal_menu .nav_div_22 .nav_list>li:hover .nav_list_trd { 13842 display: block; 13843 z-index: 99; 13844 } 13845 13846 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_22, 13847 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_22 .nav_list_trd{ 13848 width: 250px; 13849 } 13850 13851 .horizontal_menu .menu_container.default_build_menu.menu_container_2_navigation_22 .nav_list_trd{ 13852 width: 250px; 13853 } 13854 </style> 13855 </div> 13856 <div class="hum-line"></div> 13857 <div class="script_after_menu"> 13858 </div> 13859 </div> 13860 </nav>
13861 <div class="hamburger-menu-template-overlay" id="tablet_hamburger_menu_template_overlay"></div> 13862 13863
13863<script> 13864 $(function () { 13865 13866 const $menuRoot = $('#tablet_hamburger_menu_template'); 13867 const $menuWrap = $('.header_container_2'); 13868 const $button = $('#tablet_hamburger_button'); 13869 const $overlay = $('#tablet_hamburger_menu_template_overlay'); 13870 const $closeBtn = $('#tablet_hamburger_close_button'); 13871 13872 const trap = focusTrap.createFocusTrap($menuRoot[0], { 13873 onActivate: () => $menuRoot.addClass('is-active'), 13874 onDeactivate: () => $menuRoot.removeClass('is-active'), 13875 clickOutsideDeactivates: true 13876 }); 13877 13878 $button.on('click keypress', function (event) { 13879 if (event.which === 13 || event.which === 32 || event.type === 'click') { 13880 if (event.which === 32) event.preventDefault(); 13881 13882 const isOpen = $menuRoot.hasClass('open'); 13883 13884 $menuRoot.toggleClass('open'); 13885 $overlay.toggleClass('open'); 13886 $menuRoot.removeAttr('inert'); 13887 $button.attr('aria-expanded', String(!isOpen)); 13888 13889 if (!isOpen) { 13890 trap.activate(); 13891 $closeBtn.focus(); 13892 } else { 13893 closeHamburgerMenu(); 13894 } 13895 } 13896 }); 13897 13898 $closeBtn.add($overlay).on('click keypress', function (event) { 13899 if (event.which === 13 || event.which === 32 || event.type === 'click') { 13900 if (event.which === 32) event.preventDefault(); 13901 closeHamburgerMenu(); 13902 } 13903 }); 13904 13905 function closeHamburgerMenu() { 13906 $menuRoot.removeClass('open').attr('inert', 'inert'); 13907 $overlay.removeClass('open'); 13908 $button.attr('aria-expanded', 'false'); 13909 13910 $menuRoot.find('.sub-menu-panel').each(function () { 13911 const $submenu = $(this); 13912 $submenu.removeClass('open').attr('aria-hidden', 'true'); 13913 updateSubmenuTabindex($submenu, true); 13914 }); 13915 13916 $menuRoot.find('.hamburger-menu-nav-section[aria-expanded="true"]') 13917 .attr('aria-expanded', 'false'); 13918 13919 trap.deactivate(); 13920 } 13921 13922 function updateSubmenuTabindex($submenu, isHidden) { 13923 const $items = $submenu.find('a'); 13924 13925 if (isHidden) { 13926 $items.each(function () { 13927 $(this).attr('tabindex', '-1'); 13928 }); 13929 } else { 13930 $items.each(function () { 13931 $(this).attr('tabindex', '0'); 13932 }); 13933 } 13934 } 13935 13936 $menuRoot.on('keypress', '.nav_a_trd', function (e) { 13937 13938 e.preventDefault(); 13939 e.stopPropagation(); 13940 13941 const $trigger = $(this); 13942 const $submenu = $trigger.next('.nav_list_trd'); 13943 13944 if (!$submenu.length) return; 13945 13946 const isOpen = $submenu.hasClass('open'); 13947 13948 $menuRoot.find('.nav_list_trd.open').not($submenu).each(function () { 13949 $(this) 13950 .removeClass('open') 13951 .attr('aria-hidden', 'true'); 13952 updateSubmenuTabindex($(this), true); 13953 }); 13954 13955 if (isOpen) { 13956 $submenu 13957 .removeClass('open') 13958 .attr('aria-hidden', 'true'); 13959 updateSubmenuTabindex($submenu, true); 13960 } else { 13961 $submenu 13962 .addClass('open') 13963 .attr('aria-hidden', 'false'); 13964 updateSubmenuTabindex($submenu, false); 13965 } 13966 }); 13967
13968 $menuWrap.on('click keypress', '.hamburger-menu-nav-section[aria-controls]', function (e) { 13969 13970 e.preventDefault(); 13971 e.stopPropagation(); 13972 13973 const $btn = $(this); 13974 const submenuId = $btn.attr('aria-controls'); 13975 const $submenu = $menuRoot.find('.sub-menu-panel#' + submenuId); 13976 13977 if (!$submenu.length) return; 13978 13979 const isExpanded = $btn.attr('aria-expanded') === 'true'; 13980 13981 $menuRoot.find('.sub-menu-panel').not($submenu).each(function () { 13982 $(this).removeClass('open').attr('aria-hidden', 'true'); 13983 updateSubmenuTabindex($(this), true); 13984 }); 13985 13986 $menuRoot.find('[aria-controls]') 13987 .not($btn) 13988 .attr('aria-expanded', 'false'); 13989 13990 if (isExpanded) { 13991 console.log($submenu) 13992 $btn.attr('aria-expanded', 'false'); 13993 $submenu.removeClass('open').attr('aria-hidden', 'true'); 13994 updateSubmenuTabindex($submenu, true); 13995 } else { 13996 $btn.attr('aria-expanded', 'true'); 13997 $submenu.addClass('open').attr('aria-hidden', 'false'); 13998 updateSubmenuTabindex($submenu, false); 13999 } 14000 }); 14001 14002 $menuRoot.on('keydown', function (e) { 14003 if (e.key !== 'Escape') return; 14004 14005 const $open = $menuRoot.find('.nav_list_trd.open').last(); 14006 if (!$open.length) return; 14007 14008 $open 14009 .removeClass('open') 14010 .attr('aria-hidden', 'true'); 14011 14012 updateSubmenuTabindex($open, true); 14013 14014 $open.prev('.nav_a_trd').focus(); 14015 14016 e.preventDefault(); 14017 e.stopPropagation(); 14018 }); 14019 14020 $menuRoot.find('.sub-menu-panel').each(function () { 14021 const $submenu = $(this); 14022 const isOpen = $submenu.hasClass('open') && $submenu.attr('aria-hidden') !== 'true'; 14023 updateSubmenuTabindex($submenu, !isOpen); 14024 }); 14025 14026 }); 14027 14028 </script>
14028 14029</div> 14030 14031<style> 14032 #tablet_hamburger_menu_template>ul>li>a, 14033 #tablet_hamburger_menu_template>ul>li>button { 14034 color:#4d4d4d; display: flex; 14035 font-style:normal; font-size:14px; font-family:Arial; text-transform:none; line-height:40px; } 14036 14037 #tablet_hamburger_menu_template>ul>li>a:hover, 14038 #tablet_hamburger_menu_template>ul>li>button:hover { 14039 color:#000000; } 14040</style> 14041 </div> 14042 14043 <div class="flex_col"> 14044 14045 14046 </div> 14047 14048 <div class="flex_col"> 14049 14050 14051 </div> 14052 14053 </div> 14054 14055 14056 14057 <div class="flex_row"> 14058 14059 14060 <div class="flex_col"> 14061 14062 14063 </div> 14064 14065 </div> 14066 14067 14068 </div> 14069 14070 14071 14072</header> 14073<header class="appearance-mobile-view-template"> 14074 14075 14076 14077 <style> 14078 .header_container>.flex_row { 14079 display: flex; 14080 } 14081 14082 .header_container_3 { 14083 width: 100%; 14084 max-width: 100%; 14085 margin: 0 auto; 14086 position: relative !important; 14087 transform: inherit !important; 14088 } 14089 .header_container>.flex_row>.flex_col { 14090 display: flex; 14091 flex-wrap: wrap; 14092 box-sizing: border-box; 14093 align-content: baseline; 14094 } 14095 .header_container>.flex_row>.flex_col>.flex_cell { 14096 height: fit-content; 14097 display: flex; 14098 } 14099 .header_container>.flex_row>.flex_col>.flex_cell a { 14100 text-decoration: none; 14101 } 14102 .header_container img { 14103 max-width: 100%; 14104 } 14105 .row_spacer_cs { 14106 display: none; 14107 } 14108 .sticky_row { 14109 position: fixed; 14110 } 14111 .sticky_row + .row_spacer_cs { 14112 display: block; 14113 } 14114 </style> 14115 14116 <div class="header_container header_container_3" data-device-type="3"> 14117 14118 14119 14120 <div class="flex_row flex_row_1 "> 14121 14122 14123 <div class="flex_col flex_col_1"> 14124 14125 14126<div class="flex_cell flex_cell_1 call_us"> 14127 <div class="flex_cell_content"><a class="phone_number_click " href="tel:1-630-516-8000" title="Call us 1-630-516-8000"><svg role="img" aria-label="Call Us" viewBox="0 0 512 512"><path class="path_class" d="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"/></svg></a></div> </div> 14128<style> 14129 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.call_us { 14130 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 14131 14132 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.call_us { 14133 height:100%; } 14134 14135 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.call_us>.flex_cell_content { 14136 display: flex; 14137 margin-top:10px; margin-bottom:10px; margin-left:8px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 14138 14139 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1 a { 14140 color:#ffffff; font-style:normal; font-size:14px; font-family:Arial; display: flex; 14141 align-items: center; 14142 text-transform:none; } 14143 14144 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.call_us a svg, 14145 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1.call_us a img { 14146 margin-right: 5px; 14147 height:13px; } 14148 14149 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1 a .path_class { 14150 fill: currentColor; 14151 } 14152 14153 14154 .header_container_3>.flex_row_1>.flex_col_1>.flex_cell_1 a:hover { 14155 color:#ffffff; } 14156</style> 14157 </div> 14158 14159 <style> 14160 .header_container_3>.flex_row_1>.flex_col_1 { 14161 width:5%; } 14162 </style> 14163 14164 14165 14166 <div class="flex_col flex_col_2"> 14167 14168 14169<div class="flex_cell flex_cell_1 button_link"> 14170 14171 14172 <div class="flex_cell_content">
14173 <a class="btn_link_ig" href="https://maps.app.goo.gl/TZugt17wtny9Ycxu7" target="_blank" title=""> 14174 Directions </a> 14175 </div> 14176 14177 </div> 14178<style> 14179 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.button_link { 14180 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 14181 14182 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.button_link { 14183 height:100%; } 14184 14185 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.button_link>.flex_cell_content { 14186 display: flex; 14187 margin-top:5px; margin-bottom:5px; margin-left:8px; margin-right:px; } 14188 14189 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.button_link a { 14190 color:#ffffff; font-style:normal; 14191 background-color:#74221a; 14192 font-size:16px;font-family:Arial; text-decoration: none; 14193 display: inline-flex; 14194 align-items: center; 14195 padding: 10px 26px; 14196 border-style: solid; 14197 justify-content:center; text-transform:none; border-radius:1px; border-width:1px; border-color:#ffffff; padding-top:px; padding-bottom:px; padding-left:4px; padding-right:4px; } 14198 14199 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.button_link a>i{ 14200 margin-right: 5px; 14201 } 14202 14203 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.button_link a:hover { 14204 color:#74221a; background-color:#ffffff; border-color:#ffffff; } 14205 14206 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1 a>img { 14207 margin-right:5px; } 14208</style> 14209 14210 </div> 14211 14212 <style> 14213 .header_container_3>.flex_row_1>.flex_col_2 { 14214 width:25%; } 14215 </style> 14216 14217 14218 14219 <div class="flex_col flex_col_3"> 14220 14221 14222<div class="flex_cell flex_cell_1 button_link"> 14223 14224 14225 <div class="flex_cell_content"> 14226 <a class="btn_link_ig" href="https://www.merryrichardsjewelers.com/request-an-appointment" title=""> 14227 Book Appointment </a> 14228 </div> 14229 14230 </div> 14231<style> 14232 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.button_link { 14233 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 14234 14235 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.button_link { 14236 height:100%; } 14237 14238 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.button_link>.flex_cell_content { 14239 display: flex; 14240 margin-top:5px; margin-bottom:5px; margin-left:px; margin-right:px; } 14241 14242 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a { 14243 color:#ffffff; font-style:normal; 14244 background-color:#74221a; 14245 font-size:px;font-family:Arial; text-decoration: none; 14246 display: inline-flex; 14247 align-items: center; 14248 padding: 10px 26px; 14249 border-style: solid; 14250 justify-content:center; text-transform:none; border-radius:1px; border-width:1px; border-color:#ffffff; padding-top:px; padding-bottom:px; padding-left:4px; padding-right:4px; } 14251 14252 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a>i{ 14253 margin-right: 5px; 14254 } 14255 14256 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.button_link a:hover { 14257 color:#74221a; background-color:#ffffff; border-color:#ffffff; } 14258 14259 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a>img { 14260 margin-right:5px; } 14261</style> 14262 14263 </div> 14264 14265 <style> 14266 .header_container_3>.flex_row_1>.flex_col_3 { 14267 width:40%; } 14268 </style> 14269 14270 14271 14272 <div class="flex_col flex_col_4"> 14273 14274 14275<div class="flex_cell flex_cell_1 account_icons"> 14276 <div class="flex_cell_content"> 14277 14278 <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 2"> 14279 <svg role="img" aria-label="Wishlist" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_20)"><path class="path_class" d="M420.2 214.3L563.9 235.5C575.8 237.2 585.8 245.6 589.6 257.1C593.4 268.7 590.3 281.3 581.7 289.9L477.5 392.1L502.1 538.7C504.1 550.7 499.2 562.9 489.2 570C479.3 577.1 466.2 578 455.5 572.3L327.1 503.8L198.8 572.3C188 578 174.9 577.1 165 570C155.1 562.9 150.1 550.7 152.2 538.7L176.8 392.1L72.58 289.9C63.97 281.3 60.91 268.7 64.69 257.1C68.46 245.6 78.43 237.2 90.42 235.5L234 214.3L298.4 81.97C303.7 70.954 314.9 63.9609 327.1 63.9609C339.4 63.9609 350.6 70.954 355.9 81.97L420.2 214.3Z" fill="black"/></g><defs><clipPath id="clip0_107_20"><rect width="576" height="512" fill="white" transform="translate(39 64)"/></clipPath></defs></svg>
14279 <span class="item-count-badge wishlist-count-badge d-none"></span> 14280 </a> 14281 14282 <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 3"> 14283 <svg role="img" aria-label="Shopping Cart" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" d="M128 64C139.5 64 149.4 72.19 151.6 83.51L153.1 96H573.8C594.1 96 610.3 116.25 604.6 136.66L550.6 328.7C546.7 342.5 534.1 352 519.8 352H202.7L211.9 400H520C533.3 400 544 410.7 544 424C544 437.3 533.3 448 520 448H191.1C180.5 448 170.6 439.8 168.4 428.5L108.14 112H56C42.75 112 32 101.25 32 88C32 74.75 42.75 64 56 64H128ZM160 528C160 501.5 181.5 480 208 480C234.5 480 256 501.5 256 528C256 554.5 234.5 576 208 576C181.5 576 160 554.5 160 528ZM544 528C544 554.5 522.5 576 496 576C469.5 576 448 554.5 448 528C448 501.5 469.5 480 496 480C522.5 480 544 501.5 544 528Z" fill="black"/></svg> <span class="item-count-badge build-shopping-cart-item-counter d-none"></span> 14284 </a> 14285 14286 <a class=" search_click_toggle" href="/keyword-search" title="Search" style="order: 1"> 14287 <svg role="img" aria-label="Search" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_22)"><path class="path_class" d="M564.3 507.7L444.6 388C471.82 347.59 485.25 297.1 478.06 243.3C465.8 151.79 390.8 77.3199 299.2 65.7229C163.01 48.4899 48.4899 163.01 65.7239 299.2C77.3239 390.84 151.804 465.9 243.324 478.1C297.124 485.289 347.624 471.864 388.024 444.64L507.724 564.34C523.344 579.96 548.674 579.96 564.294 564.34C579.9 548.7 579.9 523.3 564.3 507.7ZM143.1 272C143.1 201.42 200.52 144 271.1 144C341.68 144 399.1 201.42 399.1 272C399.1 342.58 341.68 400 271.1 400C200.52 400 143.1 342.6 143.1 272Z" fill="black"/></g><defs><clipPath id="clip0_107_22"><rect width="512" height="512" fill="white" transform="translate(64 64)"/></clipPath></defs></svg> </a> 14288 14289 <a class="" href="/login" title="My Account" style="order: 4"> 14290 <svg role="img" aria-label="My Account" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_18)"><path class="path_class" d="M320 320C390.7 320 448 262.69 448 192C448 121.31 390.7 64 320 64C249.3 64 192 121.31 192 192C192 262.69 249.3 320 320 320ZM370.7 368H269.3C173.61 368 96 445.6 96 541.3C96 560.44 111.52 575.97 130.66 575.97H509.36C528.5 576 544 560.5 544 541.3C544 445.6 466.4 368 370.7 368Z" fill="black"/></g><defs><clipPath id="clip0_107_18"><rect width="448" height="512" fill="white" transform="translate(96 64)"/></clipPath></defs></svg> </a> 14291 </div> 14292</div> 14293 14294<style> 14295 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons { 14296 width:100%; justify-content: flex-end; 14297 align-items:center; -webkit-align-items:center; } 14298 14299 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons { 14300 height:100%; } 14301 14302 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons>.flex_cell_content { 14303 display: flex; 14304 margin-top:5px; margin-bottom:5px; margin-left:4px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 14305 14306 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons .wishlist-count-badge.d-none { 14307 display: none !important; 14308 } 14309 14310 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a { 14311 display: flex; 14312 align-items: center; 14313 color:#ffffff; font-style:normal; font-size:14px; font-family:Arial; margin-left: 12px; 14314 text-transform:none; } 14315 14316 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a svg, 14317 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a img { 14318 flex-shrink: 0; 14319 margin-right: 5px; 14320 width:13px; height:13px; } 14321 14322 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a .path_class { 14323 fill: currentColor; 14324 } 14325 14326 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a:hover { 14327 color:#ffffff; } 14328 14329 .header_container_3>.flex_row_1>.flex_col_4>.flex_cell_1.account_icons a .item-count-badge { 14330 padding: 0 5px; 14331 height: 16px; 14332 min-width: 16px; 14333 text-align: center; 14334 border-radius: 7px; 14335 line-height: 16px; 14336 border: 1px solid #fff; 14337 font-style: normal; 14338 font-weight: 700; 14339 font-size: 10px; 14340 background-color:#00b252; color:#ffffff; margin-left: -10px; 14341 margin-top: -15px; 14342 } 14343</style> 14344 </div> 14345 14346 <style> 14347 .header_container_3>.flex_row_1>.flex_col_4 { 14348 width:30%; } 14349 </style> 14350 14351 14352 14353 </div> 14354 14355 14356 <style> 14357 .header_container_3>.flex_row_1 { 14358 background-color: #74221a; 14359 14360 color:#000000; height:auto; 14361 14362 } 14363 14364 </style> 14365 14366 14367 14368 14369 14370 <div class="flex_row flex_row_2 "> 14371 14372 14373 <div class="flex_col flex_col_1"> 14374 14375 14376 14377<div class="flex_cell flex_cell_1 image"> 14378 <div class="flex_cell_content"> 14379 14380 <a href="https://www.merryrichardsjewelers.com/" 14381 > 14382 14383 14384 <img 14385 height="36px" width="128px" 14386 14387 src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/store_logo/merry_richards_store_logo.png" 14388 14389 alt="Merry Richards Logo "> 14390 14391 14392 </a> 14393 14394 </div> 14395</div> 14396 <style> 14397 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.image { 14398 width:100%; justify-content:left;
14398 -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 14399 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.image>.flex_cell_content { 14400 display: flex; 14401 margin-top:10px; margin-bottom:10px; margin-left:10px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 14402 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.image img { 14403 } 14404 14405 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.image { 14406 height:100%; } 14407 </style> 14408 14409 14410 </div> 14411 14412 <style> 14413 .header_container_3>.flex_row_2>.flex_col_1 { 14414 width:75%; } 14415 </style> 14416 14417 14418 14419 <div class="flex_col flex_col_2"> 14420 14421 <div class="flex_cell flex_cell_1 menu"> 14422 <div class="flex_cell_content"> 14423 <style> 14424 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.menu .hamburger-button-inner, 14425 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.menu .hamburger-button-parent { 14426 width: 30px; 14427 height: 24px; 14428 position: relative; 14429 cursor: pointer; 14430 } 14431 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect { 14432 fill: #000000; } 14433 14434 14435 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.menu a.hamburger-menu-nav-section, 14436 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.menu a.hamburger-menu-close-button{ 14437 color:#4d4d4d; display: flex; 14438 font-style:normal; font-size:15px; font-family:Arial; text-transform:none; line-height:40px; } 14439 </style> 14440 14441 <div id="mobile_hamburger_button" role="button" class="hamburger-button-inner" tabindex="0" aria-label="Hamburger Button" aria-expanded="false" aria-controls="mobile_hamburger_menu_template"> 14442 <div class="hamburger-button-parent"> 14443 <svg class="hamburger-icon" width="30" height="24" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 14444 <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 14445 <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 14446 <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 14447 </svg> 14448 14449 14450 </div> 14451 </div> 14452 </div> 14453</div> 14454 14455<style> 14456 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.menu { 14457 width:100%; justify-content: flex-end; 14458 align-items:center; -webkit-align-items:center; } 14459 14460 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.menu { 14461 height:100%; } 14462 14463 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.menu>.flex_cell_content { 14464 display: flex; 14465 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:10px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 14466 14467 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a, 14468 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button { 14469 color:#4d4d4d; display: flex; 14470 font-style:normal; font-size:15px; font-family:Arial; text-transform:none; line-height:40px; } 14471 14472 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover { 14473 color:#000000; } 14474</style> 14475 </div> 14476 14477 <style> 14478 .header_container_3>.flex_row_2>.flex_col_2 { 14479 width:25%; } 14480 </style> 14481 14482 14483 14484 </div> 14485 14486 14487 <style> 14488 .header_container_3>.flex_row_2 { 14489 background-color: #ffffff; 14490 14491 color:#000000; height:auto; 14492 14493 } 14494 14495 </style> 14496 14497 14498 14499 14500 14501 <div class="flex_row flex_row_3 "> 14502 14503 14504 <div class="flex_col flex_col_1"> 14505 14506 14507 </div> 14508 14509 <style> 14510 .header_container_3>.flex_row_3>.flex_col_1 { 14511 width:100%; } 14512 </style> 14513 14514 14515 14516 </div> 14517 14518 14519 <style> 14520 .header_container_3>.flex_row_3 { 14521 background-color: #ffffff; 14522 14523 color:#000000; height:auto; 14524 14525 } 14526 14527 </style> 14528 14529 14530 14531 14532 14533 14534 <div class="flex_row"> 14535 14536 14537 <div class="flex_col"> 14538 14539 14540 </div> 14541 14542 <div class="flex_col"> 14543 14544 14545 </div> 14546 14547 <div class="flex_col"> 14548 14549 14550 </div> 14551 14552 <div class="flex_col"> 14553 14554 14555 </div> 14556 14557 </div> 14558 14559 14560 14561 <div class="flex_row"> 14562 14563 14564 <div class="flex_col"> 14565 14566 14567 </div> 14568 14569 <div class="flex_col"> 14570 14571 <div class="flex_cell flex_cell_1 menu"> 14572 <style> 14573 #mobile_hamburger_menu_template { 14574 position: fixed; 14575 top: 0; 14576 left: 0; 14577 width: 325px; 14578 overflow-y: auto; 14579 transform: translateX(-325px); 14580 z-index: 1000000001; 14581 height: 100vh; 14582 background-color: #ffffff; 14583 transition: all 0.3s ease; 14584 } 14585 #mobile_hamburger_menu_template_overlay.open { 14586 position: fixed; 14587 top: 0; 14588 left: 0; 14589 width: 100vw; 14590 z-index: 1000000001; 14591 transition: all 0.3s ease; 14592 height: 100vh; 14593 background: rgba(1, 1, 1, 0.5); 14594 cursor: pointer; 14595 transform: translateX(325px); 14596 }
14597 #mobile_hamburger_menu_template .hamburger-menu-template-inner { 14598 padding: 10px; 14599 padding-right:25px; 14600 } 14601 #mobile_hamburger_menu_template .hamburger-menu-close-button { 14602 font-size: 14px !important; 14603 display: flex; 14604 align-items: center; 14605 margin-bottom: 20px; 14606 } 14607 #mobile_hamburger_menu_template .hamburger-menu-close-button svg, 14608 #mobile_hamburger_menu_template button.hamburger-menu-close-button svg { 14609 height: 15px; 14610 margin-right: 5px; 14611 } 14612 #mobile_hamburger_menu_template .hamburger-menu-nav-section { 14613 display: flex; 14614 justify-content: space-between; 14615 align-items: center; 14616 } 14617 #mobile_hamburger_menu_template .hamburger-menu-nav-section svg, 14618 #mobile_hamburger_menu_template button.hamburger-menu-nav-section svg, 14619 #mobile_hamburger_menu_template a.hamburger-menu-nav-section svg { 14620 height: 10px; 14621 float: right; 14622 } 14623 #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men span, 14624 #mobile_hamburger_menu_template a.hamburger-menu-nav-section.parent_men span, 14625 #mobile_hamburger_menu_template button.hamburger-menu-nav-section.parent_men span { 14626 text-decoration: underline; 14627 } 14628 #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow, 14629 #mobile_hamburger_menu_template a.hamburger-menu-nav-section.parent_men_arrow, 14630 #mobile_hamburger_menu_template button.hamburger-menu-nav-section.parent_men_arrow { 14631 min-width:30px; 14632 justify-content: end; 14633 } 14634 #mobile_hamburger_menu_template .ham_menu_container { 14635 display:flex; 14636 justify-content: space-between; 14637 } 14638 #mobile_hamburger_menu_template.open { 14639 transform: translateX(0); 14640 } 14641 #mobile_hamburger_menu_template .sub-menu-panel { 14642 display: none; 14643 } 14644 #mobile_hamburger_menu_template .sub-menu-panel[aria-hidden="true"] { 14645 display: none; 14646 } 14647 #mobile_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 14648 display: block; 14649 } 14650 #mobile_hamburger_menu_template .icon_and_name { 14651 display:flex; 14652 align-items:center; 14653 gap:10px; 14654 } 14655 #mobile_hamburger_menu_template .hum-line { 14656 border-bottom: 1px solid #ddd; 14657 } 14658 #mobile_hamburger_menu_template .sub-menu-panel.open, 14659 #mobile_hamburger_menu_template .sub-menu-panel[aria-hidden="false"] { 14660 display: block; 14661 } 14662 #mobile_hamburger_menu_template a.hamburger-menu-nav-section, 14663 #mobile_hamburger_menu_template button.hamburger-menu-nav-section, 14664 #mobile_hamburger_menu_template button.hamburger-menu-close-button, 14665 #mobile_hamburger_menu_template a.hamburger-menu-close-button{ 14666 color:#4d4d4d; display: flex; 14667 text-align: left; 14668 width: 100%; 14669 position: relative; 14670 font-style:normal; font-size:15px; font-family:Arial; text-transform:none; line-height:40px; } 14671 #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd { 14672 display: none; 14673 padding: 15px 0px; 14674 background: #fff; 14675 } 14676 #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open { 14677 display: block; 14678 padding-top:2px; 14679 } 14680 /* Reset button styles to look like links */ 14681 #mobile_hamburger_menu_template button.hamburger-menu-nav-section, 14682 #mobile_hamburger_menu_template button.hamburger-menu-close-button, 14683 #mobile_hamburger_menu_template button.parent_men_arrow { 14684 background: none; 14685 border: none; 14686 padding: 0; 14687 cursor: pointer; 14688 -webkit-appearance: none; 14689 -moz-appearance: none; 14690 appearance: none; 14691 } 14692 14693 /* Hover and active states for buttons - inherit from link styles */
14694 #mobile_hamburger_menu_template button.hamburger-menu-nav-section:hover, 14695 #mobile_hamburger_menu_template button.hamburger-menu-nav-section.active, 14696 #mobile_hamburger_menu_template button.hamburger-menu-nav-section[aria-expanded="true"], 14697 #mobile_hamburger_menu_template button.hamburger-menu-close-button:hover { 14698 /* Styles inherited from parent selectors above */ 14699 } 14700 14701 /* Additional button styles are inherited from parent selectors above */ 14702 14703 /* Image styles inside buttons */ 14704 #mobile_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img, 14705 #mobile_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img { 14706 height:20px; 14707 } 14708 </style> 14709 14710 <nav id="mobile_hamburger_menu_template" class="hamburger-menu-template" inert="inert"> 14711 <div class="hamburger-menu-template-inner"> 14712 <button type="button" class="hamburger-menu-close-button mr-4" id="mobile_hamburger_close_button" aria-label="Close menu"> 14713 <svg role="img" aria-hidden="true" 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> CLOSE</button> 14714 14715 <div class="script_before_menu"> 14716 </div> 14717 <div style="clear: both"></div> 14718 14719 14720 <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="mobile-submenu-72" aria-label="Expand Designers section"> 14721 <span class="icon_and_name"> 14722 14723 Designers </span> 14724 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 14725 14726 </button> 14727 14728 14729 14730 <div class="sub-menu-panel" id="mobile-submenu-72" aria-hidden="true"> 14731 14732 14733 14734 14735 14736<div class="menu_container default_build_menu menu_container_3_navigation_72"> 14737 <div class="nav_div_72"> 14738 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 14739 14740 <li style="" 14741 class="" 14742 role="none"> 14743 14744 14745 14746 <a class="nav_a_trd " title="Benchmark" href="https://www.merryrichardsjewelers.com/benchmark" data-full_image="" role="menuitem" tabindex="0" > 14747 Benchmark </a> 14748 14749 14750 14751 14752 14753 14754 14755 </li> 14756 14757 14758 14759 <li style="" 14760 class="" 14761 role="none"> 14762 14763 14764 14765 <a class="nav_a_trd " title="Brevani" href="https://www.merryrichardsjewelers.com/brevani" data-full_image="" role="menuitem" tabindex="-1" > 14766 Brevani </a> 14767 14768 14769 14770 14771 14772 14773 14774 </li> 14775 14776 14777 14778 <li style="" 14779 class="" 14780 role="none"> 14781 14782 14783 14784 <a class="nav_a_trd " title="Christopher Designs " href="https://www.merryrichardsjewelers.com/christopher-designs" data-full_image="" role="menuitem" tabindex="-1" > 14785 Christopher Designs </a> 14786 14787 14788 14789 14790 14791 14792 14793 </li> 14794 14795 14796 14797 <li style="" 14798 class="" 14799 role="none"> 14800 14801 14802 14803 <a class="nav_a_trd " title="Diana" href="https://www.merryrichardsjewelers.com/diana" data-full_image="" role="menuitem" tabindex="-1" > 14804 Diana </a> 14805 14806 14807 14808 14809 14810 14811 14812 </li> 14813 14814 14815 14816 <li style="" 14817 class="" 14818 role="none"> 14819 14820 14821 14822 <a class="nav_a_trd " title="Extensible" href="https://www.merryrichardsjewelers.com/extensible" data-full_image="" role="menuitem" tabindex="-1" > 14823 Extensible </a> 14824 14825 14826 14827 14828 14829 14830 14831 </li> 14832 14833 14834 14835 <li style="" 14836 class="" 14837 role="none"> 14838 14839 14840 14841 <a class="nav_a_trd " title="Italian Jewelry Collection" href="https://www.merryrichardsjewelers.com/italian-collection" data-full_image="" role="menuitem" tabindex="-1" > 14842 Italian Jewelry Collection </a> 14843 14844 14845 14846 14847 14848 14849 14850 </li> 14851 14852 14853 14854 <li style="" 14855 class="" 14856 role="none"> 14857 14858 14859 14860 <a class="nav_a_trd " title="Lisa Nik" href="https://www.merryrichardsjewelers.com/lisa-nik" data-full_image="" role="menuitem" tabindex="-1" > 14861 Lisa Nik </a> 14862 14863 14864 14865 14866 14867 14868 14869 </li> 14870 14871 14872 14873 <li style="" 14874 class="" 14875 role="none"> 14876 14877 14878 14879 <a class="nav_a_trd " title="Madison L " href="https://www.merryrichardsjewelers.com/madison-l" data-full_image="" role="menuitem" tabindex="-1" > 14880 Madison L </a> 14881 14882 14883 14884 14885 14886 14887 14888 </li> 14889 14890 14891 14892 <li style="" 14893 class="" 14894 role="none"> 14895 14896 14897 14898 <a class="nav_a_trd " title="Mastoloni" href="https://www.merryrichardsjewelers.com/mastoloni" data-full_image="" role="menuitem" tabindex="-1" > 14899 Mastoloni </a> 14900 14901 14902 14903 14904 14905 14906 14907 </li> 14908 14909 14910 14911 <li style="" 14912 class="" 14913 role="none"> 14914 14915 14916 14917 <a class="nav_a_trd " title="Merry Richards Collection " href="https://www.merryrichardsjewelers.com/merry-richards" data-full_image="" role="menuitem" tabindex="-1" > 14918 Merr
14918y Richards Collection </a> 14919 14920 14921 14922 14923 14924 14925 14926 </li> 14927 14928 14929 14930 <li style="" 14931 class="" 14932 role="none"> 14933 14934 14935 14936 <a class="nav_a_trd " title="Roberto Demeglio " href="https://www.merryrichardsjewelers.com/roberto-demeglio" data-full_image="" role="menuitem" tabindex="-1" > 14937 Roberto Demeglio </a> 14938 14939 14940 14941 14942 14943 14944 14945 </li> 14946 14947 14948 14949 <li style="" 14950 class="" 14951 role="none"> 14952 14953 14954 14955 <a class="nav_a_trd " title="Simon G " href="https://www.merryrichardsjewelers.com/simon-g" data-full_image="" role="menuitem" tabindex="-1" > 14956 Simon G </a> 14957 14958 14959 14960 14961 14962 14963 14964 </li> 14965 14966 </ul> 14967 <ul class="nav_list" role="menu" aria-label="Designers " tabindex="-1"> 14968 14969 14970 <li style="" 14971 class="" 14972 role="none"> 14973 14974 14975 14976 <a class="nav_a_trd " title="Spark Creations" href="https://www.merryrichardsjewelers.com/spark-creations" data-full_image="" role="menuitem" tabindex="0" > 14977 Spark Creations </a> 14978 14979 14980 14981 14982 14983 14984 14985 </li> 14986 14987 14988 14989 <li style="" 14990 class="" 14991 role="none"> 14992 14993 14994 14995 <a class="nav_a_trd " title="Pearl Jewelry" href="https://www.merryrichardsjewelers.com/pearl-jewelry" data-full_image="" role="menuitem" tabindex="-1" > 14996 Pearl Jewelry </a> 14997 14998 14999 15000 15001 15002 15003 15004 </li> 15005 15006 15007 15008 <li style="" 15009 class="" 15010 role="none"> 15011 15012 15013 15014 <a class="nav_a_trd " title="Meira T" href="https://www.merryrichardsjewelers.com/meirat" data-full_image="" role="menuitem" tabindex="-1" > 15015 Meira T </a> 15016 15017 15018 15019 15020 15021 15022 15023 </li> 15024 15025 15026 15027 <li style="" 15028 class="" 15029 role="none"> 15030 15031 15032 15033 <a class="nav_a_trd " title="Mens Bands" href="https://www.merryrichardsjewelers.com/mens-wedding-bands" data-full_image="" role="menuitem" tabindex="-1" > 15034 Mens Bands </a> 15035 15036 15037 15038 15039 15040 15041 15042 </li> 15043 15044 15045 15046 <li style="" 15047 class="" 15048 role="none"> 15049 15050 15051 15052 <a class="nav_a_trd " title="Tantalum " href="https://www.merryrichardsjewelers.com/tantalum" data-full_image="" role="menuitem" tabindex="-1" > 15053 Tantalum </a> 15054 15055 15056 15057 15058 15059 15060 15061 </li> 15062 15063 15064 </ul> 15065 </div> 15066</div> 15067<style> 15068 .menu_container_3_navigation_72 { 15069 background: #fff; 15070 } 15071 .horizontal_menu .nav_div_72 { 15072 padding: 15px 0px; 15073 box-shadow: 0px 0px 5px #00000078; display: flex; 15074 flex-wrap: wrap; 15075 } 15076 .horizontal_menu .nav_img_72 { 15077 height: 200px; 15078 width: 250px; 15079 margin-left: 50px; 15080 margin-right: 20px; 15081 flex-shrink: 0; 15082 order: 1; 15083 } 15084 .horizontal_menu .nav_img_72 img { 15085 max-width: 100%; 15086 max-height: 100%; 15087 } 15088 .horizontal_menu .nav_div_72 .vfit { 15089 text-align: left; 15090 border-bottom: 1px solid #ececec; 15091 text-transform: uppercase; 15092 } 15093 .nav_div_72 .vfit a { 15094 text-decoration: none; 15095 color: #222; 15096 } 15097 .nav_div_72 .nav_list { 15098 list-style: none; 15099 margin: 0; 15100 padding: 0; 15101 order: 1; 15102 } 15103 .nav_div_72 ul { 15104 list-style: none; 15105 } 15106 #mobile_hamburger_menu_template .nav_div_72 li { 15107 width: 100%; 15108 margin: 0; 15109 padding: 0px 20px; 15110 position: relative; 15111 } 15112 .horizontal_menu .nav_div_72 li { 15113 width: 100%; 15114 margin: 0; 15115 padding: 0px 20px; 15116 position: relative; 15117 } 15118 15119 #mobile_hamburger_menu_template .nav_div_72 li svg { 15120 position: absolute; 15121 right: 15px; 15122 height: 10px; 15123 top: 10px; 15124 } 15125 .horizontal_menu .nav_div_72 li svg { 15126 position: absolute; 15127 right: 15px; 15128 height: 10px; 15129 top: 10px; 15130 } 15131 15132 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_72 .nav_div_72 .nav_list li .nav_a_trd { 15133 display: flex; 15134 align-items: center; 15135 padding: 0; 15136 line-height: 30px; 15137 font-size: 14px; 15138 text-transform: uppercase; 15139 text-decoration: none; 15140 color: #222; 15141 white-space: normal; 15142 15143 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 15144 } 15145 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_72 .nav_div_72 .nav_list li button { 15146 background: none; 15147 border: none; 15148 cursor: pointer; 15149 } 15150 15151 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_72 .nav_div_72 .nav_list li .nav_a_trd.parent_men { 15152 text-decoration: underline; 15153 } 15154 15155 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_72 .nav_div_72 .nav_list li .nav_a_trd:hover { 15156 color:#000000; cursor: pointer; 15157 } 15158 15159 15160 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a { 15161 display: flex; 15162 align-items: center; 15163 padding: 0; 15164 line-height: 30px; 15165 font-size: 14px; 15166 text-transform: uppercase; 15167 text-decoration: none; 15168 color: #222; 15169 white-space: normal; 15170 15171 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 15172 15173 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_72 .nav_div_72 .nav_list li .nav_list_trd li a:hover { 15174 color:#000000; } 15175 15176 .nav_div_72 .nav_list li a .nav_icons { 15177 height: 30px; 15178 margin-right: 5px; 15179 } 15180 15181 15182 15183 .nav_div_72 .nav_list li a:hover { 15184 color: #3172ab; 15185 } 15186 .horizontal_menu .nav_div_72 .nav_list_trd { 15187 display: none; 15188 position: absolute; 15189 left: 100%; 15190 top: -15px; 15191 padding: 15px 0px; 15192 box-shadow: 0px 0px 5px #00000078; background: #fff; 15193 } 15194 .horizontal_menu .nav_div_72 .nav_list>li .nav_list_trd.open, 15195 .horizontal_menu .nav_div_72 .nav_list>li:hover .nav_list_trd { 15196 display: block; 15197 z-index: 99; 15198 } 15199 15200 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_72, 15201 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_72 .nav_list_trd{ 15202 } 15203 15204 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_72 .nav_list_trd{ 15205 width: 250px; 15206 } 15207 </style> 15208 </div> 15209 <div class="hum-line"></div> 15210 15211 15212 <button type="button" class="hamburger-menu
15212-nav-section " aria-expanded="false" aria-controls="mobile-submenu-11" aria-label="Expand Diamonds section"> 15213 <span class="icon_and_name"> 15214 15215 Diamonds </span> 15216 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 15217 15218 </button> 15219 15220 15221 15222 <div class="sub-menu-panel" id="mobile-submenu-11" aria-hidden="true"> 15223 15224 15225 15226 15227 15228<div class="menu_container default_build_menu menu_container_3_navigation_11"> 15229 <div class="nav_div_11"> 15230 <ul class="nav_list" role="menu" aria-label="Diamonds" tabindex="-1"> 15231 15232 <li style="" 15233 class="" 15234 role="none"> 15235 15236 15237 15238 <a class="nav_a_trd " title="Natural Diamonds" href="https://www.merryrichardsjewelers.com/natural-diamonds" data-full_image="" role="menuitem" tabindex="0" > 15239 Natural Diamonds </a> 15240 15241 15242 15243 15244 15245 15246 15247 </li> 15248 15249 15250 15251 <li style="" 15252 class="" 15253 role="none"> 15254 15255 15256 15257 <a class="nav_a_trd " title="Lab Grown Diamonds" href="https://www.merryrichardsjewelers.com/lab-grown-diamonds" data-full_image="" role="menuitem" tabindex="-1" > 15258 Lab Grown Diamonds </a> 15259 15260 15261 15262 15263 15264 15265 15266 </li> 15267 15268 15269 </ul> 15270 </div> 15271</div> 15272<style> 15273 .menu_container_3_navigation_11 { 15274 background: #fff; 15275 } 15276 .horizontal_menu .nav_div_11 { 15277 padding: 15px 0px; 15278 box-shadow: 0px 0px 5px #00000078; display: flex; 15279 flex-wrap: wrap; 15280 } 15281 .horizontal_menu .nav_img_11 { 15282 height: 200px; 15283 width: 250px; 15284 margin-left: 50px; 15285 margin-right: 20px; 15286 flex-shrink: 0; 15287 order: 1; 15288 } 15289 .horizontal_menu .nav_img_11 img { 15290 max-width: 100%; 15291 max-height: 100%; 15292 } 15293 .horizontal_menu .nav_div_11 .vfit { 15294 text-align: left; 15295 border-bottom: 1px solid #ececec; 15296 text-transform: uppercase; 15297 } 15298 .nav_div_11 .vfit a { 15299 text-decoration: none; 15300 color: #222; 15301 } 15302 .nav_div_11 .nav_list { 15303 list-style: none; 15304 margin: 0; 15305 padding: 0; 15306 order: 1; 15307 } 15308 .nav_div_11 ul { 15309 list-style: none; 15310 } 15311 #mobile_hamburger_menu_template .nav_div_11 li { 15312 width: 100%; 15313 margin: 0; 15314 padding: 0px 20px; 15315 position: relative; 15316 } 15317 .horizontal_menu .nav_div_11 li { 15318 width: 100%; 15319 margin: 0; 15320 padding: 0px 20px; 15321 position: relative; 15322 } 15323 15324 #mobile_hamburger_menu_template .nav_div_11 li svg { 15325 position: absolute; 15326 right: 15px; 15327 height: 10px; 15328 top: 10px; 15329 } 15330 .horizontal_menu .nav_div_11 li svg { 15331 position: absolute; 15332 right: 15px; 15333 height: 10px; 15334 top: 10px; 15335 } 15336 15337 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_11 .nav_div_11 .nav_list li .nav_a_trd { 15338 display: flex; 15339 align-items: center; 15340 padding: 0; 15341 line-height: 30px; 15342 font-size: 14px; 15343 text-transform: uppercase; 15344 text-decoration: none; 15345 color: #222; 15346 white-space: normal; 15347 15348 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 15349 } 15350 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_11 .nav_div_11 .nav_list li button { 15351 background: none; 15352 border: none; 15353 cursor: pointer; 15354 } 15355 15356 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_11 .nav_div_11 .nav_list li .nav_a_trd.parent_men { 15357 text-decoration: underline; 15358 } 15359 15360 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_11 .nav_div_11 .nav_list li .nav_a_trd:hover { 15361 color:#000000; cursor: pointer; 15362 } 15363 15364 15365 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_11 .nav_div_11 .nav_list li .nav_list_trd li a { 15366 display: flex; 15367 align-items: center; 15368 padding: 0; 15369 line-height: 30px; 15370 font-size: 14px; 15371 text-transform: uppercase; 15372 text-decoration: none; 15373 color: #222; 15374 white-space: normal; 15375 15376 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 15377 15378 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_11 .nav_div_11 .nav_list li .nav_list_trd li a:hover { 15379 color:#000000; } 15380 15381 .nav_div_11 .nav_list li a .nav_icons { 15382 height: 30px; 15383 margin-right: 5px; 15384 } 15385 15386 15387 15388 .nav_div_11 .nav_list li a:hover { 15389 color: #3172ab; 15390 } 15391 .horizontal_menu .nav_div_11 .nav_list_trd { 15392 display: none; 15393 position: absolute; 15394 left: 100%; 15395 top: -15px; 15396 padding: 15px 0px; 15397 box-shadow: 0px 0px 5px #00000078; background: #fff; 15398 } 15399 .horizontal_menu .nav_div_11 .nav_list>li .nav_list_trd.open, 15400 .horizontal_menu .nav_div_11 .nav_list>li:hover .nav_list_trd { 15401 display: block; 15402 z-index: 99; 15403 } 15404 15405 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_11, 15406 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_11 .nav_list_trd{ 15407 width: 250px; 15408 } 15409 15410 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_11 .nav_list_trd{ 15411 width: 250px; 15412 } 15413 </style> 15414 </div> 15415 <div class="hum-line"></div> 15416 15417 15418 <button type="button" class="hamburger-menu
15418-nav-section " aria-expanded="false" aria-controls="mobile-submenu-6" aria-label="Expand Engagement Rings section"> 15419 <span class="icon_and_name"> 15420 15421 Engagement Rings </span> 15422 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 15423 15424 </button> 15425 15426 15427 15428 <div class="sub-menu-panel" id="mobile-submenu-6" aria-hidden="true"> 15429 15430 15431 15432 15433 15434<div class="menu_container default_build_menu menu_container_3_navigation_6"> 15435 <div class="nav_div_6"> 15436 <ul class="nav_list" role="menu" aria-label="Engagement Rings" tabindex="-1"> 15437 15438 <li style="" 15439 class="" 15440 role="none"> 15441 15442 15443 15444 <a class="nav_a_trd " title="Design Your Ring" href="https://www.merryrichardsjewelers.com/custom-ring-builder" data-full_image="" role="menuitem" tabindex="0" > 15445 <img class="nav_icons menu_icon_designyourring" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/custom_design.svg" alt="Design Your Ring" title="Design Your Ring" loading="lazy"/> 15446 Design Your Ring </a> 15447 15448 15449 15450 15451 15452 15453 15454 </li> 15455 15456 15457 15458 <li style="" 15459 class="" 15460 role="none"> 15461 15462 15463 15464 <a class="nav_a_trd " title="Shop By Style" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 15465 Shop By Style <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 15466 </a> 15467 15468 15469 15470 15471 15472 15473 15474 <ul class="nav_list_trd" role="menu" aria-label="Shop By Style" tabindex="-1"> 15475 <li style="" 15476 class="" 15477 role="none"> 15478 15479 <a class="" href="https://www.merryrichardsjewelers.com/custom-ring-builder" title="3D Ring Builder" role="menuitem" tabindex="0" > 15480 <img class="nav_icons menu_icon_3dringbuilder" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/custom_design.svg" alt="3D Ring Builder" title="3D Ring Builder" loading="lazy"/> 15481 3D Ring Builder </a> 15482 </li> 15483 <li style="" 15484 class="" 15485 role="none"> 15486 15487 <a class="" href="https://www.merryrichardsjewelers.com/solitaire-rings" title="Solitaire Rings" role="menuitem" tabindex="-1" > 15488 <img class="nav_icons menu_icon_solitairerings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/solitaire.svg" alt="Solitaire Rings" title="Solitaire Rings" loading="lazy"/> 15489 Solitaire Rings </a> 15490 </li> 15491 <li style="" 15492 class="" 15493 role="none"> 15494 15495 <a class="" href="https://www.merryrichardsjewelers.com/three-stones-rings" title="Three Stones Rings" role="menuitem" tabindex="-1" > 15496 <img class="nav_icons menu_icon_threestonesrings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/3stones.svg" alt="Three Stones Rings" title="Three Stones Rings" loading="lazy"/> 15497 Three Stones Rings </a> 15498 </li> 15499 <li style="" 15500 class="" 15501 role="none"> 15502 15503 <a class="" href="https://www.merryrichardsjewelers.com/side-stone-rings" title="Side Stone Rings" role="menuitem" tabindex="-1" > 15504 <img class="nav_icons menu_icon_sidestonerings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/sidestones.svg" alt="Side Stone Rings" title="Side Stone Rings" loading="lazy"/> 15505 Side Stone Rings </a> 15506 </li> 15507 <li style="" 15508 class="" 15509 role="none"> 15510 15511 <a class="" href="https://www.merryrichardsjewelers.com/halo-rings" title="Halo Rings" role="menuitem" tabindex="-1" > 15512 <img class="nav_icons menu_icon_halorings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/halo.svg" alt="Halo Rings" title="Halo Rings" loading="lazy"/> 15513 Halo Rings </a> 15514 </li> 15515 </ul> 15516 </li> 15517 15518 15519 15520 <li style="" 15521 class="" 15522 role="none"> 15523 15524 15525 15526 <a class="nav_a_trd " title="Shop By Shape" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 15527 Shop By Shape <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 15528 </a> 15529 15530 15531 15532 15533 15534 15535 15536 <ul class="nav_list_trd" role="menu" aria-label="Shop By Shape" tabindex="-1"> 15537 <li style="" 15538 class="" 15539 role="none"> 15540 15541 <a class="" href="https://www.merryrichardsjewelers.com/princess-cut-rings" title="Princess Cut Rings" role="menuitem" tabindex="0" > 15542 <img class="nav_icons menu_icon_princesscutrings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/princess.svg" alt="Princess Cut Rings" title="Princess Cut Rings" loading="lazy"/> 15543 Princess Cut Rings </a> 15544 </li> 15545 <li style="" 15546 class="" 15547 role="none"> 15548 15549 <a class="" href="https://www.merryrichardsjewelers.com/round-cut-rings" title="Round Cut Rings" role="menuitem" tabindex="-1" > 15550 <img class="nav_icons menu_icon_roundcutrings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/rou
15550nd.svg" alt="Round Cut Rings" title="Round Cut Rings" loading="lazy"/> 15551 Round Cut Rings </a> 15552 </li> 15553 <li style="" 15554 class="" 15555 role="none"> 15556 15557 <a class="" href="https://www.merryrichardsjewelers.com/radiant-cut-rings" title="Radiant Cut Rings" role="menuitem" tabindex="-1" > 15558 <img class="nav_icons menu_icon_radiantcutrings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/radiant.svg" alt="Radiant Cut Rings" title="Radiant Cut Rings" loading="lazy"/> 15559 Radiant Cut Rings </a> 15560 </li> 15561 <li style="" 15562 class="" 15563 role="none"> 15564 15565 <a class="" href="https://www.merryrichardsjewelers.com/oval-cut-rings" title="Oval Cut Rings" role="menuitem" tabindex="-1" > 15566 <img class="nav_icons menu_icon_ovalcutrings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/oval.svg" alt="Oval Cut Rings" title="Oval Cut Rings" loading="lazy"/> 15567 Oval Cut Rings </a> 15568 </li> 15569 <li style="" 15570 class="" 15571 role="none"> 15572 15573 <a class="" href="https://www.merryrichardsjewelers.com/emerald-cut-rings" title="Emerald Cut Rings" role="menuitem" tabindex="-1" > 15574 <img class="nav_icons menu_icon_emeraldcutrings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/emerald.svg" alt="Emerald Cut Rings" title="Emerald Cut Rings" loading="lazy"/> 15575 Emerald Cut Rings </a> 15576 </li> 15577 <li style="" 15578 class="" 15579 role="none"> 15580 15581 <a class="" href="https://www.merryrichardsjewelers.com/marquise-cut-rings" title="Marquise Cut Rings" role="menuitem" tabindex="-1" > 15582 <img class="nav_icons menu_icon_marquisecutrings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/marquise.svg" alt="Marquise Cut Rings" title="Marquise Cut Rings" loading="lazy"/> 15583 Marquise Cut Rings </a> 15584 </li> 15585 <li style="" 15586 class="" 15587 role="none"> 15588 15589 <a class="" href="https://www.merryrichardsjewelers.com/pear-shape-rings" title="Pear Shape Rings" role="menuitem" tabindex="-1" > 15590 <img class="nav_icons menu_icon_pearshaperings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/pear.svg" alt="Pear Shape Rings" title="Pear Shape Rings" loading="lazy"/> 15591 Pear Shape Rings </a> 15592 </li> 15593 </ul> 15594 </li> 15595 15596 15597 15598 <li style="" 15599 class="" 15600 role="none"> 15601 15602 15603 15604 <a class="nav_a_trd " title="Shop By Price" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 15605 Shop By Price <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 15606 </a> 15607 15608 15609 15610 15611 15612 15613 15614 <ul class="nav_list_trd" role="menu" aria-label="Shop By Price" tabindex="-1"> 15615 <li style="" 15616 class="" 15617 role="none"> 15618 15619 <a class="" href="https://www.merryrichardsjewelers.com/engagement-rings-1000-to-2000" title="$1000 - $2000" role="menuitem" tabindex="0" > 15620 $1000 - $2000 </a> 15621 </li> 15622 <li style="" 15623 class="" 15624 role="none"> 15625 15626 <a class="" href="https://www.merryrichardsjewelers.com/engagement-rings-2000-to-5000" title="$2000 - $5000" role="menuitem" tabindex="-1" > 15627 $2000 - $5000 </a> 15628 </li> 15629 <li style="" 15630 class="" 15631 role="none"> 15632 15633 <a class="" href="https://www.merryrichardsjewelers.com/engagement-rings-5000-up" title="$5000 & Up" role="menuitem" tabindex="-1" > 15634 $5000 & Up </a> 15635 </li> 15636 </ul> 15637 </li> 15638 15639 15640 15641 <li style="" 15642 class="" 15643 role="none"> 15644 15645 15646 15647 <a class="nav_a_trd " title="Start Your Research" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 15648 Start Your Research <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 15649 </a> 15650 15651 15652 15653 15654 15655 15656 15657 <ul class="nav_list_trd" role="menu" aria-label="Start Your Research" tabindex="-1"> 15658
15658 <li style="" 15659 class="" 15660 role="none"> 15661 15662 <a class="" href="https://www.merryrichardsjewelers.com/custom-ring-builder" title="Design Your Ring" role="menuitem" tabindex="0" > 15663 <img class="nav_icons menu_icon_designyourring" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/rings/custom_design.svg" alt="Design Your Ring" title="Design Your Ring" loading="lazy"/> 15664 Design Your Ring </a> 15665 </li> 15666 <li style="" 15667 class="" 15668 role="none"> 15669 15670 <a class="" href="https://www.merryrichardsjewelers.com/custom-engagement-rings-oakbrook-il" title="Custom Engagement Rings | Oakbrook, IL" role="menuitem" tabindex="-1" > 15671 Custom Engagement Rings | Oakbrook, IL </a> 15672 </li> 15673 <li style="" 15674 class="" 15675 role="none"> 15676 15677 <a class="" href="https://www.merryrichardsjewelers.com/engagement-rings" title="View All Engagement Rings >>" target="_blank" role="menuitem" tabindex="-1" > 15678 View All Engagement Rings >> </a> 15679 </li> 15680 </ul> 15681 </li> 15682 15683 15684 </ul> 15685 </div> 15686</div> 15687<style> 15688 .menu_container_3_navigation_6 { 15689 background: #fff; 15690 } 15691 .horizontal_menu .nav_div_6 { 15692 padding: 15px 0px; 15693 box-shadow: 0px 0px 5px #00000078; display: flex; 15694 flex-wrap: wrap; 15695 } 15696 .horizontal_menu .nav_img_6 { 15697 height: 200px; 15698 width: 250px; 15699 margin-left: 50px; 15700 margin-right: 20px; 15701 flex-shrink: 0; 15702 order: 1; 15703 } 15704 .horizontal_menu .nav_img_6 img { 15705 max-width: 100%; 15706 max-height: 100%; 15707 } 15708 .horizontal_menu .nav_div_6 .vfit { 15709 text-align: left; 15710 border-bottom: 1px solid #ececec; 15711 text-transform: uppercase; 15712 } 15713 .nav_div_6 .vfit a { 15714 text-decoration: none; 15715 color: #222; 15716 } 15717 .nav_div_6 .nav_list { 15718 list-style: none; 15719 margin: 0; 15720 padding: 0; 15721 order: 1; 15722 } 15723 .nav_div_6 ul { 15724 list-style: none; 15725 } 15726 #mobile_hamburger_menu_template .nav_div_6 li { 15727 width: 100%; 15728 margin: 0; 15729 padding: 0px 20px; 15730 position: relative; 15731 } 15732 .horizontal_menu .nav_div_6 li { 15733 width: 100%; 15734 margin: 0; 15735 padding: 0px 20px; 15736 position: relative; 15737 } 15738 15739 #mobile_hamburger_menu_template .nav_div_6 li svg { 15740 position: absolute; 15741 right: 15px; 15742 height: 10px; 15743 top: 10px; 15744 } 15745 .horizontal_menu .nav_div_6 li svg { 15746 position: absolute; 15747 right: 15px; 15748 height: 10px; 15749 top: 10px; 15750 } 15751 15752 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_6 .nav_div_6 .nav_list li .nav_a_trd { 15753 display: flex; 15754 align-items: center; 15755 padding: 0; 15756 line-height: 30px; 15757 font-size: 14px; 15758 text-transform: uppercase; 15759 text-decoration: none; 15760 color: #222; 15761 white-space: normal; 15762 15763 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 15764 } 15765 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_6 .nav_div_6 .nav_list li button { 15766 background: none; 15767 border: none; 15768 cursor: pointer; 15769 } 15770 15771 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_6 .nav_div_6 .nav_list li .nav_a_trd.parent_men { 15772 text-decoration: underline; 15773 } 15774 15775 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_6 .nav_div_6 .nav_list li .nav_a_trd:hover { 15776 color:#000000; cursor: pointer; 15777 } 15778 15779 15780 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_6 .nav_div_6 .nav_list li .nav_list_trd li a { 15781 display: flex; 15782 align-items: center; 15783 padding: 0; 15784 line-height: 30px; 15785 font-size: 14px; 15786 text-transform: uppercase; 15787 text-decoration: none; 15788 color: #222; 15789 white-space: normal; 15790 15791 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 15792 15793 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_6 .nav_div_6 .nav_list li .nav_list_trd li a:hover { 15794 color:#000000; } 15795 15796 .nav_div_6 .nav_list li a .nav_icons { 15797 height: 30px; 15798 margin-right: 5px; 15799 } 15800 15801 15802 15803 .nav_div_6 .nav_list li a:hover { 15804 color: #3172ab; 15805 } 15806 .horizontal_menu .nav_div_6 .nav_list_trd { 15807 display: none; 15808 position: absolute; 15809 left: 100%; 15810 top: -15px; 15811 padding: 15px 0px; 15812 box-shadow: 0px 0px 5px #00000078; background: #fff; 15813 } 15814 .horizontal_menu .nav_div_6 .nav_list>li .nav_list_trd.open, 15815 .horizontal_menu .nav_div_6 .nav_list>li:hover .nav_list_trd { 15816 display: block; 15817 z-index: 99; 15818 } 15819 15820 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_6, 15821 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_6 .nav_list_trd{ 15822 width: 250px; 15823 } 15824 15825 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_6 .nav_list_trd{ 15826 width: 250px; 15827 } 15828 </style> 15829 </div> 15830 <div class="hum-line"></div> 15831 15832 15833 <button type="button" class="hamburger-menu
15833-nav-section " aria-expanded="false" aria-controls="mobile-submenu-12" aria-label="Expand Wedding Bands section"> 15834 <span class="icon_and_name"> 15835 15836 Wedding Bands </span> 15837 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 15838 15839 </button> 15840 15841 15842 15843 <div class="sub-menu-panel" id="mobile-submenu-12" aria-hidden="true"> 15844 15845 15846 15847 15848 15849<div class="menu_container default_build_menu menu_container_3_navigation_12"> 15850 <div class="nav_div_12"> 15851 <ul class="nav_list" role="menu" aria-label="Wedding Bands" tabindex="-1"> 15852 15853 <li style="" 15854 class="" 15855 role="none"> 15856 15857 15858 15859 <a class="nav_a_trd " title="Shop By Gender" href="#!" data-full_image="" role="menuitem" tabindex="0" > 15860 Shop By Gender <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 15861 </a> 15862 15863 15864 15865 15866 15867 15868 15869 <ul class="nav_list_trd" role="menu" aria-label="Shop By Gender" tabindex="-1"> 15870 <li style="" 15871 class="" 15872 role="none"> 15873 15874 <a class="" href="https://www.merryrichardsjewelers.com/mens-wedding-bands" title="Men's Wedding Bands" role="menuitem" tabindex="0" > 15875 <img class="nav_icons menu_icon_men'sweddingbands" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/mens-01.svg" alt="Men's Wedding Bands" title="Men's Wedding Bands" loading="lazy"/> 15876 Men's Wedding Bands </a> 15877 </li> 15878 <li style="" 15879 class="" 15880 role="none"> 15881 15882 <a class="" href="https://www.merryrichardsjewelers.com/ladies-wedding-bands" title="Ladies Wedding Bands" role="menuitem" tabindex="-1" > 15883 <img class="nav_icons menu_icon_ladiesweddingbands" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/bezel.svg" alt="Ladies Wedding Bands" title="Ladies Wedding Bands" loading="lazy"/> 15884 Ladies Wedding Bands </a> 15885 </li> 15886 </ul> 15887 </li> 15888 15889 15890 15891 <li style="" 15892 class="" 15893 role="none"> 15894 15895 15896 15897 <a class="nav_a_trd " title="Shop By Price" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 15898 Shop By Price <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 15899 </a> 15900 15901 15902 15903 15904 15905 15906 15907 <ul class="nav_list_trd" role="menu" aria-label="Shop By Price" tabindex="-1"> 15908 <li style="" 15909 class="" 15910 role="none"> 15911 15912 <a class="" href="https://www.merryrichardsjewelers.com/wedding-bands-up-to-500" title="Up to $500" role="menuitem" tabindex="0" > 15913 Up to $500 </a> 15914 </li> 15915 <li style="" 15916 class="" 15917 role="none"> 15918 15919 <a class="" href="https://www.merryrichardsjewelers.com/wedding-bands-500-to-1000" title="$500 - $1000" role="menuitem" tabindex="-1" > 15920 $500 - $1000 </a> 15921 </li> 15922 <li style="" 15923 class="" 15924 role="none"> 15925 15926 <a class="" href="https://www.merryrichardsjewelers.com/wedding-bands-1000-to-2000" title="$1000 - $2000" role="menuitem" tabindex="-1" > 15927 $1000 - $2000 </a> 15928 </li> 15929 <li style="" 15930 class="" 15931 role="none"> 15932 15933 <a class="" href="https://www.merryrichardsjewelers.com/wedding-bands-2000-to-5000" title="$2000 - $5000" role="menuitem" tabindex="-1" > 15934 $2000 - $5000 </a> 15935 </li> 15936 <li style="" 15937 class="" 15938 role="none"> 15939 15940 <a class="" href="https://www.merryrichardsjewelers.com/wedding-bands-5000-up" title="$5000 & Up" role="menuitem" tabindex="-1" > 15941 $5000 & Up </a> 15942 </li> 15943 </ul> 15944 </li> 15945 15946 15947 15948 <li style="" 15949 class="" 15950 role="none"> 15951 15952 15953 15954 <a class="nav_a_trd " title="Start Your Research" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 15955 Start Your Research <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 15956 </a> 15957 15958 15959 15960 15961 15962 15963 15964 <
15964ul class="nav_list_trd" role="menu" aria-label="Start Your Research" tabindex="-1"> 15965 <li style="" 15966 class="" 15967 role="none"> 15968 15969 <a class="" href="https://www.merryrichardsjewelers.com/wedding-bands" title="View All Wedding Bands >>" role="menuitem" tabindex="0" > 15970 View All Wedding Bands >> </a> 15971 </li> 15972 </ul> 15973 </li> 15974 15975 15976 </ul> 15977 </div> 15978</div> 15979<style> 15980 .menu_container_3_navigation_12 { 15981 background: #fff; 15982 } 15983 .horizontal_menu .nav_div_12 { 15984 padding: 15px 0px; 15985 box-shadow: 0px 0px 5px #00000078; display: flex; 15986 flex-wrap: wrap; 15987 } 15988 .horizontal_menu .nav_img_12 { 15989 height: 200px; 15990 width: 250px; 15991 margin-left: 50px; 15992 margin-right: 20px; 15993 flex-shrink: 0; 15994 order: 1; 15995 } 15996 .horizontal_menu .nav_img_12 img { 15997 max-width: 100%; 15998 max-height: 100%; 15999 } 16000 .horizontal_menu .nav_div_12 .vfit { 16001 text-align: left; 16002 border-bottom: 1px solid #ececec; 16003 text-transform: uppercase; 16004 } 16005 .nav_div_12 .vfit a { 16006 text-decoration: none; 16007 color: #222; 16008 } 16009 .nav_div_12 .nav_list { 16010 list-style: none; 16011 margin: 0; 16012 padding: 0; 16013 order: 1; 16014 } 16015 .nav_div_12 ul { 16016 list-style: none; 16017 } 16018 #mobile_hamburger_menu_template .nav_div_12 li { 16019 width: 100%; 16020 margin: 0; 16021 padding: 0px 20px; 16022 position: relative; 16023 } 16024 .horizontal_menu .nav_div_12 li { 16025 width: 100%; 16026 margin: 0; 16027 padding: 0px 20px; 16028 position: relative; 16029 } 16030 16031 #mobile_hamburger_menu_template .nav_div_12 li svg { 16032 position: absolute; 16033 right: 15px; 16034 height: 10px; 16035 top: 10px; 16036 } 16037 .horizontal_menu .nav_div_12 li svg { 16038 position: absolute; 16039 right: 15px; 16040 height: 10px; 16041 top: 10px; 16042 } 16043 16044 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_12 .nav_div_12 .nav_list li .nav_a_trd { 16045 display: flex; 16046 align-items: center; 16047 padding: 0; 16048 line-height: 30px; 16049 font-size: 14px; 16050 text-transform: uppercase; 16051 text-decoration: none; 16052 color: #222; 16053 white-space: normal; 16054 16055 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 16056 } 16057 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_12 .nav_div_12 .nav_list li button { 16058 background: none; 16059 border: none; 16060 cursor: pointer; 16061 } 16062 16063 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_12 .nav_div_12 .nav_list li .nav_a_trd.parent_men { 16064 text-decoration: underline; 16065 } 16066 16067 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_12 .nav_div_12 .nav_list li .nav_a_trd:hover { 16068 color:#000000; cursor: pointer; 16069 } 16070 16071 16072 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_12 .nav_div_12 .nav_list li .nav_list_trd li a { 16073 display: flex; 16074 align-items: center; 16075 padding: 0; 16076 line-height: 30px; 16077 font-size: 14px; 16078 text-transform: uppercase; 16079 text-decoration: none; 16080 color: #222; 16081 white-space: normal; 16082 16083 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 16084 16085 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_12 .nav_div_12 .nav_list li .nav_list_trd li a:hover { 16086 color:#000000; } 16087 16088 .nav_div_12 .nav_list li a .nav_icons { 16089 height: 30px; 16090 margin-right: 5px; 16091 } 16092 16093 16094 16095 .nav_div_12 .nav_list li a:hover { 16096 color: #3172ab; 16097 } 16098 .horizontal_menu .nav_div_12 .nav_list_trd { 16099 display: none; 16100 position: absolute; 16101 left: 100%; 16102 top: -15px; 16103 padding: 15px 0px; 16104 box-shadow: 0px 0px 5px #00000078; background: #fff; 16105 } 16106 .horizontal_menu .nav_div_12 .nav_list>li .nav_list_trd.open, 16107 .horizontal_menu .nav_div_12 .nav_list>li:hover .nav_list_trd { 16108 display: block; 16109 z-index: 99; 16110 } 16111 16112 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_12, 16113 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_12 .nav_list_trd{ 16114 width: 250px; 16115 } 16116 16117 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_12 .nav_list_trd{ 16118 width: 250px; 16119 } 16120 </style> 16121 </div> 16122 <div class="hum-line"></div> 16123 16124 16125 <button type="button" class="hamburger-menu
16125-nav-section " aria-expanded="false" aria-controls="mobile-submenu-16" aria-label="Expand Fine Jewelry section"> 16126 <span class="icon_and_name"> 16127 16128 Fine Jewelry </span> 16129 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 16130 16131 </button> 16132 16133 16134 16135 <div class="sub-menu-panel" id="mobile-submenu-16" aria-hidden="true"> 16136 16137 16138 16139 16140 16141<div class="menu_container default_build_menu menu_container_3_navigation_16"> 16142 <div class="nav_div_16"> 16143 <ul class="nav_list" role="menu" aria-label="Fine Jewelry" tabindex="-1"> 16144 16145 <li style="" 16146 class="" 16147 role="none"> 16148 16149 16150 16151 <a class="nav_a_trd " title="Shop By Type" href="#!" data-full_image="" role="menuitem" tabindex="0" > 16152 Shop By Type <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 16153 </a> 16154 16155 16156 16157 16158 16159 16160 16161 <ul class="nav_list_trd" role="menu" aria-label="Shop By Type" tabindex="-1"> 16162 <li style="" 16163 class="" 16164 role="none"> 16165 16166 <a class="" href="https://www.merryrichardsjewelers.com/necklaces" title="Necklaces" role="menuitem" tabindex="0" aria-current="page"> 16167 <img class="nav_icons menu_icon_necklaces" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/necklaces/heart.svg" alt="Necklaces" title="Necklaces" loading="lazy"/> 16168 Necklaces </a> 16169 </li> 16170 <li style="" 16171 class="" 16172 role="none"> 16173 16174 <a class="" href="https://www.merryrichardsjewelers.com/earrings" title="Earrings" role="menuitem" tabindex="-1" > 16175 <img class="nav_icons menu_icon_earrings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/earr
16175ings/stud.svg" alt="Earrings" title="Earrings" loading="lazy"/> 16176 Earrings </a> 16177 </li> 16178 <li style="" 16179 class="" 16180 role="none"> 16181 16182 <a class="" href="https://www.merryrichardsjewelers.com/bracelets" title="Bracelets" role="menuitem" tabindex="-1" > 16183 <img class="nav_icons menu_icon_bracelets" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bracelets/mens.svg" alt="Bracelets" title="Bracelets" loading="lazy"/> 16184 Bracelets </a> 16185 </li> 16186 <li style="" 16187 class="" 16188 role="none"> 16189 16190 <a class="" href="https://www.merryrichardsjewelers.com/fashion-rings" title="Rings" role="menuitem" tabindex="-1" > 16191 <img class="nav_icons menu_icon_rings" src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/icons/jewelry_icons/bands/diamond.svg" alt="Rings" title="Rings" loading="lazy"/> 16192 Rings </a> 16193 </li> 16194 </ul> 16195 </li> 16196 16197 16198 16199 <li style="" 16200 class="" 16201 role="none"> 16202 16203 16204 16205 <a class="nav_a_trd " title="Shop By Price" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 16206 Shop By Price <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 16207 </a> 16208 16209 16210 16211 16212 16213 16214 16215 <ul class="nav_list_trd" role="menu" aria-label="Shop By Price" tabindex="-1"> 16216 <li style="" 16217 class="" 16218 role="none"> 16219 16220 <a class="" href="https://www.merryrichardsjewelers.com/fine-jewelry-0-to-500" title="Up to $500" role="menuitem" tabindex="0" > 16221 Up to $500 </a> 16222 </li> 16223 <li style="" 16224 class="" 16225 role="none"> 16226 16227 <a class="" href="https://www.merryrichardsjewelers.com/fine-jewelry-500-to-1000" title="$500 - $1000" role="menuitem" tabindex="-1" > 16228 $500 - $1000 </a> 16229 </li> 16230 <li style="" 16231 class="" 16232 role="none"> 16233 16234 <a class="" href="https://www.merryrichardsjewelers.com/fine-jewelry-1000-to-2000" title="$1000 - $2000" role="menuitem" tabindex="-1" > 16235 $1000 - $2000 </a> 16236 </li> 16237 <li style="" 16238 class="" 16239 role="none"> 16240 16241 <a class="" href="https://www.merryrichardsjewelers.com/fine-jewelry-2000-to-5000" title="$2000 - $5000" role="menuitem" tabindex="-1" > 16242 $2000 - $5000 </a> 16243 </li> 16244 <li style="" 16245 class="" 16246 role="none"> 16247 16248 <a class="" href="https://www.merryrichardsjewelers.com/fine-jewelry-5000-up" title="$5000 & Up" role="menuitem" tabindex="-1" > 16249 $5000 & Up </a> 16250 </li> 16251 </ul> 16252 </li> 16253 16254 16255 16256 <li style="" 16257 class="" 16258 role="none"> 16259 16260 16261 16262 <a class="nav_a_trd " title="Start Your Research" href="#!" data-full_image="" role="menuitem" tabindex="-1" > 16263 Start Your Research <svg viewBox="0 0 320 512"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 16264 </a> 16265 16266 16267 16268 16269 16270 16271 16272 <ul class="nav_list_trd" role="menu" aria-label="Start Your Research" tabindex="-1"> 16273 <li style="" 16274 class="" 16275 role="none"> 16276 16277 <a class="" href="https://www.merryrichardsjewelers.com/fine-jewelry" title="View All Fine Jewelry >>" role="menuitem" tabindex="0" > 16278 View All Fine Jewelry >> </a> 16279 </li> 16280 <li style="" 16281 class="" 16282
16282 role="none"> 16283 16284 <a class="" href="https://www.merryrichardsjewelers.com/tennis-bracelets" title="Tennis Bracelets" role="menuitem" tabindex="-1" > 16285 Tennis Bracelets </a> 16286 </li> 16287 </ul> 16288 </li> 16289 16290 16291 </ul> 16292 </div> 16293</div> 16294<style> 16295 .menu_container_3_navigation_16 { 16296 background: #fff; 16297 } 16298 .horizontal_menu .nav_div_16 { 16299 padding: 15px 0px; 16300 box-shadow: 0px 0px 5px #00000078; display: flex; 16301 flex-wrap: wrap; 16302 } 16303 .horizontal_menu .nav_img_16 { 16304 height: 200px; 16305 width: 250px; 16306 margin-left: 50px; 16307 margin-right: 20px; 16308 flex-shrink: 0; 16309 order: 1; 16310 } 16311 .horizontal_menu .nav_img_16 img { 16312 max-width: 100%; 16313 max-height: 100%; 16314 } 16315 .horizontal_menu .nav_div_16 .vfit { 16316 text-align: left; 16317 border-bottom: 1px solid #ececec; 16318 text-transform: uppercase; 16319 } 16320 .nav_div_16 .vfit a { 16321 text-decoration: none; 16322 color: #222; 16323 } 16324 .nav_div_16 .nav_list { 16325 list-style: none; 16326 margin: 0; 16327 padding: 0; 16328 order: 1; 16329 } 16330 .nav_div_16 ul { 16331 list-style: none; 16332 } 16333 #mobile_hamburger_menu_template .nav_div_16 li { 16334 width: 100%; 16335 margin: 0; 16336 padding: 0px 20px; 16337 position: relative; 16338 } 16339 .horizontal_menu .nav_div_16 li { 16340 width: 100%; 16341 margin: 0; 16342 padding: 0px 20px; 16343 position: relative; 16344 } 16345 16346 #mobile_hamburger_menu_template .nav_div_16 li svg { 16347 position: absolute; 16348 right: 15px; 16349 height: 10px; 16350 top: 10px; 16351 } 16352 .horizontal_menu .nav_div_16 li svg { 16353 position: absolute; 16354 right: 15px; 16355 height: 10px; 16356 top: 10px; 16357 } 16358 16359 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li .nav_a_trd { 16360 display: flex; 16361 align-items: center; 16362 padding: 0; 16363 line-height: 30px; 16364 font-size: 14px; 16365 text-transform: uppercase; 16366 text-decoration: none; 16367 color: #222; 16368 white-space: normal; 16369 16370 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 16371 } 16372 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li button { 16373 background: none; 16374 border: none; 16375 cursor: pointer; 16376 } 16377 16378 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li .nav_a_trd.parent_men { 16379 text-decoration: underline; 16380 } 16381 16382 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li .nav_a_trd:hover { 16383 color:#000000; cursor: pointer; 16384 } 16385 16386 16387 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li .nav_list_trd li a { 16388 display: flex; 16389 align-items: center; 16390 padding: 0; 16391 line-height: 30px; 16392 font-size: 14px; 16393 text-transform: uppercase; 16394 text-decoration: none; 16395 color: #222; 16396 white-space: normal; 16397 16398 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 16399 16400 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_16 .nav_div_16 .nav_list li .nav_list_trd li a:hover { 16401 color:#000000; } 16402 16403 .nav_div_16 .nav_list li a .nav_icons { 16404 height: 30px; 16405 margin-right: 5px; 16406 } 16407 16408 16409 16410 .nav_div_16 .nav_list li a:hover { 16411 color: #3172ab; 16412 } 16413 .horizontal_menu .nav_div_16 .nav_list_trd { 16414 display: none; 16415 position: absolute; 16416 left: 100%; 16417 top: -15px; 16418 padding: 15px 0px; 16419 box-shadow: 0px 0px 5px #00000078; background: #fff; 16420 } 16421 .horizontal_menu .nav_div_16 .nav_list>li .nav_list_trd.open, 16422 .horizontal_menu .nav_div_16 .nav_list>li:hover .nav_list_trd { 16423 display: block; 16424 z-index: 99; 16425 } 16426 16427 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_16, 16428 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_16 .nav_list_trd{ 16429 width: 250px; 16430 } 16431 16432 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_16 .nav_list_trd{ 16433 width: 250px; 16434 } 16435 </style> 16436 </div> 16437 <div class="hum-line"></div> 16438 16439 16440 <button type="button" class="hamburger-menu
16440-nav-section " aria-expanded="false" aria-controls="mobile-submenu-20" aria-label="Expand Timepieces section"> 16441 <span class="icon_and_name"> 16442 16443 Timepieces </span> 16444 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 16445 16446 </button> 16447 16448 16449 16450 <div class="sub-menu-panel" id="mobile-submenu-20" aria-hidden="true"> 16451 16452 16453 16454 16455 16456<div class="menu_container default_build_menu menu_container_3_navigation_20"> 16457 <div class="nav_div_20"> 16458 <ul class="nav_list" role="menu" aria-label="Timepieces" tabindex="-1"> 16459 16460 <li style="" 16461 class="" 16462 role="none"> 16463 16464 16465 16466 <a class="nav_a_trd " title="MeisterSinger" href="https://www.merryrichardsjewelers.com/meistersinger" data-full_image="" role="menuitem" tabindex="0" > 16467 MeisterSinger </a> 16468 16469 16470 16471 16472 16473 16474 16475 </li> 16476 16477 16478 16479 <li style="" 16480 class="" 16481 role="none"> 16482 16483 16484 16485 <a class="nav_a_trd " title="Michele" href="https://www.merryrichardsjewelers.com/michele-watches" data-full_image="" role="menuitem" tabindex="-1" > 16486 Michele </a> 16487 16488 16489 16490 16491 16492 16493 16494 </li> 16495 16496 16497 16498 <li style="" 16499 class="" 16500 role="none"> 16501 16502 16503 16504 <a class="nav_a_trd " title="Sternglas" href="https://www.merryrichardsjewelers.com/sternglas" data-full_image="" role="menuitem" tabindex="-1" > 16505 Sternglas </a> 16506 16507 16508 16509 16510 16511 16512 16513 </li> 16514 16515 16516 16517 <li style="" 16518 class="" 16519 role="none"> 16520 16521 16522 16523 <a class="nav_a_trd " title="Omega Watches" href="https://www.merryrichardsjewelers.com/omega-watches" data-full_image="" role="menuitem" tabindex="-1" > 16524 Omega Watches </a> 16525 16526 16527 16528 16529 16530 16531 16532 </li> 16533 16534 16535 16536 <li style="" 16537 class="" 16538 role="none"> 16539 16540 16541 16542 <a class="nav_a_trd " title="Muhle Glashutte" href="https://www.merryrichardsjewelers.com/muhle-glashutte" data-full_image="" role="menuitem" tabindex="-1" > 16543 Muhle Glashutte </a> 16544 16545 16546 16547 16548 16549 16550 16551 </li> 16552 16553 16554 16555 <li style="" 16556 class="" 16557 role="none"> 16558 16559 16560 16561 <a class="nav_a_trd " title="Pre- Owned Watches" href="https://www.merryrichardsjewelers.com/pre-owned-watches" data-full_image="" role="menuitem" tabindex="-1" > 16562 Pre- Owned Watches </a> 16563 16564 16565 16566 16567 16568 16569 16570 </li> 16571 16572 16573 16574 <li style="" 16575 class="" 16576 role="none"> 16577 16578 16579 16580 <a class="nav_a_trd " title="New Old Watches" href="https://www.merryrichardsjewelers.com/new-old-watches" data-full_image="" role="menuitem" tabindex="-1" > 16581 New Old Watches </a> 16582 16583 16584 16585 16586 16587 16588 16589 </li> 16590 16591 16592 </ul> 16593 </div> 16594</div> 16595<style> 16596 .menu_container_3_navigation_20 { 16597 background: #fff; 16598 } 16599 .horizontal_menu .nav_div_20 { 16600 padding: 15px 0px; 16601 box-shadow: 0px 0px 5px #00000078; display: flex; 16602 flex-wrap: wrap; 16603 } 16604 .horizontal_menu .nav_img_20 { 16605 height: 200px; 16606 width: 250px; 16607 margin-left: 50px; 16608 margin-right: 20px; 16609 flex-shrink: 0; 16610 order: 1; 16611 } 16612 .horizontal_menu .nav_img_20 img { 16613 max-width: 100%; 16614 max-height: 100%; 16615 } 16616 .horizontal_menu .nav_div_20 .vfit { 16617 text-align: left; 16618 border-bottom: 1px solid #ececec; 16619 text-transform: uppercase; 16620 } 16621 .nav_div_20 .vfit a { 16622 text-decoration: none; 16623 color: #222; 16624 }
16625 .nav_div_20 .nav_list { 16626 list-style: none; 16627 margin: 0; 16628 padding: 0; 16629 order: 1; 16630 } 16631 .nav_div_20 ul { 16632 list-style: none; 16633 } 16634 #mobile_hamburger_menu_template .nav_div_20 li { 16635 width: 100%; 16636 margin: 0; 16637 padding: 0px 20px; 16638 position: relative; 16639 } 16640 .horizontal_menu .nav_div_20 li { 16641 width: 100%; 16642 margin: 0; 16643 padding: 0px 20px; 16644 position: relative; 16645 } 16646 16647 #mobile_hamburger_menu_template .nav_div_20 li svg { 16648 position: absolute; 16649 right: 15px; 16650 height: 10px; 16651 top: 10px; 16652 } 16653 .horizontal_menu .nav_div_20 li svg { 16654 position: absolute; 16655 right: 15px; 16656 height: 10px; 16657 top: 10px; 16658 } 16659 16660 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_20 .nav_div_20 .nav_list li .nav_a_trd { 16661 display: flex; 16662 align-items: center; 16663 padding: 0; 16664 line-height: 30px; 16665 font-size: 14px; 16666 text-transform: uppercase; 16667 text-decoration: none; 16668 color: #222; 16669 white-space: normal; 16670 16671 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 16672 } 16673 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_20 .nav_div_20 .nav_list li button { 16674 background: none; 16675 border: none; 16676 cursor: pointer; 16677 } 16678 16679 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_20 .nav_div_20 .nav_list li .nav_a_trd.parent_men { 16680 text-decoration: underline; 16681 } 16682 16683 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_20 .nav_div_20 .nav_list li .nav_a_trd:hover { 16684 color:#000000; cursor: pointer; 16685 } 16686 16687 16688 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_20 .nav_div_20 .nav_list li .nav_list_trd li a { 16689 display: flex; 16690 align-items: center; 16691 padding: 0; 16692 line-height: 30px; 16693 font-size: 14px; 16694 text-transform: uppercase; 16695 text-decoration: none; 16696 color: #222; 16697 white-space: normal; 16698 16699 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 16700 16701 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_20 .nav_div_20 .nav_list li .nav_list_trd li a:hover { 16702 color:#000000; } 16703 16704 .nav_div_20 .nav_list li a .nav_icons { 16705 height: 30px; 16706 margin-right: 5px; 16707 } 16708 16709 16710 16711 .nav_div_20 .nav_list li a:hover { 16712 color: #3172ab; 16713 } 16714 .horizontal_menu .nav_div_20 .nav_list_trd { 16715 display: none; 16716 position: absolute; 16717 left: 100%; 16718 top: -15px; 16719 padding: 15px 0px; 16720 box-shadow: 0px 0px 5px #00000078; background: #fff; 16721 } 16722 .horizontal_menu .nav_div_20 .nav_list>li .nav_list_trd.open, 16723 .horizontal_menu .nav_div_20 .nav_list>li:hover .nav_list_trd { 16724 display: block; 16725 z-index: 99; 16726 } 16727 16728 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_20, 16729 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_20 .nav_list_trd{ 16730 width: 250px; 16731 } 16732 16733 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_20 .nav_list_trd{ 16734 width: 250px; 16735 } 16736 </style> 16737 </div> 16738 <div class="hum-line"></div> 16739 16740 16741 <button type="button" class="hamburger-menu-nav-section " aria-expanded="false" aria-controls="mobile-submenu-21" aria-label="Expand Services section">
16742 <span class="icon_and_name"> 16743 16744 Services </span> 16745 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 16746 16747 </button> 16748 16749 16750 16751 <div class="sub-menu-panel" id="mobile-submenu-21" aria-hidden="true"> 16752 16753 16754 16755 16756 16757<div class="menu_container default_build_menu menu_container_3_navigation_21"> 16758 <div class="nav_div_21"> 16759 <ul class="nav_list" role="menu" aria-label="Services" tabindex="-1"> 16760 16761 <li style="" 16762 class="" 16763 role="none"> 16764 16765 16766 16767 <a class="nav_a_trd " title="Services" href="https://www.merryrichardsjewelers.com/services" data-full_image="" role="menuitem" tabindex="0" > 16768 Services </a> 16769 16770 16771 16772 16773 16774 16775 16776 </li> 16777 16778 16779 16780 <li style="" 16781 class="" 16782 role="none"> 16783 16784 16785 16786 <a class="nav_a_trd " title="Jewelry Repair" href="https://www.merryrichardsjewelers.com/jewelry-repair" data-full_image="" role="menuitem" tabindex="-1" > 16787 Jewelry Repair </a> 16788 16789 16790 16791 16792 16793 16794 16795 </li> 16796 16797 16798 16799 <li style="" 16800 class="" 16801 role="none"> 16802 16803 16804 16805 <a class="nav_a_trd " title="Jewelry Buying" href="https://www.merryrichardsjewelers.com/jewelry-buying" data-full_image="" role="menuitem" tabindex="-1" > 16806 Jewelry Buying </a> 16807 16808 16809 16810 16811 16812 16813 16814 </li> 16815 16816 16817 16818 <li style="" 16819 class="" 16820 role="none"> 16821 16822 16823 16824 <a class="nav_a_trd " title="Jewelry Appraisals" href="https://www.merryrichardsjewelers.com/jewelry-appraisals" data-full_image="" role="menuitem" tabindex="-1" > 16825 Jewelry Appraisals </a> 16826 16827 16828 16829 16830 16831 16832 16833 </li> 16834 16835 16836 16837 <li style="" 16838 class="" 16839 role="none"> 16840 16841 16842 16843 <a class="nav_a_trd " title="Diamond Buying " href="https://www.merryrichardsjewelers.com/diamond-buying" data-full_image="" role="menuitem" tabindex="-1" > 16844 Diamond Buying </a> 16845 16846 16847 16848 16849 16850 16851 16852 </li> 16853 16854 16855 16856 <li style="" 16857 class="" 16858 role="none"> 16859 16860 16861 16862 <a class="nav_a_trd " title="Flexible Financing " href="https://citiretailservices.citibankonline.com/apply/jewelers-reserve-credit-card?app=UNSOL&siteId=PLCN_JEWELRY&sc=05632&stnu=51105" data-full_image="" role="menuitem" tabindex="-1" > 16863 Flexible Financing </a> 16864 16865 16866 16867 16868 16869 16870 16871 </li> 16872 16873 16874 16875 <li style="" 16876 class="" 16877 role="none"> 16878 16879 16880 16881 <a class="nav_a_trd " title="Custom Design " href="https://www.merryrichardsjewelers.com/custom-design" data-full_image="" role="menuitem" tabindex="-1" > 16882 Custom Design </a> 16883 16884 16885 16886 16887 16888 16889 16890 </li> 16891 16892 16893 </ul> 16894 </div> 16895</div> 16896<style> 16897 .menu_container_3_navigation_21 { 16898 background: #fff; 16899 } 16900 .horizontal_menu .nav_div_21 { 16901 padding: 15px 0px; 16902 box-shadow: 0px 0px 5px #00000078; display: flex; 16903 flex-wrap: wrap; 16904 } 16905 .horizontal_menu .nav_img_21 { 16906 height: 200px; 16907 width: 250px; 16908 margin-left: 50px; 16909 margin-right: 20px; 16910 flex-shrink: 0; 16911 order: 1; 16912 } 16913 .horizontal_menu .nav_img_21 img { 16914 max-width: 100%; 16915 max-height: 100%; 16916 } 16917 .horizontal_menu .nav_div_21 .vfit { 16918 text-align: left; 16919 border-bottom: 1px solid #ececec; 16920 text-transform: uppercase; 16921 } 16922 .nav_div_21 .vfit a { 16923 text-decoration: none; 16924 color: #222; 16925 } 16926 .nav_div_21 .nav_list { 16927 list-style: none; 16928 margin: 0; 16929 padding: 0; 16930 order: 1; 16931 } 16932 .nav_div_21 ul { 16933 list-style: none; 16934 } 16935 #mobile_hamburger_menu_template .nav_div_21 li { 16936 width: 100%; 16937 margin: 0; 16938 padding: 0px 20px; 16939 position: relative; 16940 } 16941 .horizontal_menu .nav_div_21 li { 16942 width: 100%; 16943 margin: 0; 16944 padding: 0px 20px; 16945 position: relative; 16946 } 16947 16948 #mobile_hamburger_menu_template .nav_div_21 li svg { 16949 position: absolute; 16950 right: 15px; 16951 height: 10px; 16952 top: 10px; 16953 } 16954 .horizontal_menu .nav_div_21 li svg { 16955 position: absolute; 16956 right: 15px; 16957 height: 10px; 16958 top: 10px; 16959 } 16960 16961 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_21 .nav_div_21 .nav_list li .nav_a_trd { 16962 display: flex; 16963 align-items: center; 16964 padding: 0; 16965 line-height: 30px; 16966 font-size: 14px; 16967 text-transform: uppercase; 16968 text-decoration: none; 16969 color: #222; 16970 white-space: normal; 16971 16972 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 16973 } 16974 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_21 .nav_div_21 .nav_list li button { 16975 background: none; 16976 border: none; 16977 cursor: pointer; 16978 } 16979 16980 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_21 .nav_div_21 .nav_list li .nav_a_trd.parent_men { 16981 text-decoration: underline; 16982 } 16983 16984 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_21 .nav_div_21 .nav_list li .nav_a_trd:hover { 16985 color:#000000; cursor: pointer; 16986 } 16987 16988 16989 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_21 .nav_div_21 .nav_list li .nav_list_trd li a { 16990 display: flex; 16991 align-items: center; 16992 padding: 0; 16993 line-height: 30px; 16994 font-size: 14px; 16995 text-transform: uppercase; 16996 text-decoration: none; 16997 color: #222; 16998 white-space: normal; 16999 17000 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 17001 17002 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_21 .nav_div_21 .nav_list li .nav_list_trd li a:hover { 17003 color:#000000; } 17004 17005 .nav_div_21 .nav_list li a .nav_icons { 17006 height: 30px; 17007 margin-right: 5px; 17008 } 17009 17010 17011 17012 .nav_div_21 .nav_list li a:hover { 17013 color: #3172ab; 17014 } 17015 .horizontal_menu .nav_div_21 .nav_list_trd { 17016 display: none; 17017 position: absolute; 17018 left: 100%; 17019 top: -15px; 17020 padding: 15px 0px; 17021 box-shadow: 0px 0px 5px #00000078; background: #fff; 17022 } 17023 .horizontal_menu .nav_div_21 .nav_list>li .nav_list_trd.open, 17024 .horizontal_menu .nav_div_21 .nav_list>li:hover .nav_list_trd { 17025 display: block; 17026 z-index: 99; 17027 } 17028 17029 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_21, 17030 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_21 .nav_list_trd{ 17031 width: 250px; 17032 } 17033 17034 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_21 .nav_list_trd{ 17035 width: 250px; 17036 } 17037 </style> 17038 </div> 17039 <div class="hum-line"></div> 17040 17041 17042 <button type="button" class="hamburger-menu
17042-nav-section " aria-expanded="false" aria-controls="mobile-submenu-105" aria-label="Expand Company section"> 17043 <span class="icon_and_name"> 17044 17045 Company </span> 17046 <svg viewBox="0 0 320 512" focusable="false" aria-hidden="true"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg> 17047 17048 </button> 17049 17050 17051 17052 <div class="sub-menu-panel" id="mobile-submenu-105" aria-hidden="true"> 17053 17054 17055 17056 17057 17058<div class="menu_container default_build_menu menu_container_3_navigation_105"> 17059 <div class="nav_div_105"> 17060 <ul class="nav_list" role="menu" aria-label="Company " tabindex="-1"> 17061 17062 <li style="" 17063 class="" 17064 role="none"> 17065 17066 17067 17068 <a class="nav_a_trd " title="About Us " href="https://www.merryrichardsjewelers.com/about-us" data-full_image="" role="menuitem" tabindex="0" > 17069 About Us </a> 17070 17071 17072 17073 17074 17075 17076 17077 </li> 17078 17079 17080 17081 <li style="" 17082 class="" 17083 role="none"> 17084 17085 17086 17087 <a class="nav_a_trd " title="History" href="https://www.merryrichardsjewelers.com/history" data-full_image="" role="menuitem" tabindex="-1" > 17088 History </a> 17089 17090 17091 17092 17093 17094 17095 17096 </li> 17097 17098 17099 17100 <li style="" 17101 class="" 17102 role="none"> 17103 17104 17105 17106 <a class="nav_a_trd " title="Media " href="https://www.merryrichardsjewelers.com/news" data-full_image="" role="menuitem" tabindex="-1" > 17107 Media </a> 17108 17109 17110 17111 17112 17113 17114 17115 </li> 17116 17117 17118 17119 <li style="" 17120 class="" 17121 role="none"> 17122 17123 17124 17125 <a class="nav_a_trd " title="Blog" href="https://www.merryrichardsjewelers.com/journals" data-full_image="" role="menuitem" tabindex="-1" > 17126 Blog </a> 17127 17128 17129 17130 17131 17132 17133 17134 </li> 17135 17136 17137 17138 <li style="" 17139 class="" 17140 role="none"> 17141 17142 17143 17144 <a class="nav_a_trd " title="Events " href="https://www.merryrichardsjewelers.com/events" data-full_image="" role="menuitem" tabindex="-1" > 17145 Events </a> 17146 17147 17148 17149 17150 17151 17152 17153 </li> 17154 17155 17156 17157 <li style="" 17158 class="" 17159 role="none"> 17160 17161 17162 17163 <a class="nav_a_trd " title="Careers" href="https://www.merryrichardsjewelers.com/careers" target="_blank" data-full_image="" role="menuitem" tabindex="-1" > 17164 Careers </a> 17165 17166 17167 17168 17169 17170 17171 17172 </li> 17173 17174 17175 </ul> 17176 </div> 17177</div> 17178<style> 17179 .menu_container_3_navigation_105 { 17180 background: #fff; 17181 } 17182 .horizontal_menu .nav_div_105 { 17183 padding: 15px 0px; 17184 box-shadow: 0px 0px 5px #00000078; display: flex; 17185 flex-wrap: wrap; 17186 } 17187 .horizontal_menu .nav_img_105 { 17188 height: 200px; 17189 width: 250px; 17190 margin-left: 50px; 17191 margin-right: 20px; 17192 flex-shrink: 0; 17193 order: 1; 17194 } 17195 .horizontal_menu .nav_img_105 img { 17196 max-width: 100%; 17197 max-height: 100%; 17198 } 17199 .horizontal_menu .nav_div_105 .vfit { 17200 text-align: left; 17201 border-bottom: 1px solid #ececec; 17202 text-transform: uppercase; 17203 } 17204 .nav_div_105 .vfit a { 17205 text-decoration: none; 17206 color: #222; 17207 } 17208 .nav_div_105 .nav_list { 17209 list-style: none; 17210 margin: 0; 17211 padding: 0; 17212 order: 1; 17213 } 17214 .nav_div_105 ul { 17215 list-style: none; 17216 } 17217 #mobile_hamburger_menu_template .nav_div_105 li { 17218 width: 100%; 17219 margin: 0; 17220 padding: 0px 20px; 17221 position: relative; 17222 } 17223 .horizontal_menu .nav_div_105 li { 17224 width: 100%; 17225 margin: 0; 17226 padding: 0px 20px; 17227 position: relative; 17228 } 17229 17230 #mobile_hamburger_menu_template .nav_div_105 li svg { 17231 position: absolute; 17232 right: 15px; 17233 height: 10px; 17234 top: 10px; 17235 } 17236 .horizontal_menu .nav_div_105 li svg { 17237 position: absolute; 17238 right: 15px; 17239 height: 10px; 17240 top: 10px; 17241 } 17242 17243 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_105 .nav_div_105 .nav_list li .nav_a_trd { 17244 display: flex; 17245 align-items: center; 17246 padding: 0; 17247 line-height: 30px; 17248 font-size: 14px; 17249 text-transform: uppercase; 17250 text-decoration: none; 17251 color: #222; 17252 white-space: normal; 17253 17254 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 17255 } 17256 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_105 .nav_div_105 .nav_list li button { 17257 background: none; 17258 border: none; 17259 cursor: pointer; 17260 } 17261 17262 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_105 .nav_div_105 .nav_list li .nav_a_trd.parent_men { 17263 text-decoration: underline; 17264 } 17265 17266 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_105 .nav_div_105 .nav_list li .nav_a_trd:hover { 17267 color:#000000; cursor: pointer; 17268 } 17269 17270 17271 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_105 .nav_div_105 .nav_list li .nav_list_trd li a { 17272 display: flex; 17273 align-items: center; 17274 padding: 0; 17275 line-height: 30px; 17276 font-size: 14px; 17277 text-transform: uppercase; 17278 text-decoration: none; 17279 color: #222; 17280 white-space: normal; 17281 17282 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 17283 17284 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_105 .nav_div_105 .nav_list li .nav_list_trd li a:hover { 17285 color:#000000; } 17286 17287 .nav_div_105 .nav_list li a .nav_icons { 17288 height: 30px; 17289 margin-right: 5px; 17290 } 17291 17292 17293 17294 .nav_div_105 .nav_list li a:hover { 17295 color: #3172ab; 17296 } 17297 .horizontal_menu .nav_div_105 .nav_list_trd { 17298 display: none; 17299 position: absolute; 17300 left: 100%; 17301 top: -15px; 17302 padding: 15px 0px; 17303 box-shadow: 0px 0px 5px #00000078; background: #fff; 17304 } 17305 .horizontal_menu .nav_div_105 .nav_list>li .nav_list_trd.open, 17306 .horizontal_menu .nav_div_105 .nav_list>li:hover .nav_list_trd { 17307 display: block; 17308 z-index: 99; 17309 } 17310 17311 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_105, 17312 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_105 .nav_list_trd{ 17313 width: 250px; 17314 } 17315 17316 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_105 .nav_list_trd{ 17317 width: 250px; 17318 } 17319 </style> 17320 </div> 17321 <div class="hum-line"></div> 17322 17323 17324 <a class="hamburger-menu
17324-nav-section " title="Contact Us" href="https://www.merryrichardsjewelers.com/contact-us" > 17325 <span class="icon_and_name"> 17326 17327 Contact Us </span> 17328 17329 </a> 17330 17331 17332 17333 <div class="sub-menu-panel" id="mobile-submenu-22" aria-hidden="true"> 17334 17335 17336 17337 17338 17339<div class="menu_container default_build_menu menu_container_3_navigation_22"> 17340 <div class="nav_div_22"> 17341 </div> 17342</div> 17343<style> 17344 .menu_container_3_navigation_22 { 17345 background: #fff; 17346 } 17347 .horizontal_menu .nav_div_22 { 17348 padding: 15px 0px; 17349 box-shadow: 0px 0px 5px #00000078; display: flex; 17350 flex-wrap: wrap; 17351 } 17352 .horizontal_menu .nav_img_22 { 17353 height: 200px; 17354 width: 250px; 17355 margin-left: 50px; 17356 margin-right: 20px; 17357 flex-shrink: 0; 17358 order: 1; 17359 } 17360 .horizontal_menu .nav_img_22 img { 17361 max-width: 100%; 17362 max-height: 100%; 17363 } 17364 .horizontal_menu .nav_div_22 .vfit { 17365 text-align: left; 17366 border-bottom: 1px solid #ececec; 17367 text-transform: uppercase; 17368 } 17369 .nav_div_22 .vfit a { 17370 text-decoration: none; 17371 color: #222; 17372 } 17373 .nav_div_22 .nav_list { 17374 list-style: none; 17375 margin: 0; 17376 padding: 0; 17377 order: 1; 17378 } 17379 .nav_div_22 ul { 17380 list-style: none; 17381 } 17382 #mobile_hamburger_menu_template .nav_div_22 li { 17383 width: 100%; 17384 margin: 0; 17385 padding: 0px 20px; 17386 position: relative; 17387 } 17388 .horizontal_menu .nav_div_22 li { 17389 width: 100%; 17390 margin: 0; 17391 padding: 0px 20px; 17392 position: relative; 17393 } 17394 17395 #mobile_hamburger_menu_template .nav_div_22 li svg { 17396 position: absolute; 17397 right: 15px; 17398 height: 10px; 17399 top: 10px; 17400 } 17401 .horizontal_menu .nav_div_22 li svg { 17402 position: absolute; 17403 right: 15px; 17404 height: 10px; 17405 top: 10px; 17406 } 17407 17408 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li .nav_a_trd { 17409 display: flex; 17410 align-items: center; 17411 padding: 0; 17412 line-height: 30px; 17413 font-size: 14px; 17414 text-transform: uppercase; 17415 text-decoration: none; 17416 color: #222; 17417 white-space: normal; 17418 17419 color:#4d4d4d; font-style:italic; font-size:14px; font-family:Arial; text-transform:uppercase; line-height:35px; 17420 } 17421 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li button { 17422 background: none; 17423 border: none; 17424 cursor: pointer; 17425 } 17426 17427 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li .nav_a_trd.parent_men { 17428 text-decoration: underline; 17429 } 17430 17431 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li .nav_a_trd:hover { 17432 color:#000000; cursor: pointer; 17433 } 17434 17435 17436 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li .nav_list_trd li a { 17437 display: flex; 17438 align-items: center; 17439 padding: 0; 17440 line-height: 30px; 17441 font-size: 14px; 17442 text-transform: uppercase; 17443 text-decoration: none; 17444 color: #222; 17445 white-space: normal; 17446 17447 color:#4d4d4d; font-style:normal; font-size:px; font-family:Arial; text-transform:none; line-height:35px; } 17448 17449 .header_container .flex_row .flex_cell.menu .default_build_menu.menu_container_3_navigation_22 .nav_div_22 .nav_list li .nav_list_trd li a:hover { 17450 color:#000000; } 17451 17452 .nav_div_22 .nav_list li a .nav_icons { 17453 height: 30px; 17454 margin-right: 5px; 17455 } 17456 17457 17458 17459 .nav_div_22 .nav_list li a:hover { 17460 color: #3172ab; 17461 } 17462 .horizontal_menu .nav_div_22 .nav_list_trd { 17463 display: none; 17464 position: absolute; 17465 left: 100%; 17466 top: -15px; 17467 padding: 15px 0px; 17468 box-shadow: 0px 0px 5px #00000078; background: #fff; 17469 } 17470 .horizontal_menu .nav_div_22 .nav_list>li .nav_list_trd.open, 17471 .horizontal_menu .nav_div_22 .nav_list>li:hover .nav_list_trd { 17472 display: block; 17473 z-index: 99; 17474 } 17475 17476 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_22, 17477 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_22 .nav_list_trd{ 17478 width: 250px; 17479 } 17480 17481 .horizontal_menu .menu_container.default_build_menu.menu_container_3_navigation_22 .nav_list_trd{ 17482 width: 250px; 17483 } 17484 </style> 17485 </div> 17486 <div class="hum-line"></div> 17487 <div class="script_after_menu"> 17488 </div> 17489 </div> 17490 </nav>
17491 <div class="hamburger-menu-template-overlay" id="mobile_hamburger_menu_template_overlay"></div> 17492 17493
17493<script> 17494 $(function () { 17495 17496 const $menuRoot = $('#mobile_hamburger_menu_template'); 17497 const $menuWrap = $('.header_container_3'); 17498 const $button = $('#mobile_hamburger_button'); 17499 const $overlay = $('#mobile_hamburger_menu_template_overlay'); 17500 const $closeBtn = $('#mobile_hamburger_close_button'); 17501 17502 const trap = focusTrap.createFocusTrap($menuRoot[0], { 17503 onActivate: () => $menuRoot.addClass('is-active'), 17504 onDeactivate: () => $menuRoot.removeClass('is-active'), 17505 clickOutsideDeactivates: true 17506 }); 17507 17508 $button.on('click keypress', function (event) { 17509 if (event.which === 13 || event.which === 32 || event.type === 'click') { 17510 if (event.which === 32) event.preventDefault(); 17511 17512 const isOpen = $menuRoot.hasClass('open'); 17513 17514 $menuRoot.toggleClass('open'); 17515 $overlay.toggleClass('open'); 17516 $menuRoot.removeAttr('inert'); 17517 $button.attr('aria-expanded', String(!isOpen)); 17518 17519 if (!isOpen) { 17520 trap.activate(); 17521 $closeBtn.focus(); 17522 } else { 17523 closeHamburgerMenu(); 17524 } 17525 } 17526 }); 17527 17528 $closeBtn.add($overlay).on('click keypress', function (event) { 17529 if (event.which === 13 || event.which === 32 || event.type === 'click') { 17530 if (event.which === 32) event.preventDefault(); 17531 closeHamburgerMenu(); 17532 } 17533 }); 17534 17535 function closeHamburgerMenu() { 17536 $menuRoot.removeClass('open').attr('inert', 'inert'); 17537 $overlay.removeClass('open'); 17538 $button.attr('aria-expanded', 'false'); 17539 17540 $menuRoot.find('.sub-menu-panel').each(function () { 17541 const $submenu = $(this); 17542 $submenu.removeClass('open').attr('aria-hidden', 'true'); 17543 updateSubmenuTabindex($submenu, true); 17544 }); 17545 17546 $menuRoot.find('.hamburger-menu-nav-section[aria-expanded="true"]') 17547 .attr('aria-expanded', 'false'); 17548 17549 trap.deactivate(); 17550 } 17551 17552 function updateSubmenuTabindex($submenu, isHidden) { 17553 const $items = $submenu.find('a'); 17554 17555 if (isHidden) { 17556 $items.each(function () { 17557 $(this).attr('tabindex', '-1'); 17558 }); 17559 } else { 17560 $items.each(function () { 17561 $(this).attr('tabindex', '0'); 17562 }); 17563 } 17564 } 17565 17566 $menuRoot.on('keypress', '.nav_a_trd', function (e) { 17567 17568 e.preventDefault(); 17569 e.stopPropagation(); 17570 17571 const $trigger = $(this); 17572 const $submenu = $trigger.next('.nav_list_trd'); 17573 17574 if (!$submenu.length) return; 17575 17576 const isOpen = $submenu.hasClass('open'); 17577 17578 $menuRoot.find('.nav_list_trd.open').not($submenu).each(function () { 17579 $(this) 17580 .removeClass('open') 17581 .attr('aria-hidden', 'true'); 17582 updateSubmenuTabindex($(this), true); 17583 }); 17584 17585 if (isOpen) { 17586 $submenu 17587 .removeClass('open') 17588 .attr('aria-hidden', 'true'); 17589 updateSubmenuTabindex($submenu, true); 17590 } else { 17591 $submenu 17592 .addClass('open') 17593 .attr('aria-hidden', 'false'); 17594 updateSubmenuTabindex($submenu, false); 17595 } 17596 }); 17597
17598 $menuWrap.on('click keypress', '.hamburger-menu-nav-section[aria-controls]', function (e) { 17599 17600 e.preventDefault(); 17601 e.stopPropagation(); 17602 17603 const $btn = $(this); 17604 const submenuId = $btn.attr('aria-controls'); 17605 const $submenu = $menuRoot.find('.sub-menu-panel#' + submenuId); 17606 17607 if (!$submenu.length) return; 17608 17609 const isExpanded = $btn.attr('aria-expanded') === 'true'; 17610 17611 $menuRoot.find('.sub-menu-panel').not($submenu).each(function () { 17612 $(this).removeClass('open').attr('aria-hidden', 'true'); 17613 updateSubmenuTabindex($(this), true); 17614 }); 17615 17616 $menuRoot.find('[aria-controls]') 17617 .not($btn) 17618 .attr('aria-expanded', 'false'); 17619 17620 if (isExpanded) { 17621 console.log($submenu) 17622 $btn.attr('aria-expanded', 'false'); 17623 $submenu.removeClass('open').attr('aria-hidden', 'true'); 17624 updateSubmenuTabindex($submenu, true); 17625 } else { 17626 $btn.attr('aria-expanded', 'true'); 17627 $submenu.addClass('open').attr('aria-hidden', 'false'); 17628 updateSubmenuTabindex($submenu, false); 17629 } 17630 }); 17631 17632 $menuRoot.on('keydown', function (e) { 17633 if (e.key !== 'Escape') return; 17634 17635 const $open = $menuRoot.find('.nav_list_trd.open').last(); 17636 if (!$open.length) return; 17637 17638 $open 17639 .removeClass('open') 17640 .attr('aria-hidden', 'true'); 17641 17642 updateSubmenuTabindex($open, true); 17643 17644 $open.prev('.nav_a_trd').focus(); 17645 17646 e.preventDefault(); 17647 e.stopPropagation(); 17648 }); 17649 17650 $menuRoot.find('.sub-menu-panel').each(function () { 17651 const $submenu = $(this); 17652 const isOpen = $submenu.hasClass('open') && $submenu.attr('aria-hidden') !== 'true'; 17653 updateSubmenuTabindex($submenu, !isOpen); 17654 }); 17655 17656 }); 17657 17658 </script>
17658 17659</div> 17660 17661<style> 17662 #mobile_hamburger_menu_template>ul>li>a, 17663 #mobile_hamburger_menu_template>ul>li>button { 17664 color:#4d4d4d; display: flex; 17665 font-style:normal; font-size:15px; font-family:Arial; text-transform:none; line-height:40px; } 17666 17667 #mobile_hamburger_menu_template>ul>li>a:hover, 17668 #mobile_hamburger_menu_template>ul>li>button:hover { 17669 color:#000000; } 17670</style> 17671 </div> 17672 17673 </div> 17674 17675 17676 17677 <div class="flex_row"> 17678 17679 17680 <div class="flex_col"> 17681 17682 17683 </div> 17684 17685 </div> 17686 17687 17688 </div> 17689 17690 17691 17692</header> 17693 17694 17695<main id="main" class="main_page_container page_type_1051 page_guid_3000002"> 17696 <div class="pcontainer d-flex flex-wrap empty_filters"> 17697 <h1>Search for Products and Pages</h1> 17698 <form class="sfform"> 17699 <div class="input-group search_box_general_style"> 17700 <input class="sinps form-control" type="text" id="keyword-search" value="" placeholder="Search for Products and Pages"> 17701 <button class="form-control sBtns"> 17702 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="path_class" d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"></path></svg> 17703 </button> 17704 </div> 17705 </form> 17706 17707 <aside class="filters-container" id="filters-container" aria-label="Items filters panel"> 17708 <div class="close-div d-flex align-items-center justify-content-between mb-4 d-md-none"> 17709 <div class="results label_general_style"> 17710 <span class="total_results">6027</span> ITEMS 17711 </div> 17712 <button class="close_svg" style="background: none; border: none;" aria-label="Close"> 17713 <svg xmlns="http://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> 17714 </button> 17715 </div> 17716 <hr class="d-block d-md-none"> 17717 <div class="filters-reset-button-wrapper"> 17718 <button class="items-reset filters-reset-button" aria-label="Reset Filters"> 17719 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 17720 <path fill="currentColor" d="M480 256c0 123.4-100.5 223.9-223.9 223.9c-48.84 0-95.17-15.58-134.2-44.86c-14.12-10.59-16.97-30.66-6.375-44.81c10.59-14.12 30.62-16.94 44.81-6.375c27.84 20.91 61 31.94 95.88 31.94C344.3 415.8 416 344.1 416 256s-71.69-159.8-159.8-159.8c-37.46 0-73.09 13.49-101.3 36.64l45.12 45.14c17.01 17.02 4.955 46.1-19.1 46.1H35.17C24.58 224.1 16 215.5 16 204.9V59.04c0-24.04 29.07-36.08 46.07-19.07l47.6 47.63C149.9 52.71 201.5 32.11 256.1 32.11C379.5 32.11 480 132.6 480 256z"/> 17721 </svg> 17722 Reset Filters 17723 </button> 17724 </div> 17725 <form id="items-search-form" autocomplete="on" aria-label="Items filters form"> 17726 <input type="hidden" name="_csrf_token" value="4bc4f2205a769d433c6bb4edea734723a882b76e8166480f6b585ec0286c16f0"> <input type="hidden" name="cmd" value="UPDATE_FILTERS"> 17727 <input type="hidden" name="page_uri" value="https://www.merryrichardsjewelers.com/keyword-search"> 17728 <input type="hidden" name="count" value="6027"> 17729 <input type="hidden" name="guid" value="3000002"> 17730 <input type="hidden" name="design_id" value="52"> 17731 <input type="hidden" name="products_type" value="items"> 17732 <input type="hidden" name="pg_type" value="1051"> 17733 17734 <input type="hidden" class="order_by" name="order_by" value="seed"> 17735 <input type="hidden" class="order_dir" name="order_dir" value="ASC"> 17736 17737 17738 17739 <input type="hidden" name="isFromBridalRingBuilderPage" value=""> 17740 17741 <input type="hidden" name="pagination_page" class="pagination_page" value="1"> 17742 <input type="hidden" name="skip" class="skip_pages skip" value="
177420"> 17743 <input type="hidden" name="limit" value="16"> 17744 17745 <input type="hidden" name="keyword" class="keyword" value=""> 17746 17747 </form> 17748</aside> <div class="filters-content"> 17749 <div class="processing_items_div processing_div"><span class="processing">Processing...</span></div> 17750 <div class="products-sorting"> 17751 <hr> 17752 <div class="sorting-panel"> 17753 <div class="results label_general_style"> 17754 <span class="items_total_results">6027</span> ITEMS </div> 17755 <div class="sortby"> 17756 <div class="form-group mb-0 position-relative"> 17757 <label for="items_sorting" class="mb-0 general_style">SORT BY</label> 17758 <select id="items_sorting" name="sort_by" class="form-control form-control-sm d-sm-inline-block sorting w-auto"> 17759 <option value="seed-asc" selected>Default</option> 17760 <option value="price-asc" >Price: Low to High</option> 17761 <option value="price-desc" >Price: High to Low</option> 17762 <option value="date_arrival-desc" >Newest Arrivals</option> 17763 <option value="instock-nothing" >In Stock First</option> 17764 <option value="orderable-nothing" >Orderable</option> 17765 <option value="brand_name-asc" >Brand Name ( A - Z )</option> 17766 <option value="brand_name-desc" >Brand Name ( Z - A )</option> 17767 <option value="model_number-asc" >Model Number ( A - Z )</option> 17768 <option value="model_number-desc" >Model Number ( Z - A )</option> 17769 </select> 17770 </div> 17771 </div> 17772 </div> 17773 <hr> 17774 </div> 17775 17776 <div class="items-list products-list d-flex"> 17777 17778<div class="item position-relative overflow-hidden"> 17779 <a href="https://www.merryrichardsjewelers.com/merry-richards/nc-14kyg-d=-31-bar-pierced/4780051/en" title="NC-14KYG D=.31 BAR PIERCED" alt="NC-14KYG D=.31 BAR PIERCED"> 17780 <div class="item_img_div"> 17781 <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/534/product_images/5x8/500/643097_0.png" width="300" height="300" loading="lazy" title="NC-14KYG D=.31 BAR PIERCED" alt="NC-14KYG D=.31 BAR PIERCED" /> 17782 </div> 17783 <div class="item-info"> 17784 <span class="fields field-1"> 17785 Merry Richards </span> 17786 <span class="fields field-2"> 17787 NC-14KYG D=.31 BAR PIERCED </span> 17788 <span class="fields field-3"> 17789 </span> 17790 <span class="fields field-4"> 17791 17792 $1,535.00 </span> 17793 <span class="fields field-5"> 17794 <sp
17794an class="stock"> 17795 <span class="out_of_stock_label"> 17796 Availability: <span>SPECIAL ORDER</span> 17797 </span> 17798 </span> 17799 </span> 17800 </div> 17801 </a> 17802 <form action="https://www.merryrichardsjewelers.com/wishlist" class="wishlist-form" aria-label="Wishlist item 4780051"> 17803 <input type="hidden" name="guid" value="4780051"> 17804 17805 <input type="hidden" name="action" value="add"> 17806 17807 <button type="submit" 17808 class="wishlist-btn" 17809 aria-label="Add to Wishlist"> 17810 17811 <svg class="heart-icon general_style" 17812 xmlns="http://www.w3.org/2000/svg"
17813 viewBox="0 0 24 22" 17814 width="24" 17815 height="22" 17816 stroke="#3172ab" 17817 fill="#3172ab" 17818 stroke-width="1.5" 17819 fill-opacity="0" 17820 aria-hidden="true" 17821 focusable="false"> 17822 17823 <path d="M12.45 3.59C12.45 3.59 8.8 0.65 6.11 0.69C3.42 0.72 1.07 3.09 1.4 6.81C1.73 10.54 6.03 16.19 12.34 20.64C12.34 20.65 12.35 20.65 12.45 20.72C17.63 17.11 22.99 10.88 23.27 6.81C23.56 2.75 21.02 0.63 18.37 0.69C15.73 0.75 12.45 3.59 12.45 3.59Z" /> 17824 </svg> 17825 17826 </button> 17827 17828 </form> 17829 </div> 17830<div class="item position-relative overflow-hidden"> 17831 <a href="https://www.merryrichardsjewelers.com/merry-richards/14k-yellow-gold-pink-sapphire-ring/4660269/en" title="14k Yellow Gold Pink Sapphire Ring" alt="14k Yellow Gold Pink Sapphire Ring"> 17832 <div class="item_img_div"> 17833 <img src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/merry_richards/thumbnails/500_5x8_4_b-min.jpg" width="300" height="300" loading="lazy" title="14k Yellow Gold Pink Sapphire Ring" alt="14k Yellow Gold Pink Sapphire Ring" /> 17834 </div> 17835 <div class="item-info"> 17836 <span class="fields field-1"> 17837 Merry Richards </span> 17838 <span class="fields field-2"> 17839 14k Yellow Gold Pink Sapphire Ring </span> 17840 <span class="fields field-3"> 17841 PINK Sapphire-2.58 10PRD=.14cts </span> 17842 <span class="fields field-4"> 17843 17844 <small class="formatted_price"> 17845 <del>$3,800.00</del> 17846 </small> 17847 <span class="formatted_sale_price">$1,900.00</span> 17848 </span> 17849 <span class="fields field-5"> 17850 <span class="stock"> 17851 <span class="in_stock_label"> 17852 Availability: <span class="text-success">IN STOCK</span> 17853 </span> 17854 </span> 17855 </span> 17856 </div> 17857 </a> 17858 <form action="https://www.merryrichardsjewelers.com/wishlist" class="wishlist-form" aria-label="Wishlist item 4660269"> 17859 <input type="hidden" name="guid" value="4660269"> 17860 17861 <input type="hidden" name="action" value="add"> 17862 17863 <button type="submit" 17864 class="wishlist-btn" 17865 aria-label="Add to Wishlist"> 17866 17867 <svg class="heart-icon general_style" 17868 xmlns="http://www.w3.org/2000/svg"
17869 viewBox="0 0 24 22" 17870 width="24" 17871 height="22" 17872 stroke="#3172ab" 17873 fill="#3172ab" 17874 stroke-width="1.5" 17875 fill-opacity="0" 17876 aria-hidden="true" 17877 focusable="false"> 17878 17879 <path d="M12.45 3.59C12.45 3.59 8.8 0.65 6.11 0.69C3.42 0.72 1.07 3.09 1.4 6.81C1.73 10.54 6.03 16.19 12.34 20.64C12.34 20.65 12.35 20.65 12.45 20.72C17.63 17.11 22.99 10.88 23.27 6.81C23.56 2.75 21.02 0.63 18.37 0.69C15.73 0.75 12.45 3.59 12.45 3.59Z" /> 17880 </svg> 17881 17882 </button> 17883 17884 </form> 17885 </div> 17886<div class="item position-relative overflow-hidden"> 17887 <a href="https://www.merryrichardsjewelers.com/merry-richards/18kw-diamond-hoop-earrings/4660260/en" title="18KW DIAMOND HOOP EARRINGS" alt="18KW DIAMOND HOOP EARRINGS"> 17888 <div class="item_img_div"> 17889 <img src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/item_image/thumbnails/500_5x8_e053316.jpg" width="300" height="300" loading="lazy" title="18KW DIAMOND HOOP EARRINGS" alt="18KW DIAMOND HOOP EARRINGS" /> 17890 </div> 17891 <div class="item-info"> 17892 <span class="fields field-1"> 17893 Merry Richards </span> 17894 <span class="fields field-2"> 17895 18KW DIAMOND HOOP EARRINGS </span> 17896 <span class="fields field-3"> 17897 EARRING 18KW/8.9G 14RD-0.20CT </span> 17898 <span class="fields field-4"> 17899 17900 <small class="formatted_price"> 17901 <del>$2,820.00</del> 17902 </small> 17903 <span class="formatted_sale_price">$2,200.00</span> 17904 </span> 17905 <span class="fields field-5"> 17906 <span class="stock"> 17907 <span class="in_stock_label"> 17908 Availability: <span class="text-success">IN STOCK</span> 17909 </span> 17910 </span> 17911 </span> 17912 </div> 17913 </a> 17914 <form action="https://www.merryrichardsjewelers.com/wishlist" class="wishlist-form" aria-label="Wishlist item 4660260"> 17915 <input type="hidden" name="guid" value="4660260"> 17916 17917 <input type="hidden" name="action" value="add"> 17918 17919 <button type="submit" 17920 class="wishlist-btn" 17921 aria-label="Add to Wishlist"> 17922 17923 <svg class="heart-icon general_style" 17924 xmlns="http://www.w3.org/2000/svg"
17925 viewBox="0 0 24 22" 17926 width="24" 17927 height="22" 17928 stroke="#3172ab" 17929 fill="#3172ab" 17930 stroke-width="1.5" 17931 fill-opacity="0" 17932 aria-hidden="true" 17933 focusable="false"> 17934 17935 <path d="M12.45 3.59C12.45 3.59 8.8 0.65 6.11 0.69C3.42 0.72 1.07 3.09 1.4 6.81C1.73 10.54 6.03 16.19 12.34 20.64C12.34 20.65 12.35 20.65 12.45 20.72C17.63 17.11 22.99 10.88 23.27 6.81C23.56 2.75 21.02 0.63 18.37 0.69C15.73 0.75 12.45 3.59 12.45 3.59Z" /> 17936 </svg> 17937 17938 </button> 17939 17940 </form> 17941 </div> 17942<div class="item position-relative overflow-hidden"> 17943 <a href="https://www.merryrichardsjewelers.com/merry-richards/2-61ct-tanzanite-and-46ct-tsavorite-with-20cts-of-diamonds-18k-yellow-gold/4660125/en" title="2.61ct Tanzanite and .46ct tsavorite with .20cts of diamonds. 18k yellow gold" alt="2.61ct Tanzanite and .46ct tsavorite with .20cts of diamonds. 18k yellow gold"> 17944 <div class="item_img_div"> 17945 <img src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/brands/merry_richards/thumbnails/500_5x8_taz.jpg" width="300" height="300" loading="lazy" title="2.61ct Tanzanite and .46ct tsavorite with .20cts of diamonds. 18k yellow gold" alt="2.61ct Tanzanite and .46ct tsavorite with .20cts of diamonds. 18k yellow gold" /> 17946 </div> 17947 <div class="item-info"> 17948 <span class="fields field-1"> 17949 Merry Richards </span> 17950 <span class="fields field-2"> 17951 2.61ct Tanzanite and .46ct tsavorite with .20cts of diamonds. 18k yellow gold </span> 17952 <span class="fields field-3"> 17953 </span> 17954 <span class="fields field-4"> 17955 17956 <small class="formatted_price"> 17957 <del>$7,800.00</del> 17958 </small> 17959 <span class="formatted_sale_price">$3,900.00</span> 17960 </span> 17961 <span class="fields field-5"> 17962 <span class="stock"> 17963 <span class="in_stock_label"> 17964 Availability: <span class="text-success">IN STOCK</span> 17965 </span> 17966 </span> 17967 </span> 17968 </div> 17969 </a> 17970 <form action="https://www.merryrichardsjewelers.com/wishlist" class="wishlist-form" aria-label="Wishlist item 4660125"> 17971 <input type="hidden" name="guid" value="4660125"> 17972 17973 <input type="hidden" name="action" value="add"> 17974 17975 <button type="submit" 17976 class="wishlist-btn" 17977 aria-label="Add to Wishlist"> 17978 17979 <svg class="heart-icon general_style" 17980 xmlns="http://www.w3.org/2000/svg"
17981 viewBox="0 0 24 22" 17982 width="24" 17983 height="22" 17984 stroke="#3172ab" 17985 fill="#3172ab" 17986 stroke-width="1.5" 17987 fill-opacity="0" 17988 aria-hidden="true" 17989 focusable="false"> 17990 17991 <path d="M12.45 3.59C12.45 3.59 8.8 0.65 6.11 0.69C3.42 0.72 1.07 3.09 1.4 6.81C1.73 10.54 6.03 16.19 12.34 20.64C12.34 20.65 12.35 20.65 12.45 20.72C17.63 17.11 22.99 10.88 23.27 6.81C23.56 2.75 21.02 0.63 18.37 0.69C15.73 0.75 12.45 3.59 12.45 3.59Z" /> 17992 </svg> 17993 17994 </button> 17995 17996 </form> 17997 </div> 17998<div class="item position-relative overflow-hidden"> 17999 <a href="https://www.merryrichardsjewelers.com/merry-richards/18k-white-gold-3-66ct-citrine/4660266/en" title="18k White gold 3.66ct Citrine" alt="18k White gold 3.66ct Citrine"> 18000 <div class="item_img_div"> 18001 <img src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/merry_richards/thumbnails/500_5x8_3_b-min.jpg" width="300" height="300" loading="lazy" title="18k White gold 3.66ct Citrine" alt="18k White gold 3.66ct Citrine" /> 18002 </div> 18003 <div class="item-info"> 18004 <span class="fields field-1"> 18005 Merry Richards </span> 18006 <span class="fields field-2"> 18007 18k White gold 3.66ct Citrine </span> 18008 <span class="fields field-3"> 18009 </span> 18010 <span class="fields field-4"> 18011 18012 <small class="formatted_price"> 18013 <del>$9,000.00</del> 18014 </small> 18015 <span class="formatted_sale_price">$5,400.00</span> 18016 </span> 18017 <span class="fields field-5"> 18018 <span class="stock"> 18019 <span class="in_stock_label"> 18020 Availability: <span class="text-success">IN STOCK</span> 18021 </span> 18022 </span> 18023 </span> 18024 </div> 18025 </a> 18026 <form action="https://www.merryrichardsjewelers.com/wishlist" class="wishlist-form" aria-label="Wishlist item 4660266"> 18027 <input type="hidden" name="guid" value="4660266"> 18028 18029 <input type="hidden" name="action" value="add"> 18030 18031 <button type="submit" 18032 class="wishlist-btn" 18033 aria-label="Add to Wishlist"> 18034 18035 <svg class="heart-icon general_style" 18036 xmlns="http://www.w3.org/2000/svg"
18037 viewBox="0 0 24 22" 18038 width="24" 18039 height="22" 18040 stroke="#3172ab" 18041 fill="#3172ab" 18042 stroke-width="1.5" 18043 fill-opacity="0" 18044 aria-hidden="true" 18045 focusable="false"> 18046 18047 <path d="M12.45 3.59C12.45 3.59 8.8 0.65 6.11 0.69C3.42 0.72 1.07 3.09 1.4 6.81C1.73 10.54 6.03 16.19 12.34 20.64C12.34 20.65 12.35 20.65 12.45 20.72C17.63 17.11 22.99 10.88 23.27 6.81C23.56 2.75 21.02 0.63 18.37 0.69C15.73 0.75 12.45 3.59 12.45 3.59Z" /> 18048 </svg> 18049 18050 </button> 18051 18052 </form> 18053 </div> 18054<div class="item position-relative overflow-hidden"> 18055 <a href="https://www.merryrichardsjewelers.com/merry-richards/em-4-27ct-prong-set-with-14kyg-chain/4660261/en" title="EM-4.27CT. PRONG SET WITH 14KYG CHAIN" alt="EM-4.27CT. PRONG SET WITH 14KYG CHAIN"> 18056 <div class="item_img_div"> 18057 <img src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/merry_richards/thumbnails/500_5x8_mr_07-min.jpg" width="300" height="300" loading="lazy" title="EM-4.27CT. PRONG SET WITH 14KYG CHAIN" alt="EM-4.27CT. PRONG SET WITH 14KYG CHAIN" /> 18058 </div> 18059 <div class="item-info"> 18060 <span class="fields field-1"> 18061 Merry Richards </span> 18062 <span class="fields field-2"> 18063 EM-4.27CT. PRONG SET WITH 14KYG CHAIN </span> 18064 <span class="fields field-3"> 18065 </span> 18066 <span class="fields field-4"> 18067 18068 <small class="formatted_price"> 18069 <del>$6,900.00</del> 18070 </small> 18071 <span class="formatted_sale_price">$5,520.00</span> 18072 </span> 18073 <span class="fields field-5"> 18074 <span class="stock"> 18075 <span class="in_stock_label"> 18076 Availability: <span class="text-success">IN STOCK</span> 18077 </span> 18078 </span> 18079 </span> 18080 </div> 18081 </a> 18082 <form action="https://www.merryrichardsjewelers.com/wishlist" class="wishlist-form" aria-label="Wishlist item 4660261"> 18083 <input type="hidden" name="guid" value="4660261"> 18084 18085 <input type="hidden" name="action" value="add"> 18086 18087 <button type="submit" 18088 class="wishlist-btn" 18089 aria-label="Add to Wishlist"> 18090 18091 <svg class="heart-icon general_style" 18092 xmlns="http://www.w3.org/2000/svg"
18093 viewBox="0 0 24 22" 18094 width="24" 18095 height="22" 18096 stroke="#3172ab" 18097 fill="#3172ab" 18098 stroke-width="1.5" 18099 fill-opacity="0" 18100 aria-hidden="true" 18101 focusable="false"> 18102 18103 <path d="M12.45 3.59C12.45 3.59 8.8 0.65 6.11 0.69C3.42 0.72 1.07 3.09 1.4 6.81C1.73 10.54 6.03 16.19 12.34 20.64C12.34 20.65 12.35 20.65 12.45 20.72C17.63 17.11 22.99 10.88 23.27 6.81C23.56 2.75 21.02 0.63 18.37 0.69C15.73 0.75 12.45 3.59 12.45 3.59Z" /> 18104 </svg> 18105 18106 </button> 18107 18108 </form> 18109 </div> 18110<div class="item position-relative overflow-hidden"> 18111 <a href="https://www.merryrichardsjewelers.com/merry-richards/coral-and-diamond-ring/4660006/en" title="Coral and Diamond Ring" alt="Coral and Diamond Ring"> 18112 <div class="item_img_div"> 18113 <img src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/brands/merry_richards/thumbnails/500_5x8_3500019_0.jpg" width="300" height="300" loading="lazy" title="Coral and Diamond Ring" alt="Coral and Diamond Ring" /> 18114 </div> 18115 <div class="item-info"> 18116 <span class="fields field-1"> 18117 Merry Richards </span> 18118 <span class="fields field-2"> 18119 Coral and Diamond Ring </span> 18120 <span class="fields field-3"> 18121 </span> 18122 <span class="fields field-4"> 18123 18124 $6,800.00 </span> 18125 <span class="fields field-5"> 18126 <span class="stock"> 18127 <span class="in_stock_label"> 18128 Availability: <span class="text-success">IN STOCK</span> 18129 </span> 18130 </span> 18131 </span> 18132 </div> 18133 </a> 18134 <form action="https://www.merryrichardsjewelers.com/wishlist" class="wishlist-form" aria-label="Wishlist item 4660006"> 18135 <input type="hidden" name="guid" value="4660006"> 18136 18137 <input type="hidden" name="action" value="add"> 18138 18139 <button type="submit" 18140 class="wishlist-btn" 18141 aria-label="Add to Wishlist"> 18142 18143 <svg class="heart-icon general_style" 18144 xmlns="http://www.w3.org/2000/svg"
18145 viewBox="0 0 24 22" 18146 width="24" 18147 height="22" 18148 stroke="#3172ab" 18149 fill="#3172ab" 18150 stroke-width="1.5" 18151 fill-opacity="0" 18152 aria-hidden="true" 18153 focusable="false"> 18154 18155 <path d="M12.45 3.59C12.45 3.59 8.8 0.65 6.11 0.69C3.42 0.72 1.07 3.09 1.4 6.81C1.73 10.54 6.03 16.19 12.34 20.64C12.34 20.65 12.35 20.65 12.45 20.72C17.63 17.11 22.99 10.88 23.27 6.81C23.56 2.75 21.02 0.63 18.37 0.69C15.73 0.75 12.45 3.59 12.45 3.59Z" /> 18156 </svg> 18157 18158 </button> 18159 18160 </form> 18161 </div> 18162<div class="item position-relative overflow-hidden"> 18163 <a href="https://www.merryrichardsjewelers.com/merry-richards/platinum-diamond-marquise-diamond-ring/4660112/en" title="Platinum Diamond Marquise Diamond Ring" alt="Platinum Diamond Marquise Diamond Ring"> 18164 <div class="item_img_div"> 18165 <img src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/brands/merry_richards/thumbnails/500_5x8_3500287_0.jpg" width="300" height="300" loading="lazy" title="Platinum Diamond Marquise Diamond Ring" alt="Platinum Diamond Marquise Diamond Ring" /> 18166 </div> 18167 <div class="item-info"> 18168 <span class="fields field-1"> 18169 Merry Richards </span> 18170 <span class="fields field-2"> 18171 Platinum Diamond Marquise Diamond Ring </span> 18172 <span class="fields field-3"> 18173 </span> 18174 <span class="fields field-4"> 18175 18176 <small class="formatted_price"> 18177 <del>$10,920.00</del> 18178 </small> 18179 <span class="formatted_sale_price">$8,500.00</span> 18180 </span> 18181 <span class="fields field-5"> 18182 <span class="stock"> 18183 <span class="in_stock_label"> 18184 Availability: <span class="text-success">IN STOCK</span> 18185 </span> 18186 </span> 18187 </span> 18188 </div> 18189 </a> 18190 <form action="https://www.merryrichardsjewelers.com/wishlist" class="wishlist-form" aria-label="Wishlist item 4660112"> 18191 <input type="hidden" name="guid" value="4660112"> 18192 18193 <input type="hidden" name="action" value="add"> 18194 18195 <button type="submit" 18196 class="wishlist-btn" 18197 aria-label="Add to Wishlist"> 18198 18199 <svg class="heart-icon general_style" 18200 xmlns="http://www.w3.org/2000/svg"
18201 viewBox="0 0 24 22" 18202 width="24" 18203 height="22" 18204 stroke="#3172ab" 18205 fill="#3172ab" 18206 stroke-width="1.5" 18207 fill-opacity="0" 18208 aria-hidden="true" 18209 focusable="false"> 18210 18211 <path d="M12.45 3.59C12.45 3.59 8.8 0.65 6.11 0.69C3.42 0.72 1.07 3.09 1.4 6.81C1.73 10.54 6.03 16.19 12.34 20.64C12.34 20.65 12.35 20.65 12.45 20.72C17.63 17.11 22.99 10.88 23.27 6.81C23.56 2.75 21.02 0.63 18.37 0.69C15.73 0.75 12.45 3.59 12.45 3.59Z" /> 18212 </svg> 18213 18214 </button> 18215 18216 </form> 18217 </div> 18218<div class="item position-relative overflow-hidden"> 18219 <a href="https://www.merryrichardsjewelers.com/merry-richards/black-tahitian-pearl-necklace/4660077/en" title="Black Tahitian Pearl Necklace" alt="Black Tahitian Pearl Necklace"> 18220 <div class="item_img_div"> 18221 <img src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/brands/merry_richards/thumbnails/500_5x8_3500273_0.jpg" width="300" height="300" loading="lazy" title="Black Tahitian Pearl Necklace" alt="Black Tahitian Pearl Necklace" /> 18222 </div> 18223 <div class="item-info"> 18224 <span class="fields field-1"> 18225 Merry Richards </span> 18226 <span class="fields field-2"> 18227 Black Tahitian Pearl Necklace </span> 18228 <span class="fields field-3"> 18229 </span> 18230 <span class="fields field-4"> 18231 18232 <small class="formatted_price"> 18233 <del>$11,400.00</del> 18234 </small> 18235 <span class="formatted_sale_price">$8,550.00</span> 18236 </span> 18237 <span class="fields field-5"> 18238 <span class="stock"> 18239 <span class="in_stock_label"> 18240 Availability: <span class="text-success">IN STOCK</span> 18241 </span> 18242 </span> 18243 </span> 18244 </div> 18245 </a> 18246 <form action="https://www.merryrichardsjewelers.com/wishlist" class="wishlist-form" aria-label="Wishlist item 4660077"> 18247 <input type="hidden" name="guid" value="4660077"> 18248 18249 <input type="hidden" name="action" value="add"> 18250 18251 <button type="submit" 18252 class="wishlist-btn" 18253 aria-label="Add to Wishlist"> 18254 18255 <svg class="heart-icon general_style" 18256 xmlns="http://www.w3.org/2000/svg"
18257 viewBox="0 0 24 22" 18258 width="24" 18259 height="22" 18260 stroke="#3172ab" 18261 fill="#3172ab" 18262 stroke-width="1.5" 18263 fill-opacity="0" 18264 aria-hidden="true" 18265 focusable="false"> 18266 18267 <path d="M12.45 3.59C12.45 3.59 8.8 0.65 6.11 0.69C3.42 0.72 1.07 3.09 1.4 6.81C1.73 10.54 6.03 16.19 12.34 20.64C12.34 20.65 12.35 20.65 12.45 20.72C17.63 17.11 22.99 10.88 23.27 6.81C23.56 2.75 21.02 0.63 18.37 0.69C15.73 0.75 12.45 3.59 12.45 3.59Z" /> 18268 </svg> 18269 18270 </button> 18271 18272 </form> 18273 </div> 18274<div class="item position-relative overflow-hidden"> 18275 <a href="https://www.merryrichardsjewelers.com/merry-richards/18k-white-gold-pink-sapphire-ring-=2-05-cts/4660267/en" title="18K WHITE GOLD PINK SAPPHIRE RING =2.05 cts" alt="18K WHITE GOLD PINK SAPPHIRE RING =2.05 cts"> 18276 <div class="item_img_div"> 18277 <img src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/merry_richards/thumbnails/500_5x8_3_c-min.jpg" width="300" height="300" loading="lazy" title="18K WHITE GOLD PINK SAPPHIRE RING =2.05 cts" alt="18K WHITE GOLD PINK SAPPHIRE RING =2.05 cts" /> 18278 </div> 18279 <div class="item-info"> 18280 <span class="fields field-1"> 18281 Merry Richards </span> 18282 <span class="fields field-2"> 18283 18K WHITE GOLD PINK SAPPHIRE RING =2.05 cts </span> 18284 <span class="fields field-3"> 18285 GIA#2135136357 D=1.19 </span> 18286 <span class="fields field-4"> 18287 18288 <small class="formatted_price"> 18289 <del>$13,500.00</del> 18290 </small> 18291 <span class="formatted_sale_price">$10,125.00</span> 18292 </span> 18293 <span class="fields field-5"> 18294 <span class="stock"> 18295 <span class="in_stock_label"> 18296 Availability: <span class="text-success">IN STOCK</span> 18297 </span> 18298 </span> 18299 </span> 18300 </div> 18301 </a> 18302 <form action="https://www.merryrichardsjewelers.com/wishlist" class="wishlist-form" aria-label="Wishlist item 4660267"> 18303 <input type="hidden" name="guid" value="4660267"> 18304 18305 <input type="hidden" name="action" value="add"> 18306 18307 <button type="submit" 18308 class="wishlist-btn" 18309 aria-label="Add to Wishlist"> 18310 18311 <svg class="heart-icon general_style" 18312 xmlns="http://www.w3.org/2000/svg"
18313 viewBox="0 0 24 22" 18314 width="24" 18315 height="22" 18316 stroke="#3172ab" 18317 fill="#3172ab" 18318 stroke-width="1.5" 18319 fill-opacity="0" 18320 aria-hidden="true" 18321 focusable="false"> 18322 18323 <path d="M12.45 3.59C12.45 3.59 8.8 0.65 6.11 0.69C3.42 0.72 1.07 3.09 1.4 6.81C1.73 10.54 6.03 16.19 12.34 20.64C12.34 20.65 12.35 20.65 12.45 20.72C17.63 17.11 22.99 10.88 23.27 6.81C23.56 2.75 21.02 0.63 18.37 0.69C15.73 0.75 12.45 3.59 12.45 3.59Z" /> 18324 </svg> 18325 18326 </button> 18327 18328 </form> 18329 </div> 18330<div class="item position-relative overflow-hidden"> 18331 <a href="https://www.merryrichardsjewelers.com/merry-richards/emerald-ring-2-64ct-2ecd=-67-plat/4660262/en" title="Emerald Ring 2.64ct 2ECD=.67 PLAT" alt="Emerald Ring 2.64ct 2ECD=.67 PLAT"> 18332 <div class="item_img_div"> 18333 <img src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/merry_richards/thumbnails/500_5x8_mr_03.jpg" width="300" height="300" loading="lazy" title="Emerald Ring 2.64ct 2ECD=.67 PLAT" alt="Emerald Ring 2.64ct 2ECD=.67 PLAT" /> 18334 </div> 18335 <div class="item-info"> 18336 <span class="fields field-1"> 18337 Merry Richards </span> 18338 <span class="fields field-2"> 18339 Emerald Ring 2.64ct 2ECD=.67 PLAT </span> 18340 <span class="fields field-3"> 18341 </span> 18342 <span class="fields field-4"> 18343 18344 <small class="formatted_price"> 18345 <del>$16,800.00</del> 18346 </small> 18347 <span class="formatted_sale_price">$13,440.00</span> 18348 </span> 18349 <span class="fields field-5"> 18350 <span class="stock"> 18351 <span class="in_stock_label"> 18352 Availability: <span class="text-success">IN STOCK</span> 18353 </span> 18354 </span> 18355 </span> 18356 </div> 18357 </a> 18358 <form action="https://www.merryrichardsjewelers.com/wishlist" class="wishlist-form" aria-label="Wishlist item 4660262"> 18359 <input type="hidden" name="guid" value="4660262"> 18360 18361 <input type="hidden" name="action" value="add"> 18362 18363 <button type="submit" 18364 class="wishlist-btn" 18365 aria-label="Add to Wishlist"> 18366 18367 <svg class="heart-icon general_style" 18368 xmlns="http://www.w3.org/2000/svg"
18369 viewBox="0 0 24 22" 18370 width="24" 18371 height="22" 18372 stroke="#3172ab" 18373 fill="#3172ab" 18374 stroke-width="1.5" 18375 fill-opacity="0" 18376 aria-hidden="true" 18377 focusable="false"> 18378 18379 <path d="M12.45 3.59C12.45 3.59 8.8 0.65 6.11 0.69C3.42 0.72 1.07 3.09 1.4 6.81C1.73 10.54 6.03 16.19 12.34 20.64C12.34 20.65 12.35 20.65 12.45 20.72C17.63 17.11 22.99 10.88 23.27 6.81C23.56 2.75 21.02 0.63 18.37 0.69C15.73 0.75 12.45 3.59 12.45 3.59Z" /> 18380 </svg> 18381 18382 </button> 18383 18384 </form> 18385 </div> 18386<div class="item position-relative overflow-hidden"> 18387 <a href="https://www.merryrichardsjewelers.com/merry-richards/rose-gold-and-diamond-oval-link-bracelet/4660160/en" title="Rose Gold and diamond oval Link Bracelet" alt="Rose Gold and diamond oval Link Bracelet"> 18388 <div class="item_img_div"> 18389 <img src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/brands/merry_richards/thumbnails/500_5x8_3500081_0.jpg" width="300" height="300" loading="lazy" title="Rose Gold and diamond oval Link Bracelet" alt="Rose Gold and diamond oval Link Bracelet" /> 18390 </div> 18391 <div class="item-info"> 18392 <span class="fields field-1"> 18393 Merry Richards </span> 18394 <span class="fields field-2"> 18395 Rose Gold and diamond oval Link Bracelet </span> 18396 <span class="fields field-3"> 18397 BR-D=7.17cts 376 Diamonds 14K Rose Gold </span> 18398 <span class="fields field-4"> 18399 18400 <small class="formatted_price"> 18401 <del>$22,800.00</del> 18402 </small> 18403 <span class="formatted_sale_price">$15,960.00</span> 18404 </span> 18405 <span class="fields field-5"> 18406 <span class="stock"> 18407 <span class="in_stock_label"> 18408 Availability: <span class="text-success">IN STOCK</span> 18409 </span> 18410 </span> 18411 </span> 18412 </div> 18413 </a> 18414 <form action="https://www.merryrichardsjewelers.com/wishlist" class="wishlist-form" aria-label="Wishlist item 4660160"> 18415 <input type="hidden" name="guid" value="4660160"> 18416 18417 <input type="hidden" name="action" value="add"> 18418 18419 <button type="submit" 18420 class="wishlist-btn" 18421 aria-label="Add to Wishlist"> 18422 18423 <svg class="heart-icon general_style" 18424 xmlns="http://www.w3.org/2000/svg"
18425 viewBox="0 0 24 22" 18426 width="24" 18427 height="22" 18428 stroke="#3172ab" 18429 fill="#3172ab" 18430 stroke-width="1.5" 18431 fill-opacity="0" 18432 aria-hidden="true" 18433 focusable="false"> 18434 18435 <path d="M12.45 3.59C12.45 3.59 8.8 0.65 6.11 0.69C3.42 0.72 1.07 3.09 1.4 6.81C1.73 10.54 6.03 16.19 12.34 20.64C12.34 20.65 12.35 20.65 12.45 20.72C17.63 17.11 22.99 10.88 23.27 6.81C23.56 2.75 21.02 0.63 18.37 0.69C15.73 0.75 12.45 3.59 12.45 3.59Z" /> 18436 </svg> 18437 18438 </button> 18439 18440 </form> 18441 </div> 18442<div class="item position-relative overflow-hidden"> 18443 <a href="https://www.merryrichardsjewelers.com/merry-richards/18k-white-gold-oval-diamond-earrings/4660138/en" title="18K White Gold Oval Diamond Earrings" alt="18K White Gold Oval Diamond Earrings"> 18444 <div class="item_img_div"> 18445 <img src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/brands/merry_richards/thumbnails/500_5x8_3500235_0.jpg" width="300" height="300" loading="lazy" title="18K White Gold Oval Diamond Earrings" alt="18K White Gold Oval Diamond Earrings" /> 18446 </div> 18447 <div class="item-info"> 18448 <span class="fields field-1"> 18449 Merry Richards </span> 18450 <span class="fields field-2"> 18451 18K White Gold Oval Diamond Earrings </span> 18452 <span class="fields field-3"> 18453 </span> 18454 <span class="fields field-4"> 18455 18456 <small class="formatted_price"> 18457 <del>$23,000.00</del> 18458 </small> 18459 <span class="formatted_sale_price">$18,500.00</span> 18460 </span> 18461 <span class="fields field-5"> 18462 <span class="stock"> 18463 <span class="in_stock_label"> 18464 Availability: <span class="text-success">IN STOCK</span> 18465 </span> 18466 </span> 18467 </span> 18468 </div> 18469 </a> 18470 <form action="https://www.merryrichardsjewelers.com/wishlist" class="wishlist-form" aria-label="Wishlist item 4660138"> 18471 <input type="hidden" name="guid" value="4660138"> 18472 18473 <input type="hidden" name="action" value="add"> 18474 18475 <button type="submit" 18476 class="wishlist-btn" 18477 aria-label="Add to Wishlist"> 18478 18479 <svg class="heart-icon general_style" 18480 xmlns="http://www.w3.org/2000/svg"
18481 viewBox="0 0 24 22" 18482 width="24" 18483 height="22" 18484 stroke="#3172ab" 18485 fill="#3172ab" 18486 stroke-width="1.5" 18487 fill-opacity="0" 18488 aria-hidden="true" 18489 focusable="false"> 18490 18491 <path d="M12.45 3.59C12.45 3.59 8.8 0.65 6.11 0.69C3.42 0.72 1.07 3.09 1.4 6.81C1.73 10.54 6.03 16.19 12.34 20.64C12.34 20.65 12.35 20.65 12.45 20.72C17.63 17.11 22.99 10.88 23.27 6.81C23.56 2.75 21.02 0.63 18.37 0.69C15.73 0.75 12.45 3.59 12.45 3.59Z" /> 18492 </svg> 18493 18494 </button> 18495 18496 </form> 18497 </div> 18498<div class="item position-relative overflow-hidden"> 18499 <a href="https://www.merryrichardsjewelers.com/merry-richards/white-south-sea-pearl-necklace/4660079/en" title="White South Sea Pearl Necklace" alt="White South Sea Pearl Necklace"> 18500 <div class="item_img_div"> 18501 <img src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/brands/merry_richards/thumbnails/500_5x8_3500275_0.jpg" width="300" height="300" loading="lazy" title="White South Sea Pearl Necklace" alt="White South Sea Pearl Necklace" /> 18502 </div> 18503 <div class="item-info"> 18504 <span class="fields field-1"> 18505 Merry Richards </span> 18506 <span class="fields field-2"> 18507 White South Sea Pearl Necklace </span> 18508 <span class="fields field-3"> 18509 </span> 18510 <span class="fields field-4"> 18511 18512 $19,800.00 </span> 18513 <span class="fields field-5"> 18514 <span class="stock"> 18515 <span class="in_stock_label"> 18516 Availability: <span class="text-success">IN STOCK</span> 18517 </span> 18518 </span> 18519 </span> 18520 </div> 18521 </a> 18522 <form action="https://www.merryrichardsjewelers.com/wishlist" class="wishlist-form" aria-label="Wishlist item 4660079"> 18523 <input type="hidden" name="guid" value="4660079"> 18524 18525 <input type="hidden" name="action" value="add"> 18526 18527 <button type="submit" 18528 class="wishlist-btn" 18529 aria-label="Add to Wishlist"> 18530 18531 <svg class="heart-icon general_style" 18532 xmlns="http://www.w3.org/2000/svg"
18533 viewBox="0 0 24 22" 18534 width="24" 18535 height="22" 18536 stroke="#3172ab" 18537 fill="#3172ab" 18538 stroke-width="1.5" 18539 fill-opacity="0" 18540 aria-hidden="true" 18541 focusable="false"> 18542 18543 <path d="M12.45 3.59C12.45 3.59 8.8 0.65 6.11 0.69C3.42 0.72 1.07 3.09 1.4 6.81C1.73 10.54 6.03 16.19 12.34 20.64C12.34 20.65 12.35 20.65 12.45 20.72C17.63 17.11 22.99 10.88 23.27 6.81C23.56 2.75 21.02 0.63 18.37 0.69C15.73 0.75 12.45 3.59 12.45 3.59Z" /> 18544 </svg> 18545 18546 </button> 18547 18548 </form> 18549 </div> 18550<div class="item position-relative overflow-hidden"> 18551 <a href="https://www.merryrichardsjewelers.com/merry-richards/18k-white-gold-white-diamond-and-yellow-diamond-ring-3-39ct-total-weight-/4660087/en" title="18k white gold white diamond and yellow diamond ring - 3.39ct total weight." alt="18k white gold white diamond and yellow diamond ring - 3.39ct total weight."> 18552 <div class="item_img_div"> 18553 <img src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/brands/merry_richards/thumbnails/500_5x8_3500022_0.jpg" width="300" height="300" loading="lazy" title="18k white gold white diamond and yellow diamond ring - 3.39ct total weight." alt="18k white gold white diamond and yellow diamond ring - 3.39ct total weight." /> 18554 </div> 18555 <div class="item-info"> 18556 <span class="fields field-1"> 18557 Merry Richards </span> 18558 <span class="fields field-2"> 18559 18k white gold white diamond and yellow diamond ring - 3.39ct total weight. </span> 18560 <span class="fields field-3"> 18561 </span> 18562 <span class="fields field-4"> 18563 18564 $25,800.00 </span> 18565 <span class="fields field-5"> 18566 <span class="stock"> 18567 <span class="in_stock_label"> 18568 Availability: <span class="text-success">IN STOCK</span> 18569 </span> 18570 </span> 18571 </span> 18572 </div> 18573 </a> 18574 <form action="https://www.merryrichardsjewelers.com/wishlist" class="wishlist-form" aria-label="Wishlist item 4660087"> 18575 <input type="hidden" name="guid" value="4660087"> 18576 18577 <input type="hidden" name="action" value="add"> 18578 18579 <button type="submit" 18580 class="wishlist-btn" 18581 aria-label="Add to Wishlist"> 18582 18583 <svg class="heart-icon general_style" 18584 xmlns="http://www.w3.org/2000/svg"
18585 viewBox="0 0 24 22" 18586 width="24" 18587 height="22" 18588 stroke="#3172ab" 18589 fill="#3172ab" 18590 stroke-width="1.5" 18591 fill-opacity="0" 18592 aria-hidden="true" 18593 focusable="false"> 18594 18595 <path d="M12.45 3.59C12.45 3.59 8.8 0.65 6.11 0.69C3.42 0.72 1.07 3.09 1.4 6.81C1.73 10.54 6.03 16.19 12.34 20.64C12.34 20.65 12.35 20.65 12.45 20.72C17.63 17.11 22.99 10.88 23.27 6.81C23.56 2.75 21.02 0.63 18.37 0.69C15.73 0.75 12.45 3.59 12.45 3.59Z" /> 18596 </svg> 18597 18598 </button> 18599 18600 </form> 18601 </div> 18602<div class="item position-relative overflow-hidden"> 18603 <a href="https://www.merryrichardsjewelers.com/merry-richards/18k-white-gold-radiant-cut-diamond-earrings-gia-certified-3-01cts/4660137/en" title="18K White Gold Radiant Cut Diamond Earrings GIA certified 3.01cts" alt="18K White Gold Radiant Cut Diamond Earrings GIA certified 3.01cts"> 18604 <div class="item_img_div"> 18605 <img src="https://www.merryrichardsjewelers.com/public/1.0/uploads/source/brands/merry_richards/thumbnails/500_5x8_3500234_0.jpg" width="300" height="300" loading="lazy" title="18K White Gold Radiant Cut Diamond Earrings GIA certified 3.01cts" alt="18K White Gold Radiant Cut Diamond Earrings GIA certified 3.01cts" /> 18606 </div> 18607 <div class="item-info"> 18608 <span class="fields field-1"> 18609 Merry Richards </span> 18610 <span class="fields field-2"> 18611 18K White Gold Radiant Cut Diamond Earrings GIA certified 3.01cts </span> 18612 <span class="fields field-3"> 18613 4.95ct total ct weight. </span> 18614 <span class="fields field-4"> 18615 18616 <small class="formatted_price"> 18617 <del>$42,000.00</del> 18618 </small> 18619 <span class="formatted_sale_price">$29,400.00</span> 18620 </span> 18621 <span class="fields field-5"> 18622 <span class="stock"> 18623 <span class="in_stock_label"> 18624 Availability: <span class="text-success">IN STOCK</span> 18625 </span> 18626 </span> 18627 </span> 18628 </div> 18629 </a> 18630 <form action="https://www.merryrichardsjewelers.com/wishlist" class="wishlist-form" aria-label="Wishlist item 4660137"> 18631 <input type="hidden" name="guid" value="4660137"> 18632 18633 <input type="hidden" name="action" value="add"> 18634 18635 <button type="submit" 18636 class="wishlist-btn" 18637 aria-label="Add to Wishlist"> 18638 18639 <svg class="heart-icon general_style" 18640 xmlns="http://www.w3.org/2000/svg"
18641 viewBox="0 0 24 22" 18642 width="24" 18643 height="22" 18644 stroke="#3172ab" 18645 fill="#3172ab" 18646 stroke-width="1.5" 18647 fill-opacity="0" 18648 aria-hidden="true" 18649 focusable="false"> 18650 18651 <path d="M12.45 3.59C12.45 3.59 8.8 0.65 6.11 0.69C3.42 0.72 1.07 3.09 1.4 6.81C1.73 10.54 6.03 16.19 12.34 20.64C12.34 20.65 12.35 20.65 12.45 20.72C17.63 17.11 22.99 10.88 23.27 6.81C23.56 2.75 21.02 0.63 18.37 0.69C15.73 0.75 12.45 3.59 12.45 3.59Z" /> 18652 </svg> 18653 18654 </button> 18655 18656 </form> 18657 </div> 18658 </div> 18659 18660 <div class="items_pagination pagination d-flex justify-content-center mt-4 mb-4 w-100 general_style"> 18661 <nav aria-label="..." class="pagination_nav"> 18662 18663 18664<ul class="pagination mb-0"> 18665 <li class="page-item pag_num disabled" data-page="1"> 18666 <span role="button" 18667 class="page-link" 18668 tabindex="0" 18669 aria-disabled="true" 18670 onkeydown="if(event.key==='Enter' || event.key===' ') paginationLinkPress($(this), event)">«</span> 18671 </li> 18672 <li class="page-item pag_num active" data-page="1"> 18673 <span class="page-link" tabindex="0" onkeypress="paginationLinkPress($(this), event)" role="link" aria-label="Pagination page 1" title="Pagination page 1">1</span> 18674 </li> 18675 18676 18677 18678 18679 <li class="page-item pag_num " data-page="2"> 18680 <span class="page-link" tabindex="0" onkeypress="paginationLinkPress($(this), event)" role="link" aria-label="Pagination page 2" title="Pagination page 2">2</span> 18681 </li> 18682 <li class="page-item pag_num" data-page="3"> 18683 <span class="page-link" tabindex="0" onkeypress="paginationLinkPress($(this), event)" role="link" aria-label="Pagination page 3" title="Pagination page 3">3</span> 18684 </li> 18685 18686 <li class="page-item"> 18687 <span class="page-link">...</span> 18688 </li> 18689 18690 18691 18692 18693 <li class="page-item pag_num " data-page="377"> 18694 <span class="page-link" tabindex="0" onkeypress="paginationLinkPress($(this), event)" role="link" aria-label="Pagination page 377" title="Pagination page 377">377</span> 18695 </li> 18696 18697 18698 <li class="page-item pag_num " data-page="2"> 18699 <span role="button" 18700 class="page-link" 18701 tabindex="0" 18702 aria-disabled="false" 18703 onkeydown="if(event.key==='Enter' || event.key===' ') paginationLinkPress($(this), event)">»</span> 18704 </li> 18705</ul> 18706 18707 18708<style> 18709 .page-link { 18710 color: #3172ab; 18711 } 18712 .page-item.active .page-link { 18713 background-color: #3172ab; 18714 border-color: #3172ab; 18715 } 18716</style> 18717 18718 18719 </nav> 18720 </div> 18721</div> 18722 <aside class="filters-container" id="filters-container" aria-label="Pages filters panel"> 18723 <div class="close-div d-flex align-items-center justify-content-between mb-4 d-md-none"> 18724 <div class="results label_general_style"> 18725 <span class="total_results">0</span> ITEMS 18726 </div> 18727 <button class="close_svg" style="background: none; border: none;" aria-label="Close"> 18728 <svg xmlns="http://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> 18729 </button> 18730 </div> 18731 <hr class="d-block d-md-none"> 18732 <div class="filters-reset-button-wrapper"> 18733 <button class="pages-reset filters-reset-button" aria-label="Reset Filters"> 18734 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
18735 <path fill="currentColor" d="M480 256c0 123.4-100.5 223.9-223.9 223.9c-48.84 0-95.17-15.58-134.2-44.86c-14.12-10.59-16.97-30.66-6.375-44.81c10.59-14.12 30.62-16.94 44.81-6.375c27.84 20.91 61 31.94 95.88 31.94C344.3 415.8 416 344.1 416 256s-71.69-159.8-159.8-159.8c-37.46 0-73.09 13.49-101.3 36.64l45.12 45.14c17.01 17.02 4.955 46.1-19.1 46.1H35.17C24.58 224.1 16 215.5 16 204.9V59.04c0-24.04 29.07-36.08 46.07-19.07l47.6 47.63C149.9 52.71 201.5 32.11 256.1 32.11C379.5 32.11 480 132.6 480 256z"/> 18736 </svg> 18737 Reset Filters 18738 </button> 18739 </div> 18740 <form id="pages-search-form" autocomplete="on" aria-label="Pages filters form"> 18741 <input type="hidden" name="_csrf_token" value="4bc4f2205a769d433c6bb4edea734723a882b76e8166480f6b585ec0286c16f0"> <input type="hidden" name="cmd" value="UPDATE_FILTERS"> 18742 <input type="hidden" name="page_uri" value="https://www.merryrichardsjewelers.com/keyword-search"> 18743 <input type="hidden" name="count" value="0"> 18744 <input type="hidden" name="guid" value="3000002"> 18745 <input type="hidden" name="design_id" value="52"> 18746 <input type="hidden" name="products_type" value="pages"> 18747 <input type="hidden" name="pg_type" value="1051"> 18748 18749 <input type="hidden" class="order_by" name="order_by" value="seed"> 18750 <input type="hidden" class="order_dir" name="order_dir" value="ASC"> 18751 18752 18753 18754 <input type="hidden" name="isFromBridalRingBuilderPage" value=""> 18755 18756 <input type="hidden" name="pagination_page" class="pagination_page" value="1"> 18757 <input type="hidden" name="skip" class="skip_pages skip" value="0"> 18758 <input type="hidden" name="limit" value="16"> 18759 18760 <input type="hidden" name="keyword" class="keyword" value=""> 18761 18762 </form> 18763</aside> <div class="filters-content"> 18764 <div class="processing_pages_div processing_div"><span class="processing">Processing...</span></div> 18765 <div class="products-sorting"> 18766 <hr> 18767 <div class="sorting-panel"> 18768 <div class="results label_general_style"> 18769 <span class="pages_total_results">0</span> PAGES </div> 18770 </div> 18771 <hr> 18772 </div> 18773 18774 <div class="pages-list d-flex"> 18775 18776 </div> 18777 18778 <div class="pages_pagination pagination d-flex justify-content-center mt-4 mb-4 w-100 general_style"> 18779 <nav aria-label="..." class="pagination_nav"> 18780 18781<style> 18782 .page-link { 18783 color: #3172ab; 18784 } 18785 .page-item.active .page-link { 18786 background-color: #3172ab; 18787 border-color: #3172ab; 18788 } 18789</style> 18790 18791 18792 </nav> 18793 </div> 18794</div> 18795 <aside class="filters-container" id="filters-container" aria-label="Diamonds filters panel"> 18796 <div class="close-div d-flex align-items-center justify-content-between mb-4 d-md-none"> 18797 <div class="results label_general_style"> 18798 <span class="total_results">2</span> ITEMS 18799 </div> 18800 <button class="close_svg" style="background: none; border: none;" aria-label="Close"> 18801 <svg xmlns="http://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> 18802 </button> 18803 </div> 18804 <hr class="d-block d-md-none"> 18805 <div class="filters-reset-button-wrapper"> 18806 <button class="diamonds-reset filters-reset-button" aria-label="Reset Filters"> 18807 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 18808 <path fill="currentColor" d="M480 256c0 123.4-100.5 223.9-223.9 223.9c-48.84 0-95.17-15.58-134.2-44.86c-14.12-10.59-16.97-30.66-6.375-44.81c10.59-14.12 30.62-16.94 44.81-6.375c27.84 20.91 61 31.94 95.88 31.94C344.3 415.8 416 344.1 416 256s-71.69-159.8-159.8-159.8c-37.46 0-73.09 13.49-101.3 36.64l45.12 45.14c17.01 17.02 4.955 46.1-19.1 46.1H35.17C24.58 224.1 16 215.5 16 204.9V59.04c0-24.04 29.07-36.08 46.07-19.07l47.6 47.63C149.9 52.71 201.5 32.11 256.1 32.11C379.5 32.11 480 132.6 480 256z"/> 18809 </svg> 18810 Reset Filters 18811 </button> 18812 </div> 18813 <form id="diamonds-search-form" autocomplete="on" aria-label="Diamonds filters form"> 18814 <input type="hidden" name="_csrf_token" value="4bc4f2205a769d433c6bb4edea734723a882b76e8166480f6b585ec0286c16f0"> <input type="hidden" name="cmd" value="UPDATE_FILTERS"> 18815 <input type="hidden" name="page_uri" value="https://www.merryrichardsjewelers.com/keyword-search"> 18816 <input type="hidden" name="count" value="2"> 18817 <input type="hidden" name="guid" value="3000002"> 18818 <input type="hidden" name="design_id" value="52"> 18819 <input type="hidden" name="products_type" value="diamonds"> 18820 <input type="hidden" name="pg_type" value="1051"> 18821 18822 <input type="hidden" class="order_by" name="order_by" value="seed"> 18823 <input type="hidden" class="order_dir" name="order_dir" value="ASC"> 18824 18825 18826 18827 <input type="hidden" name="isFromBridalRingBuilderPage" value=""> 18828 18829 <input type="hidden" name="pagination_page" class="pagination_page" value="1"> 18830 <input type="hidden" name="skip" class="skip_pages skip" value="
188300"> 18831 <input type="hidden" name="limit" value="16"> 18832 18833 <input type="hidden" name="keyword" class="keyword" value=""> 18834 18835 </form> 18836</aside> <div class="filters-content"> 18837 <div class="processing_diamonds_div processing_div"><span class="processing">Processing...</span></div> 18838 <div class="products-sorting"> 18839 <hr> 18840 <div class="sorting-panel"> 18841 <div class="results label_general_style"> 18842 <span class="diamonds_total_results">2</span> LOOSE DIAMONDS </div> 18843 </div> 18844 <hr> 18845 </div> 18846 18847 <div class="diamonds-list d-flex"> 18848 18849<div class="item position-relative overflow-hidden"> 18850 <a href="https://www.merryrichardsjewelers.com/keyword-search/" title=" Carat Diamond" alt=" Carat Diamond"> 18851 <div class="item_img_div"> 18852 <img src="/skeleton/1.0/view/img/no-image-5x8.png" width="300" height="300" loading="lazy" title=" Carat Diamond" alt=" Carat Diamond" /> 18853 </div> 18854 <div class="item-info"> 18855 <span class="fields field-1"> 18856 </span> 18857 <span class="fields field-2"> 18858 Carat Diamond </span> 18859 <span class="fields field-3"> 18860 </span> 18861 <span class="fields field-4"> 18862 18863 18864 <span></span> 18865 </span> 18866 <span class="fields field-5"> 18867 </span> 18868 </div> 18869 </a> 18870 <form action="https://www.merryrichardsjewelers.com/wishlist" class="wishlist-form" aria-label="Wishlist diamond "> 18871 <input type="hidden" name="guid" value=""> 18872 <input type="hidden" name="diamond_image" value="/skeleton/1.0/view/img/no-image-5x8.png"> 18873 <input type="hidden" name="diamond_title" value=" Carat Diamond"> 18874 <input type="hidden" name="diamond_link" value="https://www.merryrichardsjewelers.com/keyword-search/"> 18875 <input type="hidden" name="diamond_size" value=""> 18876 <input type="hidden" name="diamond_shape" value=""> 18877 <input type="hidden" name="action" value="add"> 18878 <button type="submit" class="wishlist-btn" aria-label="Add to Wishlist" title="Add to Wishlist"> 18879 <svg class="heart-icon general_style" xmlns="http://www.w3.org/2000/svg" aria-label="Add to Wishlist" title="Add to Wishlist" viewBox="0 0 24 22" width="24" height="22" stroke="#3172ab" fill="#3172ab" stroke-width="1.5" fill-opacity="0"><path id="Layer" d="M12.45 3.59C12.45 3.59 8.8 0.65 6.11 0.69C3.42 0.72 1.07 3.09 1.4 6.81C1.73 10.54 6.03 16.19 12.34 20.64C12.34 20.65 12.35 20.65 12.45 20.72C17.63 17.11 22.99 10.88 23.27 6.81C23.56 2.75 21.02 0.63 18.37 0.69C15.73 0.75 12.45 3.59 12.45 3.59Z" /></svg> 18880 </button> 18881 </form> 18882 </div> 18883<div class="item position-relative overflow-hidden"> 18884 <a href="https://www.merryrichardsjewelers.com/keyword-search/" title=" Carat Diamond" alt=" Carat Diamond"> 18885 <div class="item_img_div"> 18886 <img src="/skeleton/1.0/view/img/no-image-5x8.png" width="300" height="300" loading="lazy" title=" Carat Diamond" alt=" Carat Diamond" /> 18887 </div> 18888 <div class="item-info">
18889 <span class="fields field-1"> 18890 </span> 18891 <span class="fields field-2"> 18892 Carat Diamond </span> 18893 <span class="fields field-3"> 18894 </span> 18895 <span class="fields field-4"> 18896 18897 18898 <span></span> 18899 </span> 18900 <span class="fields field-5"> 18901 </span> 18902 </div> 18903 </a> 18904 <form action="https://www.merryrichardsjewelers.com/wishlist" class="wishlist-form" aria-label="Wishlist diamond "> 18905 <input type="hidden" name="guid" value=""> 18906 <input type="hidden" name="diamond_image" value="/skeleton/1.0/view/img/no-image-5x8.png"> 18907 <input type="hidden" name="diamond_title" value=" Carat Diamond"> 18908 <input type="hidden" name="diamond_link" value="https://www.merryrichardsjewelers.com/keyword-search/"> 18909 <input type="hidden" name="diamond_size" value=""> 18910 <input type="hidden" name="diamond_shape" value=""> 18911 <input type="hidden" name="action" value="add"> 18912 <button type="submit" class="wishlist-btn" aria-label="Add to Wishlist" title="Add to Wishlist"> 18913 <svg class="heart-icon general_style" xmlns="http://www.w3.org/2000/svg" aria-label="Add to Wishlist" title="Add to Wishlist" viewBox="0 0 24 22" width="24" height="22" stroke="#3172ab" fill="#3172ab" stroke-width="1.5" fill-opacity="0"><path id="Layer" d="M12.45 3.59C12.45 3.59 8.8 0.65 6.11 0.69C3.42 0.72 1.07 3.09 1.4 6.81C1.73 10.54 6.03 16.19 12.34 20.64C12.34 20.65 12.35 20.65 12.45 20.72C17.63 17.11 22.99 10.88 23.27 6.81C23.56 2.75 21.02 0.63 18.37 0.69C15.73 0.75 12.45 3.59 12.45 3.59Z" /></svg> 18914 </button> 18915 </form> 18916 </div> 18917 </div> 18918 18919 <div class="diamonds_pagination pagination d-flex justify-content-center mt-4 mb-4 w-100 general_style"> 18920 <nav aria-label="..." class="pagination_nav"> 18921 18922 18923<ul class="pagination mb-0"> 18924 <li class="page-item pag_num disabled" data-page="1"> 18925 <span role="button" 18926 class="page-link" 18927 tabindex="0" 18928 aria-disabled="true" 18929 onkeydown="if(event.key==='Enter' || event.key===' ') paginationLinkPress($(this), event)">«</span> 18930 </li> 18931 <li class="page-item pag_num active" data-page="1"> 18932 <span class="page-link" tabindex="0" onkeypress="paginationLinkPress($(this), event)" role="link" aria-label="Pagination page 1" title="Pagination page 1">1</span> 18933 </li> 18934 18935 18936 18937 18938 <li class="page-item pag_num disabled" data-page="1"> 18939 <span role="button" 18940 class="page-link" 18941 tabindex="0" 18942 aria-disabled="true" 18943 onkeydown="if(event.key==='Enter' || event.key===' ') paginationLinkPress($(this), event)">»</span> 18944 </li> 18945</ul> 18946 18947 18948<style> 18949 .page-link { 18950 color: #3172ab; 18951 } 18952 .page-item.active .page-link { 18953 background-color: #3172ab; 18954 border-color: #3172ab; 18955 } 18956</style> 18957 18958 18959 </nav> 18960 </div> 18961</div> </div> 18962</main> 18963 18964<style> 18965 18966 18967 </style> 18968
18969<script> 18970 window.local_view_folder = '/skeleton/1.0/view'; 18971 window.pageGuid = 3000002; 18972 window.pg_type = 1051; 18973 window.show_price = '1'; 18974 window.hide_seo_on_pagination = ''; 18975</script>
18975 18976 18977</div> 18978 18979
18980<script> 18981$(document).ready(function() { 18982 side_filters_focusable(); 18983 18984 $(window).resize(function () { 18985 side_filters_focusable(); 18986 }); 18987 18988 $('.pcontainer').on('click', '.wishlist-form', function (event) { 18989 event.stopPropagation(); 18990 }); 18991 18992 $("form.sfform").submit(function(e) { 18993 e.preventDefault(); 18994 const search_val = $(this).find('#keyword-search').val(); 18995 $("#items-search-form .pagination_page").val(1); 18996 $("#pages-search-form .pagination_page").val(1); 18997 $("#diamonds-search-form .pagination_page").val(1); 18998 $(".skip_pages").val(0); 18999 19000 update_url(); 19001 $('#items-search-form').find('.keyword').val(search_val).trigger('change'); 19002 $('#pages-search-form').find('.keyword').val(search_val).trigger('change'); 19003 $('#diamonds-search-form').find('.keyword').val(search_val).trigger('change'); 19004 }); 19005 19006 $('.collection-filter select:not(.shapes-selection)').select2({width: "100%"}); 19007 19008 $('.shapes-div').on('click keypress', '.shapes-img', function (event) { 19009 if(event.type == 'keypress' && event.which != 13) { 19010 return; 19011 } 19012 19013 const active = $(this).hasClass('active'); 19014 const shapes_vals = $(".shapes-selection").val(); 19015 const allSelected = $(".shapes-selection option:not(:selected)").length == 0; 19016 const onlyOne = $(".shapes-selection option:selected").length == 1; 19017 const selected_shape = $(this).find('.shapes-title').text(); 19018 19019 if (active) { 19020 $(this).removeClass('active'); 19021 if (onlyOne){ 19022 $(".shapes-selection option[value='"+ selected_shape + "']").prop("selected", false); 19023 $(".shapes-selection").change(); 19024 } else { 19025 let vals = $(".shapes-selection").val(); 19026 vals = $.grep(vals, function(value) { 19027 return value != selected_shape; 19028 }); 19029 $(".shapes-selection").val(vals).change(); 19030 } 19031 } else { 19032 $(this).addClass('active'); 19033 if (allSelected){ 19034 $(".shapes-selection option:selected").prop("selected", false); 19035 let vals = []; 19036 vals.push(selected_shape); 19037 $(".shapes-selection").val(vals).change(); 19038 } else { 19039 let vals = $(".shapes-selection").val(); 19040 vals.push(selected_shape); 19041 $(".shapes-selection").val(vals).change(); 19042 } 19043 } 19044 }); 19045 19046 $('.items-reset.filters-reset-button').on('click', function () { 19047 const $filterForm = $('#items-search-form'); 19048 $filterForm.find('select option').prop('selected', false).trigger('change.select2'); 19049 $filterForm.find('input[type="number"], input[type="text"]').val(''); 19050 $filterForm.find('input[type="checkbox"]').prop('checked', false); 19051 $(".price-range-slider, .js-range-slider").each(function () { 19052 let rangeData = $(this).data("ionRangeSlider"); 19053 rangeData.update_check.from = rangeData.options.from = $(this).data("min"); 19054 rangeData.update_check.to = rangeData.options.to = $(this).data("max"); 19055 rangeData.reset(); 19056 }); 19057 $('.shapes-img').removeClass('active'); 19058 const data = $filterForm.find(':not(.js-range-slider)').serializeArray(); 19059 filter_reload_items(data); 19060 }) 19061 19062 $("#items-search-form price-range-slider, #items-search-form .js-range-slider").map(function (ind, el) { 19063 let $inputFrom = $(el).parent().find('.ranger_from'); 19064 let $inputTo = $(el).parent().find('.ranger_to'); 19065 let instance; 19066 let from = 0; 19067 let to = 0; 19068 19069 $inputFrom.on("change", function () { 19070 let val = $(this).val(); 19071 19072 if (val < instance.options.min) val = instance.options.min; 19073 else if (val > to) val = to; 19074 19075 instance.update({from: val}); 19076 19077 $(this).val(val); 19078 }); 19079 $inputTo.on("change", function () { 19080 let val = $(this).val(); 19081 19082 if (val < from) val = from; 19083 else if (val > instance.options.max) val = instance.options.max; 19084 19085 instance.update({to: val}); 19086 19087 $(this).val(val); 19088 }); 19089 19090 $(el).ionRangeSlider({ 19091 prefix: ($(el).hasClass('price-range-slider') ? "$" : ""), 19092 prettify_separator: ($(el).hasClass('price-range-slider') ? "," : ""), 19093 onStart: function (data) { 19094 updateInputs(data); 19095 applySliderHandleAccessibility(data); 19096 }, 19097 onChange: function (data) { 19098 updateInputs(data); 19099 applySliderHandleAccessibility(data); 19100 }, 19101 onUpdate: function (data) { 19102 updateInputs(data); 19103 applySliderHandleAccessibility(data); 19104 }, 19105 onFinish: function (data) { 19106 updateInputs(data); 19107 applySliderHandleAccessibility(data); 19108 console.log(data) 19109 const data_form = data.input.closest('form').find(':not(.js-range-slider)').serializeArray(); 19110 console.log(data_form); 19111 filter_reload_items(data_form); 19112 $('.processing_div').show(); 19113 } 19114 }); 19115 19116 function updateInputs(data) { 19117 from = data.from; 19118 to = data.to; 19119 19120 $inputFrom.val(from).trigger('change.select2'); 19121 $inputTo.val(to).trigger('change.select2'); 19122 } 19123 19124 instance = $(el).data("ionRangeSlider"); 19125 applySliderHandleAccessibility({ 19126 input: $(el), 19127 min: instance?.result?.min ?? instance?.options?.min, 19128 max: instance?.result?.max ?? instance?.options?.max, 19129 from: instance?.result?.from ?? instance?.options?.from, 19130 to: instance?.result?.to ?? instance?.options?.to 19131 }); 19132 }) 19133 19134 function applySliderHandleAccessibility(data) { 19135 const $input = data?.input ? $(data.input) : $(); 19136 if (!$input.length) return; 19137 19138 const min = data.min ?? ''; 19139 const max = data.max ?? ''; 19140 const from = data.from ?? ''; 19141 const to = data.to ?? ''; 19142 const filterLabel = $input.closest('.collection-filter').find('.btn_collapse').text().trim() || 'Filter'; 19143 const $sliderContainer = $input.closest('label').find('.irs'); 19144 const $fromHandle = $sliderContainer.find('.irs-handle.from'); 19145 const $toHandle = $sliderContainer.find('.irs-handle.to'); 19146 19147 $fromHandle.attr({ 19148 role: 'slider', 19149 'aria-label': `${filterLabel} from`, 19150 'aria-valuemin': min, 19151 'aria-valuemax': max, 19152 'aria-valuenow': from 19153 }); 19154 $toHandle.attr({ 19155 role: 'slider', 19156 'aria-label': `${filterLabel} to`, 19157 'aria-valuemin': min, 19158 'aria-valuemax': max, 19159 'aria-valuenow': to 19160 }); 19161 $sliderContainer.find('.irs-line').removeAttr('tabindex'); 19162 } 19163 19164 $('.items_pagination').on('click', '.pag_num', function () { 19165 if ($(this).hasClass('disabled')) { 19166 return; 19167 } 19168 const pag_num = $(this).attr('data-page');
19169 const limit = $('#items-search-form .limit').val(); 19170 skip = (pag_num - 1)*limit; 19171 $(".items_pagination .pag_num").removeClass("active"); 19172 $(this).addClass("active"); 19173 $("#items-search-form .pagination_page").val(pag_num); 19174 $("#items-search-form .skip_pages").val(skip).trigger('change'); 19175 update_url(); 19176 $("html, body").animate({ scrollTop: $('.items-list').offset().top }, "slow"); 19177 }); 19178 19179 $('#items-search-form').on('change', 'input, select', function () { 19180 const redirect = $(this).data('redirect'); 19181 if (redirect) { 19182 window.location = redirect; 19183 } else { 19184 if (!$(this).hasClass('skip_pages')) { 19185 $("#items-search-form .pagination_page").val(1); 19186 $(".skip_pages").val(0); 19187 } 19188 if (!$(this).hasClass('js-range-slider')) { 19189 const data = $(this).closest('form').find(':not(.js-range-slider)').serializeArray(); 19190 console.log(data); 19191 filter_reload_items(data); 19192 $('.processing_items_div').show(); 19193 } 19194 } 19195 }).on('submit', function () { 19196 return false; 19197 }); 19198 19199 $('#items_sorting').on('change', function () { 19200 const values = $(this).val().split('-') 19201 if (values.length === 2) { 19202 $('#items-search-form .order_by').val(values[0]) 19203 $('#items-search-form .order_dir').val(values[1]) 19204 } 19205 $("#items-search-form .pagination_page").val(1); 19206 $(".skip_pages").val(0); 19207 const data = $('#items-search-form').find(':not(.js-range-slider)').serializeArray() 19208 filter_reload_items(data) 19209 $('.processing_items_div').show() 19210 }); 19211 $('.pages-reset.filters-reset-button').on('click', function () { 19212 const $filterForm = $('#pages-search-form'); 19213 $filterForm.find('select option').prop('selected', false).trigger('change.select2'); 19214 $filterForm.find('input[type="number"], input[type="text"]').val(''); 19215 $filterForm.find('input[type="checkbox"]').prop('checked', false); 19216 $(".price-range-slider, .js-range-slider").each(function () { 19217 let rangeData = $(this).data("ionRangeSlider"); 19218 rangeData.update_check.from = rangeData.options.from = $(this).data("min"); 19219 rangeData.update_check.to = rangeData.options.to = $(this).data("max"); 19220 rangeData.reset(); 19221 }); 19222 $('.shapes-img').removeClass('active'); 19223 const data = $filterForm.find(':not(.js-range-slider)').serializeArray(); 19224 filter_reload_pages(data); 19225 }) 19226 19227 $("#pages-search-form price-range-slider, #pages-search-form .js-range-slider").map(function (ind, el) { 19228 let $inputFrom = $(el).parent().find('.ranger_from'); 19229 let $inputTo = $(el).parent().find('.ranger_to'); 19230 let instance; 19231 let from = 0; 19232 let to = 0; 19233 19234 $inputFrom.on("change", function () { 19235 let val = $(this).val(); 19236 19237 if (val < instance.options.min) val = instance.options.min; 19238 else if (val > to) val = to; 19239 19240 instance.update({from: val}); 19241 19242 $(this).val(val); 19243 }); 19244 $inputTo.on("change", function () { 19245 let val = $(this).val(); 19246 19247 if (val < from) val = from; 19248 else if (val > instance.options.max) val = instance.options.max; 19249 19250 instance.update({to: val}); 19251 19252 $(this).val(val); 19253 }); 19254 19255 $(el).ionRangeSlider({ 19256 prefix: ($(el).hasClass('price-range-slider') ? "$" : ""), 19257 prettify_separator: ($(el).hasClass('price-range-slider') ? "," : ""), 19258 onStart: function (data) { 19259 updateInputs(data); 19260 applySliderHandleAccessibility(data); 19261 }, 19262 onChange: function (data) { 19263 updateInputs(data); 19264 applySliderHandleAccessibility(data); 19265 }, 19266 onUpdate: function (data) { 19267 updateInputs(data); 19268 applySliderHandleAccessibility(data); 19269 }, 19270 onFinish: function (data) { 19271 updateInputs(data); 19272 applySliderHandleAccessibility(data); 19273 console.log(data) 19274 const data_form = data.input.closest('form').find(':not(.js-range-slider)').serializeArray(); 19275 console.log(data_form); 19276 filter_reload_pages(data_form); 19277 $('.processing_div').show(); 19278 } 19279 }); 19280 19281 function updateInputs(data) { 19282 from = data.from; 19283 to = data.to; 19284 19285 $inputFrom.val(from).trigger('change.select2'); 19286 $inputTo.val(to).trigger('change.select2'); 19287 } 19288 19289 instance = $(el).data("ionRangeSlider"); 19290 applySliderHandleAccessibility({ 19291 input: $(el), 19292 min: instance?.result?.min ?? instance?.options?.min, 19293 max: instance?.result?.max ?? instance?.options?.max, 19294 from: instance?.result?.from ?? instance?.options?.from, 19295 to: instance?.result?.to ?? instance?.options?.to 19296 }); 19297 }) 19298 19299 function applySliderHandleAccessibility(data) { 19300 const $input = data?.input ? $(data.input) : $(); 19301 if (!$input.length) return; 19302 19303 const min = data.min ?? ''; 19304 const max = data.max ?? ''; 19305 const from = data.from ?? ''; 19306 const to = data.to ?? ''; 19307 const filterLabel = $input.closest('.collection-filter').find('.btn_collapse').text().trim() || 'Filter'; 19308 const $sliderContainer = $input.closest('label').find('.irs'); 19309 const $fromHandle = $sliderContainer.find('.irs-handle.from'); 19310 const $toHandle = $sliderContainer.find('.irs-handle.to'); 19311 19312 $fromHandle.attr({ 19313 role: 'slider', 19314 'aria-label': `${filterLabel} from`, 19315 'aria-valuemin': min, 19316 'aria-valuemax': max, 19317 'aria-valuenow': from 19318 }); 19319 $toHandle.attr({ 19320 role: 'slider', 19321 'aria-label': `${filterLabel} to`, 19322 'aria-valuemin': min, 19323 'aria-valuemax': max, 19324 'aria-valuenow': to 19325 }); 19326 $sliderContainer.find('.irs-line').removeAttr('tabindex'); 19327 } 19328 19329 $('.pages_pagination').on('click', '.pag_num', function () { 19330 if ($(this).hasClass('disabled')) { 19331 return; 19332 } 19333 const pag_num = $(this).attr('data-page'); 19334 const limit = $('#pages-search-form .limit').val(); 19335 skip = (pag_num - 1)*limit; 19336 $(".pages_pagination .pag_num").removeClass("active"); 19337 $(this).addClass("active"); 19338 $("#pages-search-form .pagination_page").val(pag_num); 19339 $("#pages-search-form .skip_pages").val(skip).trigger('change'); 19340 update_url(); 19341 $("html, body").animate({ scrollTop: $('.pages-list').offset().top }, "slow"); 19342 });
19343 19344 $('#pages-search-form').on('change', 'input, select', function () { 19345 const redirect = $(this).data('redirect'); 19346 if (redirect) { 19347 window.location = redirect; 19348 } else { 19349 if (!$(this).hasClass('skip_pages')) { 19350 $("#pages-search-form .pagination_page").val(1); 19351 $(".skip_pages").val(0); 19352 } 19353 if (!$(this).hasClass('js-range-slider')) { 19354 const data = $(this).closest('form').find(':not(.js-range-slider)').serializeArray(); 19355 console.log(data); 19356 filter_reload_pages(data); 19357 $('.processing_pages_div').show(); 19358 } 19359 } 19360 }).on('submit', function () { 19361 return false; 19362 }); 19363 19364 $('#pages_sorting').on('change', function () { 19365 const values = $(this).val().split('-') 19366 if (values.length === 2) { 19367 $('#pages-search-form .order_by').val(values[0]) 19368 $('#pages-search-form .order_dir').val(values[1]) 19369 } 19370 $("#pages-search-form .pagination_page").val(1); 19371 $(".skip_pages").val(0); 19372 const data = $('#pages-search-form').find(':not(.js-range-slider)').serializeArray() 19373 filter_reload_pages(data) 19374 $('.processing_pages_div').show() 19375 }); 19376 $('.diamonds-reset.filters-reset-button').on('click', function () { 19377 const $filterForm = $('#diamonds-search-form'); 19378 $filterForm.find('select option').prop('selected', false).trigger('change.select2'); 19379 $filterForm.find('input[type="number"], input[type="text"]').val(''); 19380 $filterForm.find('input[type="checkbox"]').prop('checked', false); 19381 $(".price-range-slider, .js-range-slider").each(function () { 19382 let rangeData = $(this).data("ionRangeSlider"); 19383 rangeData.update_check.from = rangeData.options.from = $(this).data("min"); 19384 rangeData.update_check.to = rangeData.options.to = $(this).data("max"); 19385 rangeData.reset(); 19386 }); 19387 $('.shapes-img').removeClass('active'); 19388 const data = $filterForm.find(':not(.js-range-slider)').serializeArray(); 19389 filter_reload_diamonds(data); 19390 }) 19391 19392 $("#diamonds-search-form price-range-slider, #diamonds-search-form .js-range-slider").map(function (ind, el) { 19393 let $inputFrom = $(el).parent().find('.ranger_from'); 19394 let $inputTo = $(el).parent().find('.ranger_to'); 19395 let instance; 19396 let from = 0; 19397 let to = 0; 19398 19399 $inputFrom.on("change", function () { 19400 let val = $(this).val(); 19401 19402 if (val < instance.options.min) val = instance.options.min; 19403 else if (val > to) val = to; 19404 19405 instance.update({from: val}); 19406 19407 $(this).val(val); 19408 }); 19409 $inputTo.on("change", function () { 19410 let val = $(this).val(); 19411 19412 if (val < from) val = from; 19413 else if (val > instance.options.max) val = instance.options.max; 19414 19415 instance.update({to: val}); 19416 19417 $(this).val(val); 19418 }); 19419 19420 $(el).ionRangeSlider({ 19421 prefix: ($(el).hasClass('price-range-slider') ? "$" : ""), 19422 prettify_separator: ($(el).hasClass('price-range-slider') ? "," : ""), 19423 onStart: function (data) { 19424 updateInputs(data); 19425 applySliderHandleAccessibility(data); 19426 }, 19427 onChange: function (data) { 19428 updateInputs(data); 19429 applySliderHandleAccessibility(data); 19430 }, 19431 onUpdate: function (data) { 19432 updateInputs(data); 19433 applySliderHandleAccessibility(data); 19434 }, 19435 onFinish: function (data) { 19436 updateInputs(data); 19437 applySliderHandleAccessibility(data); 19438 console.log(data) 19439 const data_form = data.input.closest('form').find(':not(.js-range-slider)').serializeArray(); 19440 console.log(data_form); 19441 filter_reload_diamonds(data_form); 19442 $('.processing_div').show(); 19443 } 19444 }); 19445 19446 function updateInputs(data) { 19447 from = data.from; 19448 to = data.to; 19449 19450 $inputFrom.val(from).trigger('change.select2'); 19451 $inputTo.val(to).trigger('change.select2'); 19452 } 19453 19454 instance = $(el).data("ionRangeSlider"); 19455 applySliderHandleAccessibility({ 19456 input: $(el), 19457 min: instance?.result?.min ?? instance?.options?.min, 19458 max: instance?.result?.max ?? instance?.options?.max, 19459 from: instance?.result?.from ?? instance?.options?.from, 19460 to: instance?.result?.to ?? instance?.options?.to 19461 }); 19462 }) 19463 19464 function applySliderHandleAccessibility(data) { 19465 const $input = data?.input ? $(data.input) : $(); 19466 if (!$input.length) return; 19467 19468 const min = data.min ?? ''; 19469 const max = data.max ?? ''; 19470 const from = data.from ?? ''; 19471 const to = data.to ?? ''; 19472 const filterLabel = $input.closest('.collection-filter').find('.btn_collapse').text().trim() || 'Filter'; 19473 const $sliderContainer = $input.closest('label').find('.irs'); 19474 const $fromHandle = $sliderContainer.find('.irs-handle.from'); 19475 const $toHandle = $sliderContainer.find('.irs-handle.to'); 19476 19477 $fromHandle.attr({ 19478 role: 'slider', 19479 'aria-label': `${filterLabel} from`, 19480 'aria-valuemin': min, 19481 'aria-valuemax': max, 19482 'aria-valuenow': from 19483 }); 19484 $toHandle.attr({ 19485 role: 'slider', 19486 'aria-label': `${filterLabel} to`, 19487 'aria-valuemin': min, 19488 'aria-valuemax': max, 19489 'aria-valuenow': to 19490 }); 19491 $sliderContainer.find('.irs-line').removeAttr('tabindex'); 19492 } 19493 19494 $('.diamonds_pagination').on('click', '.pag_num', function () { 19495 if ($(this).hasClass('disabled')) { 19496 return; 19497 } 19498 const pag_num = $(this).attr('data-page'); 19499 const limit = $('#diamonds-search-form .limit').val(); 19500 skip = (pag_num - 1)*limit; 19501 $(".diamonds_pagination .pag_num").removeClass("active"); 19502 $(this).addClass("active"); 19503 $("#diamonds-search-form .pagination_page").val(pag_num); 19504 $("#diamonds-search-form .skip_pages").val(skip).trigger('change'); 19505 update_url(); 19506 $("html, body").animate({ scrollTop: $('.diamonds-list').offset().top }, "slow"); 19507 });
19508 19509 $('#diamonds-search-form').on('change', 'input, select', function () { 19510 const redirect = $(this).data('redirect'); 19511 if (redirect) { 19512 window.location = redirect; 19513 } else { 19514 if (!$(this).hasClass('skip_pages')) { 19515 $("#diamonds-search-form .pagination_page").val(1); 19516 $(".skip_pages").val(0); 19517 } 19518 if (!$(this).hasClass('js-range-slider')) { 19519 const data = $(this).closest('form').find(':not(.js-range-slider)').serializeArray(); 19520 console.log(data); 19521 filter_reload_diamonds(data); 19522 $('.processing_diamonds_div').show(); 19523 } 19524 } 19525 }).on('submit', function () { 19526 return false; 19527 }); 19528 19529 $('#diamonds_sorting').on('change', function () { 19530 const values = $(this).val().split('-') 19531 if (values.length === 2) { 19532 $('#diamonds-search-form .order_by').val(values[0]) 19533 $('#diamonds-search-form .order_dir').val(values[1]) 19534 } 19535 $("#diamonds-search-form .pagination_page").val(1); 19536 $(".skip_pages").val(0); 19537 const data = $('#diamonds-search-form').find(':not(.js-range-slider)').serializeArray() 19538 filter_reload_diamonds(data) 19539 $('.processing_diamonds_div').show() 19540 }); 19541 19542 const trap = focusTrap.createFocusTrap('#filters-container', { 19543 onActivate: () => $('#filters-container').addClass('is-active'), 19544 onDeactivate: () => $('#filters-container').removeClass('is-active'), 19545 clickOutsideDeactivates: true 19546 }); 19547 19548 $('.filter-toggle-btn').click(function (e) { 19549 e.stopPropagation(); 19550 $('#filters-container').addClass('open') 19551 $('#filters-container').removeAttr('inert') 19552 trap.activate() 19553 $('.close-div .close_svg').focus() 19554 $('body').addClass('content-fixed'); 19555 19556 $(document).on('click.outsideFilters touchstart.outsideFilters wheel.outsideFilters', function (e) { 19557 if (!$(e.target).closest('#filters-container').length) { 19558 closeFilters(); 19559 } 19560 }); 19561 }); 19562 19563 function closeFilters() { 19564 $('#filters-container').removeClass('open') 19565 $('#filters-container').attr('inert', 'inert') 19566 trap.deactivate(); 19567 $('body').removeClass('content-fixed'); 19568 $(document).off('.outsideFilters'); 19569 } 19570 19571 $('.close-div .close_svg').click(function () { 19572 closeFilters(); 19573 }); 19574 19575 function get_specs(element) { 19576 let myArray = []; 19577 element.each(function(){ 19578 const _this = $(this); 19579 const spec = _this.data('spec'); 19580 const redirect = _this.data('redirect'); 19581 const value = _this.val(); 19582 19583 if (redirect) window.location = redirect; 19584 if (spec in myArray){ 19585 myArray[spec] += '|' + value; 19586 }else{ 19587 myArray[spec] = value; 19588 } 19589 }); 19590 let result = ''; 19591 for(const key in myArray){ 19592 if(result != '') result += '&' 19593 result += key + '=' + myArray[key] 19594 } 19595 return result; 19596 } 19597 19598 function side_filters_focusable() { 19599 $(document).ready(function () { 19600 if ($(window).width() < 768) { 19601 $('.pcontainer .filters-container').attr('inert', 'inert') 19602 } else { 19603 $('#filters-container').removeClass('open') 19604 $('#filters-container').removeAttr('inert') 19605 trap.deactivate() 19606 } 19607 }); 19608 } 19609 19610 $(document).on('keydown', function (event) { 19611 if (event.key == "Escape" && $(window).width() <= 768) { 19612 $('#filters-container').removeClass('open') 19613 $('#filters-container').attr('inert', 'inert') 19614 } 19615 }); 19616 19617 update_url(); 19618 function update_url() { 19619 let rangeable = $(".js-range-slider").filter( (index,e) => { 19620 if(e.value === 'null;null') return false; 19621 let values = e.value.split(';'); 19622 19623 if(values.length > 1 && (values[0] == e.getAttribute('data-min') && values[1]) == e.getAttribute('data-max')) return false; 19624 19625 if(values.length > 1 && (values[0] == e.getAttribute('data-minimum') && values[1]) == e.getAttribute('data-maximum')) return false; 19626 19627 if(values.length > 1 && (parseFloat(values[0]) !== parseFloat(e.getAttribute('data-min')) || parseFloat(values[1]) !== parseFloat(e.getAttribute('data-max')))) return true; 19628 19629 return false; 19630 }); 19631 rangeable = rangeable.serialize(); 19632 if(rangeable) rangeable = rangeable.replace('specs[Total Carat Weight]','Spec_Total_Carat_Weight') 19633 19634 const brands = $('input[name="brand_group_id\\[\\]"]:checked').map(function(){ 19635 const redirect = $(this).data('redirect'); 19636 if (redirect) window.location = redirect; 19637 19638 return $(this).val(); 19639 }).get().join('|'); 19640 const product_types = $('input[name="product_type\\[\\]"]:checked').map(function(){ 19641 const redirect = $(this).data('redirect'); 19642 if (redirect) window.location = redirect; 19643 19644 return $(this).val(); 19645 }).get().join('|'); 19646 const specs = get_specs($('.speckable:checked')); 19647 const tudor_specs = get_specs($('.tudorable:checked')); 19648 19649 let sort = $('.sorting').val(); 19650 const search_val = $('.sfform #keyword-search').val(); 19651 const ring_builder = $('input[name=ring_builder]').val(); 19652 const filterable = $('.filterable').serialize(); 19653 19654 let qs = []; 19655 if(ring_builder) qs.push('ring_builder='+ ring_builder); 19656
19657 const page = $('#items-search-form .pagination_page').val(); 19658 const pPage = $('#pages-search-form .pagination_page').val(); 19659 const dPage = $('#diamonds-search-form .pagination_page').val(); 19660 19661 if(page && page > 1) qs.push('page='+ page); 19662 if(pPage && pPage > 1) qs.push('p_page='+ pPage); 19663 if(dPage && dPage > 1) qs.push('d_page='+ dPage); 19664 19665 if(filterable) qs.push(filterable); 19666 if(search_val) qs.push('search='+ search_val); 19667 19668 if(sort && sort !== 'seed-asc') { 19669 if(sort == 'instock-nothing') sort = 'instock'; 19670 qs.push('sort_by='+ sort) 19671 } 19672 if(rangeable) qs.push(rangeable); 19673 if(brands) qs.push('brands='+ brands); 19674 if(product_types) qs.push('product_types='+ product_types); 19675 if(specs) qs.push(specs); 19676 if(tudor_specs) qs.push(tudor_specs); 19677 19678 // RS 2025-05-19 Ticket #3790 - UTM dissapear from url on filter pages https://www.wrike.com/open.htm?id=1661200741 19679 const params = new URLSearchParams(window.location.search); 19680 19681 for (const [key, value] of params.entries()) { 19682 if ( 19683 key.startsWith('utm_') || 19684 key.startsWith('rl_') || // RS 2025-06-26 https://www.wrike.com/open.htm?id=1690036777 19685 ['cid', 'kw', 'scid', 'tc'].includes(key) 19686 ) { 19687 qs.push(encodeURIComponent(key) + '=' + encodeURIComponent(value)); 19688 } 19689 } 19690 19691 let loc = $('<a>', {href: window.location})[0]; 19692 if (history.pushState) { 19693 19694 function trimTrailingSlash(path) { 19695 return path.replace(/\/+$/, ''); 19696 } 19697 19698 const newUrl = trimTrailingSlash(loc.pathname + (qs.length ? '?' + qs.join('&') : '')); 19699 if (newUrl !== location.pathname + location.search) { 19700 history.pushState(null, null, newUrl); 19701 } 19702 19703 $("link[rel='canonical']").attr('href', location.protocol + '//' + location.host + "/" + trimSlashes(loc.pathname + (qs.length ? '?' + qs.join('&') : '' ))); 19704 } 19705 } 19706 19707 function filter_reload_items(data) { 19708 var _origData = data; 19709 var _retry = function () { filter_reload_items(_origData); }; 19710 data = data.concat($(".js-range-slider").filter( (index,e) => { 19711 if(e.value === 'null;null') return false; 19712 let values = e.value.split(';'); 19713 19714 if(values.length > 1 && (values[0] == e.getAttribute('data-min') && values[1]) == e.getAttribute('data-max')) return false; 19715 19716 if(values.length > 1 && (values[0] == e.getAttribute('data-minimum') && values[1]) == e.getAttribute('data-maximum')) return false; 19717 19718 if(values.length > 1 && (parseFloat(values[0]) !== parseFloat(e.getAttribute('data-min')) || parseFloat(values[1]) !== parseFloat(e.getAttribute('data-max')))) return true; 19719 19720 return false; 19721 }).serializeArray()); 19722 data = data.concat($('select[name=sort_by]').serializeArray()); 19723 19724 update_url(); 19725 19726 const hasPricelessFiler = data.findIndex(item => item.name === 'has_priceless') 19727 const priceRangeFilterIndex = data.findIndex(item => item.name === 'price[]') 19728 if (hasPricelessFiler !== -1 && priceRangeFilterIndex !== -1) { 19729 data.splice(priceRangeFilterIndex, 1) 19730 } 19731 let previewStatus = false; 19732 const params = new URLSearchParams(window.location.search); 19733 if (params.get('preview') === '1') { 19734 previewStatus = true; 19735 } 19736 data.push({name: "preview", value: previewStatus}); 19737 19738 $.ajax({
19739 url: local_view_folder + '/ws/ajax_filters.php', 19740 type: "POST", 19741 headers: {'X-CSRF-TOKEN': window.csrf_token}, 19742 data: data, 19743 dataType: "json", 19744 success: function (response) { 19745 if (response.redirect == true) { 19746 if (response.custom_redirect) { 19747 window.location = response.custom_redirect; 19748 } 19749 if (response.david_yurman) { 19750 window.location = response.david_yurman; 19751 } 19752 if (response.rolex) { 19753 window.location = response.rolex; 19754 } 19755 if (response.tudor) { 19756 window.location = response.tudor; 19757 } 19758 } 19759 19760 $(".results .items_total_results").text(response['count']); 19761 19762 recordsTotal = response['count']; 19763 $("#items-search-form input[name=count]").val(recordsTotal); 19764 pagination_page = $("#items-search-form .pagination_page").val(); 19765 limit = 16; 19766 19767 if (window.hide_seo_on_pagination) { 19768 if (pagination_page > 1) { 19769 $(".main_page_container .structured_content").hide(); 19770 $(".main_page_container h1.title span").remove(); 19771 $(".main_page_container h1.title").append("<span> - page " + pagination_page + "</spam>"); 19772 } else { 19773 $(".main_page_container .structured_content").show(); 19774 $(".main_page_container h1.title span").remove(); 19775 } 19776 } 19777 19778 $.ajax({
19779 url: local_view_folder + '/ws/ajax_pagination.php', 19780 type: "POST", 19781 headers: {'X-CSRF-TOKEN': window.csrf_token}, 19782 data: { 19783 recordsTotal: recordsTotal, 19784 pagination_page: pagination_page, 19785 limit: limit 19786 }, 19787 dataType: "html", 19788 success: function(result){ 19789 $('.items_pagination .pagination_nav').html(result); 19790 $('.processing_items_div').hide(); 19791 }, 19792 error: function (xhr, status, error) { 19793 // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726 19794 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr, _retry)) return; 19795 // console.error(xhr); 19796 // If backend returned HTML page 19797 if (xhr.responseText) { 19798 document.open(); 19799 document.write(xhr.responseText); 19800 document.close(); 19801 return; 19802 } 19803 } 19804 }); 19805 19806 $(".items-list").html(response['html']); 19807 }, 19808 error: function (xhr, status, error) { 19809 // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726 19810 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr, _retry)) return; 19811 // console.error(xhr); 19812 // If backend returned HTML page 19813 if (xhr.responseText) { 19814 document.open(); 19815 document.write(xhr.responseText); 19816 document.close(); 19817 return; 19818 } 19819 } 19820 }); 19821 } 19822 19823 function filter_reload_pages(data) { 19824 var _retry = function () { filter_reload_pages(data); }; 19825 $.ajax({
19826 url: '/skeleton/1.0/view/ws/ajax_search_pages.php', 19827 type: "POST", 19828 headers: {'X-CSRF-TOKEN': window.csrf_token}, 19829 data: data, 19830 dataType: "json", 19831 success: function (response) { 19832 $(".results .pages_total_results").text(response['count']); 19833 19834 recordsTotal = response['count']; 19835 $("#pages-search-form input[name=count]").val(recordsTotal); 19836 pagination_page = $("#pages-search-form .pagination_page").val(); 19837 limit = 16; 19838 19839 $.ajax({ 19840 url: '/skeleton/1.0/view/ws/ajax_pagination.php', 19841 type: "POST", 19842 headers: {'X-CSRF-TOKEN': window.csrf_token}, 19843 data: { 19844 recordsTotal: recordsTotal, 19845 pagination_page: pagination_page, 19846 limit: limit 19847 }, 19848 dataType: "html", 19849 success: function(result){ 19850 $('.pages_pagination .pagination_nav').html(result); 19851 $('.processing_pages_div').hide(); 19852 }, 19853 error: function (xhr, status, error) { 19854 // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726 19855 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr, _retry)) return; 19856 // console.error(xhr); 19857 // If backend returned HTML page 19858 if (xhr.responseText) { 19859 document.open(); 19860 document.write(xhr.responseText); 19861 document.close(); 19862 return; 19863 } 19864 } 19865 }); 19866 19867 $(".pages-list").html(response['html']); 19868 }, 19869 error: function (xhr, status, error) { 19870 // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726 19871 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr, _retry)) return; 19872 // console.error(xhr); 19873 // If backend returned HTML page 19874 if (xhr.responseText) { 19875 document.open(); 19876 document.write(xhr.responseText); 19877 document.close(); 19878 return; 19879 } 19880 } 19881 }); 19882 } 19883 19884 function filter_reload_diamonds(data) { 19885 var _origData = data; 19886 var _retry = function () { filter_reload_diamonds(_origData); }; 19887 data = data.concat($(".js-range-slider").filter( (index,e) => { 19888 if(e.value === 'null;null') return false; 19889 let values = e.value.split(';'); 19890 19891 if(values.length > 1 && (values[0] == e.getAttribute('data-min') && values[1]) == e.getAttribute('data-max')) return false; 19892 19893 if(values.length > 1 && (values[0] == e.getAttribute('data-minimum') && values[1]) == e.getAttribute('data-maximum')) return false; 19894 19895 if(values.length > 1 && (parseFloat(values[0]) !== parseFloat(e.getAttribute('data-min')) || parseFloat(values[1]) !== parseFloat(e.getAttribute('data-max')))) return true; 19896 19897 return false; 19898 }).serializeArray()); 19899 data = data.concat($('select[name=sort_by]').serializeArray()); 19900 19901 update_url(); 19902 19903 $.ajax({
19904 url: '/skeleton/1.0/view/ws/ajax_search_diamonds.php', 19905 type: "POST", 19906 headers: {'X-CSRF-TOKEN': window.csrf_token}, 19907 data: data, 19908 dataType: "json", 19909 success: function (response) { 19910 $(".results .diamonds_total_results").text(response['count']); 19911 19912 recordsTotal = response['count']; 19913 $("#diamonds-search-form input[name=count]").val(recordsTotal); 19914 pagination_page = $("#diamonds-search-form .pagination_page").val(); 19915 limit = 16; 19916 19917 $.ajax({ 19918 url: '/skeleton/1.0/view/ws/ajax_pagination.php', 19919 type: "POST", 19920 headers: {'X-CSRF-TOKEN': window.csrf_token}, 19921 data: { 19922 recordsTotal: recordsTotal, 19923 pagination_page: pagination_page, 19924 limit: limit 19925 }, 19926 dataType: "html", 19927 success: function(result){ 19928 $('.diamonds_pagination .pagination_nav').html(result); 19929 $('.processing_diamonds_div').hide(); 19930 }, 19931 }); 19932 19933 $(".diamonds-list").html(response['html']); 19934 }, 19935 error: function (xhr, status, error) { 19936 // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726 19937 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr, _retry)) return; 19938 // console.error(xhr); 19939 // If backend returned HTML page 19940 if (xhr.responseText) { 19941 document.open(); 19942 document.write(xhr.responseText); 19943 document.close(); 19944 return; 19945 } 19946 } 19947 }); 19948 } 19949}); 19950</script>
19950 19951<style> 19952 .irs-single { 19953 max-width: calc(100% - 30px); 19954 white-space: nowrap; 19955 overflow: hidden; 19956 text-overflow: ellipsis; 19957 position: absolute; 19958 transform: translateX(-30%); 19959 } 19960 19961 .pcontainer { 19962 margin: auto; 19963 padding-right: 100px; 19964 padding-left: 100px; 19965 } 19966 .above_content { 19967 padding: 30px 100px; 19968 } 19969 .pcontainer .filters-container { 19970 width: 22%; 19971 padding-right: 20px; 19972 z-index: 0; 19973 } 19974 .pcontainer .filters-content { 19975 width: 78%; 19976 position: relative; 19977 } 19978 .pcontainer.empty_filters .filters-container { 19979 display: none; 19980 } 19981 .filters-container .filters-reset-button { 19982 opacity: 1.0; 19983 padding: 10px 20px; 19984 border: 1px solid #ececec; 19985 background: #ececec; 19986 text-transform: uppercase; 19987 color: #000; 19988 font-weight: normal; 19989 display: flex; 19990 align-items: center; 19991 cursor: pointer; 19992 font-size: 0.85rem; 19993 } 19994 .filters-container .filters-reset-button svg { 19995 height: 14px; 19996 margin-right: 5px; 19997 } 19998 .filters-container .filters-reset-button svg path { 19999 fill: currentColor; 20000 } 20001 .filters-container .filters-reset-button-wrapper { 20002 margin-top: 1rem; 20003 margin-bottom: 1rem; 20004 } 20005 .pcontainer.empty_filters .filters-content { 20006 width: 100%; 20007 } 20008 .items-list, 20009 .pages-list, 20010 .diamonds-list { 20011 flex-wrap: wrap; 20012 } 20013 .items-list .item, 20014 .pages-list .item, 20015 .diamonds-list .item { 20016 cursor: pointer; 20017 display: flex; 20018 flex-direction: column; 20019 justify-content: flex-end; 20020 align-items: center; 20021 border: 1px solid #eee; 20022 color: #222; 20023 text-decoration: none; 20024 text-align: center; 20025 margin-left: -1px; 20026 margin-top: -1px; 20027 } 20028 .items-list .item a, 20029 .pages-list .item a, 20030 .diamonds-list .item a { 20031 width: 100%; 20032 display: flex; 20033 flex-direction: column; 20034 justify-content: flex-start; 20035 align-items: center; 20036 height: 100%; 20037 color: #222; 20038 text-decoration: none; 20039 } 20040 .items-list .item a:focus-visible, 20041 .pages-list .item a:focus-visible, 20042 .diamonds-list .item a:focus-visible { 20043 box-shadow: inset 0 0 0 2px #000; 20044 } 20045 .items-list .item_img_div, 20046 .pages-list .item_img_div, 20047 .diamonds-list .item_img_div { 20048 width: 100%; 20049 display: flex; 20050 align-items: center; 20051 justify-content: center; 20052 position: relative; 20053 } 20054 .item-img-logo-overlay { 20055 position: absolute; 20056 bottom: 8px; 20057 right: 8px; 20058 max-width: 12%; 20059 max-height: 12%; 20060 width: auto; 20061 height: auto; 20062 pointer-events: none; 20063 z-index: 2; 20064 padding: 0!important; 20065 } 20066 .items-list .item img, 20067 .pages-list .item img, 20068 .diamonds-list .item img { 20069 max-width: 100%; 20070 padding: 25px; 20071 height: auto; 20072 transition: all 0.2s ease; 20073 } 20074 .items-list .item .item-info, 20075 .pages-list .item .item-info, 20076 .diamonds-list .item .item-info { 20077 width: 100%; 20078 padding: 20px; 20079 } 20080 .items-list .item .stock svg, 20081 .pages-list .item .stock svg, 20082 .diamonds-list .item .stock svg { 20083 height: 12px; 20084 margin-right: 5px; 20085 } 20086 .items-list .item .stock .text-success, 20087 .pages-list .item .stock .text-success, 20088 .diamonds-list .item .stock .text-success { 20089 color: #1c8132 !important; 20090 } 20091 .items-list .item .stock .text-success svg path, 20092 .pages-list .item .stock .text-success svg path, 20093 .diamonds-list .item .stock .text-success svg path { 20094 fill: #1c8132; 20095 } 20096 .items-list .item .stock .text-danger svg path, 20097 .pages-list .item .stock .text-danger svg path, 20098 .diamonds-list .item .stock .text-danger svg path { 20099 fill: #dc3545; 20100 } 20101 .items-list .item-info .fields, 20102 .pages-list .item-info .fields, 20103 .diamonds-list .item-info .fields { 20104 display: block; 20105 line-height: 1.2; 20106 word-break: break-word; 20107 } 20108 .items-list .item .stock span>span, 20109 .pages-list .item .stock span>span, 20110 .diamonds-list .item .stock span>span { 20111 margin-left: 5px; 20112 } 20113 .items-list .item:hover img, 20114 .pages-list .item:hover img, 20115 .diamonds-list .item:hover img { 20116 -webkit-transform: scale(1.1); 20117 -moz-transform: scale(1.1); 20118 -ms-transform: scale(1.1); 20119 -o-transform: scale(1.1); 20120 transform: scale(1.1); 20121 } 20122 .sorting-panel { 20123 display: flex; 20124 justify-content: space-between; 20125 align-items: center; 20126 } 20127 .sorting-panel .sortby label { 20128 font-size: 14px; 20129 } 20130 .pagination .page-item:hover { 20131 cursor: pointer; 20132 } 20133 .pcontainer .filter-toggle-btn { 20134 color: #3172ab; 20135 border: 1px solid #3172ab; 20136 border-radius: 0px; 20137 display: flex; 20138 align-items: center; 20139 } 20140 .pcontainer .filter-toggle-btn:hover, 20141 .pcontainer .filter-toggle-btn:focus{ 20142 color: #fff; 20143 background-color: #3172ab; 20144 } 20145 .pcontainer .close_svg svg { 20146 height: 15px; 20147 } 20148 .pcontainer .filter_svg { 20149 height: 12px; 20150 margin-right: 5px; 20151 } 20152 .pcontainer .filter_svg path { 20153 fill: currentColor; 20154 } 20155 .processing_div { 20156 z-index: 2; 20157 background: #ffffffcf; 20158 position: absolute; 20159 left: 0; 20160 right: 0; 20161 top: 0; 20162 bottom: 0; 20163 display: none; 20164 } 20165 20166 .pcontainer .btn_collapse { 20167 display: flex; 20168 align-items: center; 20169 /*width: 100%; 20170 min-height: 44px;*/ 20171 padding: 5px 0; 20172 font-size: 0.85rem; 20173 margin-bottom: 12px; 20174 font-weight: 500; 20175 line-height: 1.2; 20176 text-align: left; 20177 background: transparent; 20178 border: none; 20179 } 20180 .pcontainer .btn_collapse svg { 20181 height: 10px; 20182 margin-right: 5px; 20183 } 20184 .processing_div .processing { 20185 display: flex; 20186 align-items: center; 20187 justify-content: center; 20188 height: 100vh; 20189 font-size: 24px; 20190 font-weight: 600; 20191 } 20192 .btn-outline-primary { 20193 color: #3172ab; 20194 border-color: #3172ab; 20195 } 20196 .collection-filter { 20197 position: relative; 20198 } 20199 .collection-filter .form-check label, 20200 .collection-filter .form-check input{ 20201 cursor: pointer; 20202 } 20203 .main_page_container .header_mobile_banner, 20204 .main_page_container .header_tablet_banner { 20205 display: none; 20206 } 20207 .main_page_container .header_desktop_banner img, 20208 .main_page_container .header_tablet_banner img, 20209 .main_page_container .header_mobile_banner img, 20210 .main_page_container .header_desktop_banner video, 20211 .main_page_container .header_tablet_banner video, 20212 .main_page_container .header_mobile_banner video { 20213 width: 100%; 20214 } 20215 .below_content, .structured_content { 20216 width: 100%; 20217 margin-top: 30px; 20218 margin-bottom: 30px; 20219 } 20220 .structured_content_row { 20221 display: flex; 20222 align-items: center; 20223 justify-content: center; 20224 } 20225 .structured_content_row .sc_image { 20226 width: 50%; 20227 } 20228 .structured_content_row .sc_text { 20229 width: 50%; 20230 display: flex; 20231 flex-direction: column; 20232 align-items: center; 20233 justify-content: center; 20234 padding: 20px; 20235 } 20236 .structured_content_row .sc_text h3 { 20237 font-size: 30px; 20238 margin-bottom: 20px; 20239 text-align: center; 20240 } 20241 .structured_content_row .sc_text p { 20242 width: 80%; 20243 margin: 0 auto; 20244 text-align: center; 20245 } 20246 .structured_content a, .below_content a { 20247 color: #0056b3; 20248 text-decoration: underline; 20249 } 20250 .filters-content .marketing_banner_box a{ 20251 justify-content: center; 20252 align-items: center; 20253 } 20254 .filters-content .marketing_banner_box img{ 20255 padding: 0px; 20256 object-fit: cover; 20257 width: 100%; 20258 height: 100%; 20259 } 20260 .items-list .item-info .fields .formatted_price { 20261 color:red; 20262 width:100%; 20263 display: block; 20264 margin-bottom: 2px; 20265 } 20266 .items-list .item-info .fields .formatted_sale_price { 20267 width:100%; 20268 display: block; 20269 } 20270 @media (min-width: 992px) { 20271 .pagination .page-item span{ 20272 font-size: 1.2rem; 20273 padding: 0.6rem 1rem; 20274 } 20275 .structured_content_row .image_order_1, 20276 .structured_content_row .image_order_3 { 20277 order:2; 20278 } 20279 .structured_content_row .text_order_1, 20280 .structured_content_row .text_order_3 { 20281 order:1; 20282 } 20283 } 20284 @media (max-width: 991.9px) { 20285 .pcontainer .filters-container { 20286 width: 25%; 20287 } 20288 .pcontainer .filters-content { 20289 width: 75%; 20290 } 20291 .pcontainer { 20292 padding-right: 15px; 20293 padding-left: 15px; 20294 } 20295 .above_content { 20296 padding: 20px 15px; 20297 } 20298 .structured_content_row { 20299 flex-wrap: wrap; 20300 margin-bottom: 30px; 20301 } 20302 .main_page_container .header_desktop_banner { 20303 display: none; 20304 } 20305 .main_page_container .header_tablet_banner { 20306 display: block; 20307 } 20308 20309 .structured_content_row .sc_image { 20310 width: 100%; 20311 } 20312 .structured_content_row .sc_text { 20313 width: 100%; 20314 } 20315 } 20316 20317 @media (max-width: 767.9px) { 20318 .pcontainer .collection-filter .btn_collapse { 20319 width: 100%; 20320 min-height: 44px; 20321 padding: 10px 0; 20322 margin-bottom: 12px; 20323 } 20324 .sortby label { 20325 position: absolute; 20326 top: 5px; 20327 left: 10px; 20328 z-index: -1; 20329 } 20330 .pcontainer .filters-content { 20331 width: 100%; 20332 } 20333 .pcontainer .filters-container { 20334 position: fixed; 20335 top: 0; 20336 left: 0; 20337 overflow-x: hidden; 20338 width: 325px;
20339 overflow-y: scroll; 20340 transform: translateX(-325px); 20341 z-index: 9999; 20342 height: 100vh; 20343 background-color: #ffffff; 20344 padding:20px; 20345 border-right: 1px solid #ccc; 20346 transition: all 0.3s; 20347 } 20348 .pcontainer .filters-container.open { 20349 transform: translateX(0); 20350 } 20351 .main_page_container .header_tablet_banner { 20352 display: none; 20353 } 20354 .main_page_container .header_mobile_banner { 20355 display: block; 20356 } 20357 body.content-fixed { 20358 overflow: hidden; 20359 /*position: fixed; 20360 width: 100%;*/ 20361 } 20362 } 20363 @media (max-width: 400px) { 20364 .pagination .page-item span{ 20365 font-size: 0.9rem; 20366 padding: 0.4rem 0.6rem; 20367 } 20368 .structured_content_row .sc_text p { 20369 width: 100%; 20370 } 20371 } 20372</style> 20373<style> 20374 @media (min-width: 992px) { 20375 .pcontainer { 20376 width:100%; 20377 max-width:100%; 20378 } 20379 20380 .filter-title { 20381 font-size:px !important; text-transform:uppercase !important; } 20382 20383 .items-list, 20384 .pages-list, 20385 .diamonds-list { 20386 gap: 0px; 20387 } 20388 20389 .items-list .item, 20390 .pages-list .item, 20391 .diamonds-list .item { 20392 width: calc(25% - 0px * 3 / 4 + 1px); 20393 } 20394 20395 .items-list .item, 20396 .pages-list .item, 20397 .diamonds-list .item, 20398 .item .wishlist-btn { 20399 border-color: #eeeeee; 20400 } 20401 20402 .pcontainer hr { 20403 border-color: #eeeeee; 20404 } 20405 20406 .filters-reset-button { 20407 font-size:px !important; text-transform:uppercase !important; border-width:0px; border-radius:0px; } 20408 20409 .filters-reset-button:hover { 20410 } 20411 20412 .collection-filter button { 20413 font-size:px !important; text-transform:uppercase !important; } 20414 20415 .collection-filter label { 20416 font-size:px !important; text-transform:none !important; } 20417 20418 .collection-filter .form-check-input { 20419 accent-color:#0275ff !important; } 20420 20421 .field-1 { 20422 color:#000000 !important; font-style:normal !important; font-size:14px !important; text-transform:none !important; margin-bottom:8px !important; } 20423 .field-2 { 20424 color:#000000 !important; font-weight:500 !important; font-style:normal !important; font-size:18px !important; text-transform:none !important; margin-bottom:8px !important; } 20425 .field-3 { 20426 color:#1d1d1d !important; font-style:normal !important; font-size:16px !important; text-transform:none !important; margin-bottom:8px !important; } 20427 .field-4 { 20428 color:#000000 !important; font-style:normal !important; font-size:16px !important; text-transform:none !important; margin-bottom:8px !important; } 20429 .field-5 { 20430 color:#000000 !important; font-style:normal !important; font-size:10px !important; text-transform:uppercase !important; } 20431 } 20432 @media (min-width: 768px) and (max-width: 991.9px) { 20433 .pcontainer { 20434 width:100%; 20435 max-width:100%; 20436 } 20437 20438 .filter-title { 20439 font-size:px !important; text-transform:uppercase !important; } 20440 20441 .items-list, 20442 .pages-list, 20443 .diamonds-list { 20444 gap: 0px; 20445 } 20446 20447 .items-list .item, 20448 .pages-list .item, 20449 .diamonds-list .item { 20450 width: calc(50% - 0px * 1 / 2 + 1px); 20451 } 20452 20453 .items-list .item, 20454 .pages-list .item, 20455 .diamonds-list .item, 20456 .item .wishlist-btn { 20457 border-color: #eeeeee; 20458 } 20459 20460 .pcontainer hr { 20461 border-color: #eeeeee; 20462 } 20463 20464 .filters-reset-button { 20465 font-size:px !important; text-transform:none !important; border-width:0px; border-radius:0px; } 20466 20467 .filters-reset-button:hover { 20468 } 20469 20470 .collection-filter button { 20471 font-size:px !important; text-transform:none !important; } 20472 20473 .collection-filter label { 20474 font-size:px !important; text-transform:none !important; } 20475 20476 .collection-filter .form-check-input { 20477 accent-color:#0275ff !important; } 20478 20479 .field-1 { 20480 color:#000000 !important;
20480 font-style:normal !important; font-size:14px !important; text-transform:none !important; margin-bottom:8px !important; } 20481 .field-2 { 20482 color:#000000 !important; font-weight:500 !important; font-style:normal !important; font-size:18px !important; text-transform:none !important; margin-bottom:8px !important; } 20483 .field-3 { 20484 color:#1d1d1d !important; font-style:normal !important; font-size:16px !important; text-transform:none !important; margin-bottom:8px !important; } 20485 .field-4 { 20486 color:#000000 !important; font-style:normal !important; font-size:16px !important; text-transform:none !important; margin-bottom:8px !important; } 20487 .field-5 { 20488 color:#000000 !important; font-style:normal !important; font-size:10px !important; text-transform:uppercase !important; } 20489 } 20490 @media (max-width: 767.9px) { 20491 .pcontainer { 20492 width:100%; 20493 max-width:100%; 20494 } 20495 20496 .filter-title { 20497 font-size:px !important; text-transform:uppercase !important; } 20498 20499 .items-list, 20500 .pages-list, 20501 .diamonds-list { 20502 gap: 0px; 20503 } 20504 20505 .items-list .item, 20506 .pages-list .item, 20507 .diamonds-list .item { 20508 width: calc(50% - 0px * 1 / 2 + 1px); 20509 } 20510 20511 .items-list .item, 20512 .pages-list .item, 20513 .diamonds-list .item, 20514 .item .wishlist-btn { 20515 border-color: #eeeeee; 20516 } 20517 20518 .pcontainer hr { 20519 border-color: #eeeeee; 20520 } 20521 20522 .filters-reset-button { 20523 font-size:px !important; text-transform:none !important; border-width:0px; border-radius:0px; } 20524 20525 .filters-reset-button:hover { 20526 } 20527 20528 .collection-filter button { 20529 font-size:px !important; text-transform:none !important; } 20530 20531 .collection-filter label { 20532 font-size:px !important; text-transform:none !important; } 20533 20534 .collection-filter .form-check-input { 20535 accent-color:#0275ff !important; } 20536 20537 .field-1 { 20538 color:#000000 !important; font-style:normal !important; font-size:14px !important; text-transform:none !important; margin-bottom:8px !important; } 20539 .field-2 { 20540 color:#000000 !important; font-weight:500 !important; font-style:normal !important; font-size:14px !important; text-transform:none !important; margin-bottom:8px !important; } 20541 .field-3 { 20542 color:#1d1d1d !important; font-style:normal !important; font-size:14px !important; text-transform:none !important; margin-bottom:8px !important; } 20543 .field-4 { 20544 color:#000000 !important; font-style:normal !important; font-size:14px !important; text-transform:none !important; margin-bottom:8px !important; } 20545 .field-5 { 20546 color:#000000 !important;
20546 font-style:normal !important; font-size:10px !important; text-transform:uppercase !important; } 20547 } 20548</style> 20549 20550<footer class="appearance-desktop-view-template"> 20551 20552 20553 20554 <div class="footer_container footer_container_1"> 20555 20556 20557 20558 20559 <div class="flex_row flex_row_1"> 20560 20561 20562 <div class="flex_col flex_col_1"> 20563 20564 20565 </div> 20566 20567 <style> 20568 .footer_container_1 .flex_row_1 .flex_col_1 { 20569 width:20%; } 20570 </style> 20571 20572 20573 20574 <div class="flex_col flex_col_2"> 20575 20576 20577<div class="flex_cell flex_cell_1 newsletter"> 20578 <div class="flex_cell_content"> 20579 <div class="newsletter_div"> 20580 20581 <span class="newsletter_text" style="margin-right:5px;"> 20582 GET EXCLUSIVE OFFERS AND NEWS. </span> 20583 20584 <a class="newsletter_btn" 20585 href="/newsletter-signup"> 20586 20587 Newsletter Signup 20588 <svg aria-hidden="true" 20589 focusable="false" 20590 version="1.1" 20591 width="38px" 20592 height="20px"
20593 viewBox="0 0 38 20" 20594 xmlns="http://www.w3.org/2000/svg"> 20595 20596 <g> 20597 <path d="M37.6,14.35l-0.081-0.492L29.693,9.59l-1.213,1.232c-0.479,0.487-1.162,0.823-1.926,0.948c-0.762,0.123-1.516,0.021-2.125-0.289l-1.541-0.785l-6.068,6.533l0.081,0.49c0.087,0.537,0.636,0.896,1.225,0.8l18.564-3.023C37.278,15.4,37.687,14.886,37.6,14.35z"/> 20598 <path d="M14.961,5.812l9.812,4.997c0.933,0.475,2.435,0.232,3.167-0.516l7.72-7.851L35.571,1.9c-0.087-0.537-0.637-0.896-1.227-0.8L15.782,4.124c-0.589,0.096-0.996,0.61-0.908,1.147L14.961,5.812z"/> 20599 <polygon points="37.365,12.915 35.811,3.366 30.242,9.03"/> 20600 <polygon points="15.112,6.736 6.674,8.11 6.807,8.928 15.246,7.555 16.577,15.73 16.667,16.285 22.189,10.34"/> 20601 <rect x="8.114" y="9.012" transform="matrix(-0.1608 -0.987 0.987 -0.1608 -7.0682 28.3718)" width="0.829" height="16.357"/> 20602 <rect x="4.268" y="12.036" transform="matrix(0.987 -0.1607 0.1607 0.987 -1.8696 1.7878)" width="11.697" height="0.83"/> 20603 </g> 20604 20605 </svg> 20606 20607 </a> 20608 </div> 20609 </div> 20610 </div> 20611 20612<style> 20613 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter { 20614 width:100%; justify-content:right; -webkit-justify-content:right; align-items:center; -webkit-align-items:center; } 20615 20616 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter { 20617 height:100%; } 20618 20619 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter>.flex_cell_content { 20620 display: flex; 20621 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 20622 20623 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 .newsletter_div { 20624 display:inline-flex; 20625 align-items: center; 20626 } 20627 20628 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a { 20629 color:#ffffff; font-style:normal; background-color:#74221a; font-size:16px; font-family:Arial; display: inline-flex; 20630 white-space: nowrap; 20631 align-items: center; 20632 padding: 6px 20px; 20633 border-style: solid; 20634 justify-content:left; text-transform:none; border-radius:0px; border-width:1px; border-color:#ffffff; } 20635 20636 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 .newsletter_text { 20637 color:#ffffff; font-size:14px; font-style:normal; font-family:Times New Roman; } 20638 20639 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter a svg { 20640 height:18px; margin-left:6px; 20641 fill: currentColor; 20642 } 20643 20644 .footer_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a:hover { 20645 color:#ffffff; background-color:#74221a; border-color:#ffffff; } 20646</style> 20647 </div> 20648 20649 <style> 20650 .footer_container_1 .flex_row_1 .flex_col_2 { 20651 width:45%; } 20652 </style> 20653 20654 20655 20656 <div class="flex_col flex_col_3"> 20657 20658 20659<div class="flex_cell flex_cell_1 social_icons"> 20660 <div class="flex_cell_content"> 20661 <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/MerryRichardsJewelers" style="order: 1"> 20662 <svg role="img" aria-label="Facebook" viewBox="0 0 320 512"><path class="path_class" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg> </a> 20663 20664 20665 <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/merryrichards/" style="order: 3"> 20666 <svg role="img" aria-label="Instagram" viewBox="0 0 448 512"><path class="path_class" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> </a> 20667 20668 20669 <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/merryrichards/" style="order: 5"> 20670 <svg role="img" aria-label="Pinterest" viewBox="0 0 496 512"><path class="path_class" d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/></svg> </a> 20671 20672 20673 20674 20675 20676 20677 </div> 20678</div> 20679 20680<style> 20681 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 20682 width:100%; justify-content: flex-start; 20683 align-items:center; -webkit-align-items:center; } 20684 20685 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 20686 height:100%; } 20687 20688 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content { 20689 display: flex; 20690 margin-top:50px; margin-bottom:50px; margin-left:50px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 20691 20692 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a { 20693 display: flex; 20694 align-items: center; 20695 color:#ffffff; font-style:normal; margin-left: 6px; 20696 margin-right: 6px; 20697 font-size:16px;font-family:Arial; text-transform:none; } 20698 20699 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a svg{ 20700 margin-right: 5px; 20701 width:15px; height:15px; } 20702 20703 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a .path_class { 20704 fill: currentColor; 20705 } 20706 20707 20708 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a:hover { 20709 color:#ffffff; } 20710</style> 20711 20712 </div> 20713 20714 <style> 20715 .footer_container_1 .flex_row_1 .flex_col_3 { 20716 width:35%; } 20717 </style> 20718 20719 20720 20721 <div class="flex_col flex_col_4"> 20722 20723 20724 </div> 20725 20726 <style> 20727 .footer_container_1 .flex_row_1 .flex_col_4 { 20728 width:20%; } 20729 </style> 20730 20731 20732 20733 </div> 20734 20735 20736 <style> 20737 .footer_container_1 .flex_row_1 { 20738 background-color: #74221a; 20739 color:#000000; height:auto; 20740 } 20741 </style> 20742 20743 20744 20745 20746 20747 20748 <div class="flex_row flex_row_2"> 20749 20750 20751 <div class="flex_col flex_col_1"> 20752 20753 20754 </div> 20755 20756 <style> 20757 .footer_container_1 .flex_row_2 .flex_col_1 { 20758 width:100%; } 20759 </style> 20760 20761 20762 20763 <div class="flex_col flex_col_2"> 20764 20765 20766 </div> 20767 20768 <style> 20769 .footer_container_1 .flex_row_2 .flex_col_2 { 20770 width:100%; } 20771 </style> 20772 20773 20774 20775 <div class="flex_col flex_col_3"> 20776 20777 20778 </div> 20779 20780 <style> 20781 .footer_container_1 .flex_row_2 .flex_col_3 { 20782 width:100%; } 20783 </style> 20784 20785 20786 20787 </div> 20788 20789 20790 <style> 20791 .footer_container_1 .flex_row_2 { 20792 background-color: #ffffff; 20793 color:#000000; height:25; 20794 } 20795 </style> 20796 20797 20798 20799 20800 20801 20802 <div class="flex_row flex_row_3"> 20803 20804 20805 <div class="flex_col flex_col_1"> 20806 20807 20808 </div> 20809 20810 <style> 20811 .footer_container_1 .flex_row_3 .flex_col_1 { 20812 width:10%; } 20813 </style> 20814 20815 20816 20817 <div class="flex_col flex_col_2"> 20818 20819 <div class="flex_cell flex_cell_1 custom_code"> 20820 <div class="flex_cell_content"> 20821 <table style="border-collapse: collapse; width: 100%; height: 237.5px; border-color: #ffffff;" border="0"> 20822<tbody> 20823<tr style="height: 46.75px;"> 20824<td style="width: 20.3139%; height: 46.75px;"></td> 20825<td style="width: 27.2392%; height: 46.75px;"></td> 20826<td style="width: 25.3924%; height: 46.75px;"></td> 20827<td style="width: 27.1468%; height: 46.75px;"></td> 20828</tr> 20829<tr style="height: 144px;"> 20830<td style="height: 144px; vertical-align: top; width: 20.3139%; line-height: 1.5;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Terms & Conditions:Â </strong></span><br /><br /><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt; color: #34495e;"><a href="/shipping-policy" title="Shipping Policy" style="color: #34495e;">
20830Shipping Policy »</a></span><br /><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt; color: #34495e;"><a href="/return-policy" title="Return Policy" style="color: #34495e;">Return Policy »</a></span><br /><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt; color: #34495e;"><a href="/privacy-policy" title="Privacy Policy" style="color: #34495e;">Privacy Policy »</a><br /><a href="/resources" title="Resources" style="color: #34495e;">Resources »</a><br /><a href="/terms-and-service" title="Resources" style="color: #34495e;">Terms and Service »</a><br /></span></td> 20831<td style="height: 144px; vertical-align: top; width: 27.2392%; line-height: 1.5;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Store Address:  </strong></span><br /><span style="font-family: arial, helvetica, sans-serif; color: #34495e; font-size: 10pt;"><br />17 W.300, 22nd St.</span><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><span style="color: #34495e;">Oakbrook Terrace, Illinois 60181<br /><a href="https://goo.gl/maps/7EfzdBqf4CMLYSWXA" style="color: #34495e;" class="get_directions_click" target="_blank" rel="noopener">GET DIRECTIONS >></a></span><br /></span><iframe width="" height="200" style="border: 0; margin-top: 10px;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2972.137023984202!2d-87.9658364!3d41.84687739999999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880e4c4604902503%3A0xe80d4291960f81a4!2sMerry%20Richards%20Jewelers!5e0!3m2!1sen!2s!4v1779908717358!5m2!1sen!2s" allowfullscreen="allowfullscreen" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"></span></td> 20832<td style="height: 144px; vertical-align: top; width: 25.3924%; line-height: 1.5;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Store Hours:</strong></span><br /><br /><span style="font-family: arial, helvetica, sans-serif; color: #34495e; font-size: 10pt;">Mon-Fri: 10:30AM - 6:00PM<br />Saturday: 10:00AM - 5:00PM<br />Sunday: CLOSED</span></td> 20833<td style="height: 144px; width: 27.1468%; vertical-align: top; line-height: 1.5;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Store Contacts:</strong></span><br /><br /><span style="font-family: arial, helvetica, sans-serif; color: #34495e; font-size: 10pt;">Call: <a href="tel:1-516-8000" title="Call" style="color: #34495e;" class="phone_number_click">1-630-516-8000</a></span><br /><span style="color: #34495e;"><a href="/cdn-cgi/l/email-protection#deadbdb1aaaa9eb3bbacaca7acb7bdb6bfacbaadb4bba9bbb2bbacadf0bdb1b3" title="[email protected]" style="color: #34495e;" class="email_click"><span style="font-family: arial, helvetica, sans-serif;"><span style="font-size: 13.3333px;"><span class="__cf_email__" data-cfemail="c3b0a0acb7b783aea6b1b1bab1aaa0aba2b1a7b0a9a6b4a6afa6b1b0eda0acae">[email protected]</span></span></span></a></span><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"></span></td> 20834</tr> 20835<tr style="height: 46.75px;"> 20836<td style="vertical-align: top; width: 72.9455%; height: 46.75px; line-height: 1.5;" colspan="3"></td> 20837<td style="width: 27.1468%; vertical-align: top; height: 46.75px; line-height: 1.5;"></td> 20838</tr> 20839<tr style="height: 0px;"> 20840<td style="vertical-align: top; width: 100.092%; height: 0px;" colspan="4"></td> 20841</tr> 20842</tbody> 20843</table> </div> 20844</div> 20845 20846<style> 20847 .footer_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code { 20848 width:100%; } 20849 20850 .footer_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code { 20851 } 20852 20853 .footer_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 20854 width: 100%; 20855 height: 100%; 20856 } 20857</style> 20858 </div> 20859 20860 <style> 20861 .footer_container_1 .flex_row_3 .flex_col_2 { 20862 width:85%; } 20863 </style> 20864 20865 20866 20867 <div class="flex_col flex_col_3"> 20868 20869 20870 </div> 20871 20872 <style> 20873 .footer_container_1 .flex_row_3 .flex_col_3 { 20874 width:5%; } 20875 </style> 20876 20877 20878 20879 </div> 20880 20881 20882 <style> 20883 .footer_container_1 .flex_row_3 { 20884 background-color: #ffffff; 20885 color:#000000; height:auto; 20886 } 20887 </style> 20888 20889 20890 20891 20892 </div> 20893 <style> 20894 .footer_container .flex_row { 20895 display: flex; 20896 } 20897 .footer_container_1 { 20898 width:100%; 20899 max-width:100%; 20900 margin: 0 auto; 20901 } 20902 .footer_container .flex_row .flex_col{ 20903 display: flex; 20904 flex-wrap: wrap; 20905 box-sizing: border-box; 20906 align-content: baseline; 20907 } 20908 .footer_container .flex_row .flex_col .flex_cell{ 20909 height: fit-content; 20910 display: flex; 20911 } 20912 .footer_container .flex_row .flex_col .flex_cell a{ 20913 text-decoration: none; 20914 } 20915 .footer_container img { 20916 max-width: 100%; 20917 } 20918 </style> 20919 20920 20921</footer> 20922<footer class="appearance-tablet-view-template"> 20923 20924 20925 20926 <div class="footer_container footer_container_2"> 20927 20928 20929 20930 20931 <div class="flex_row flex_row_1"> 20932 20933 20934 <div class="flex_col flex_col_1"> 20935 20936 20937 </div> 20938 20939 <style> 20940 .footer_container_2 .flex_row_1 .flex_col_1 { 20941 width:5%; } 20942 </style> 20943 20944 20945 20946 <div class="flex_col flex_col_2"> 20947 20948 20949<div class="flex_cell flex_cell_1 newsletter"> 20950 <div class="flex_cell_content"> 20951 <div class="newsletter_div"> 20952
20953 <span class="newsletter_text" style="margin-right:5px;"> 20954 GET EXCLUSIVE OFFERS AND NEWS </span> 20955 20956 <a class="newsletter_btn" 20957 href="/newsletter-signup"> 20958 20959 Newsletter Signup 20960 <svg aria-hidden="true" 20961 focusable="false" 20962 version="1.1" 20963 width="38px" 20964 height="20px" 20965 viewBox="0 0 38 20" 20966 xmlns="http://www.w3.org/2000/svg"> 20967 20968 <g> 20969 <path d="M37.6,14.35l-0.081-0.492L29.693,9.59l-1.213,1.232c-0.479,0.487-1.162,0.823-1.926,0.948c-0.762,0.123-1.516,0.021-2.125-0.289l-1.541-0.785l-6.068,6.533l0.081,0.49c0.087,0.537,0.636,0.896,1.225,0.8l18.564-3.023C37.278,15.4,37.687,14.886,37.6,14.35z"/> 20970 <path d="M14.961,5.812l9.812,4.997c0.933,0.475,2.435,0.232,3.167-0.516l7.72-7.851L35.571,1.9c-0.087-0.537-0.637-0.896-1.227-0.8L15.782,4.124c-0.589,0.096-0.996,0.61-0.908,1.147L14.961,5.812z"/> 20971 <polygon points="37.365,12.915 35.811,3.366 30.242,9.03"/> 20972 <polygon points="15.112,6.736 6.674,8.11 6.807,8.928 15.246,7.555 16.577,15.73 16.667,16.285 22.189,10.34"/> 20973 <rect x="8.114" y="9.012" transform="matrix(-0.1608 -0.987 0.987 -0.1608 -7.0682 28.3718)" width="0.829" height="16.357"/> 20974 <rect x="4.268" y="12.036" transform="matrix(0.987 -0.1607 0.1607 0.987 -1.8696 1.7878)" width="11.697" height="0.83"/> 20975 </g> 20976 20977 </svg> 20978 20979 </a> 20980 </div> 20981 </div> 20982 </div> 20983 20984<style> 20985 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter { 20986 width:100%; justify-content:right; -webkit-justify-content:right; align-items:center; -webkit-align-items:center; } 20987 20988 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter { 20989 height:100%; } 20990 20991 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter>.flex_cell_content { 20992 display: flex; 20993 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:25px; padding-bottom:25px; padding-left:px; padding-right:25px; } 20994 20995 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 .newsletter_div { 20996 display:inline-flex; 20997 align-items: center; 20998 } 20999 21000 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 a { 21001 color:#ffffff; font-style:normal; background-color:#74221a; font-size:12px; font-family:Arial; display: inline-flex; 21002 white-space: nowrap; 21003 align-items: center; 21004 padding: 6px 20px; 21005 border-style: solid; 21006 justify-content:center; text-transform:none; border-radius:0px; border-width:1px; border-color:#ffffff; } 21007 21008 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 .newsletter_text { 21009 color:#ffffff; font-size:10px; font-style:normal; font-family:Arial; } 21010 21011 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.newsletter a svg { 21012 height:14px; margin-left:6px; 21013 fill: currentColor; 21014 } 21015 21016 .footer_container_2>.flex_row_1>.flex_col_2>.flex_cell_1 a:hover { 21017 color:#ffffff; background-color:#74221a; border-color:#ffffff; } 21018</style> 21019 </div> 21020 21021 <style> 21022 .footer_container_2 .flex_row_1 .flex_col_2 { 21023 width:60%; } 21024 </style> 21025 21026 21027 21028 <div class="flex_col flex_col_3"> 21029 21030 21031<div class="flex_cell flex_cell_1 social_icons"> 21032 <div class="flex_cell_content"> 21033 <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/MerryRichardsJewelers" style="order: 1">
21034 <svg role="img" aria-label="Facebook" viewBox="0 0 320 512"><path class="path_class" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg> </a> 21035 21036 21037 <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/merryrichards/" style="order: 3"> 21038 <svg role="img" aria-label="Instagram" viewBox="0 0 448 512"><path class="path_class" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> </a> 21039 21040 21041 <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/merryrichards/" style="order: 5"> 21042 <svg role="img" aria-label="Pinterest" viewBox="0 0 496 512"><path class="path_class" d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/></svg> </a> 21043 21044 21045 21046 21047 21048 21049 </div> 21050</div> 21051 21052<style> 21053 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 21054 width:100%; justify-content: flex-start; 21055 align-items:center; -webkit-align-items:center; } 21056 21057 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 21058 height:100%; } 21059 21060 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content { 21061 display: flex; 21062 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 21063 21064 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a { 21065 display: flex; 21066 align-items: center; 21067 color:#ffffff; font-style:normal; margin-left: 6px; 21068 margin-right: 6px; 21069 font-size:16px;font-family:Arial; text-transform:none; } 21070 21071 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a svg{ 21072 margin-right: 5px; 21073 width:15px; height:15px; } 21074 21075 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a .path_class { 21076 fill: currentColor; 21077 } 21078 21079 21080 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a:hover { 21081 color:#ffffff; } 21082</style> 21083 21084 </div> 21085 21086 <style> 21087 .footer_container_2 .flex_row_1 .flex_col_3 { 21088 width:30%; } 21089 </style> 21090 21091 21092 21093 <div class="flex_col flex_col_4"> 21094 21095 21096 </div> 21097 21098 <style> 21099 .footer_container_2 .flex_row_1 .flex_col_4 { 21100 width:5%; } 21101 </style> 21102 21103 21104 21105 </div> 21106 21107 21108 <style> 21109 .footer_container_2 .flex_row_1 { 21110 background-color: #74221a; 21111 color:#000000; height:100; 21112 } 21113 </style> 21114 21115 21116 21117 21118 21119 21120 <div class="flex_row flex_row_2"> 21121 21122 21123 <div class="flex_col flex_col_1"> 21124 21125 21126 </div> 21127 21128 <style> 21129 .footer_container_2 .flex_row_2 .flex_col_1 { 21130 width:5%; } 21131 </style> 21132 21133 21134 21135 <div class="flex_col flex_col_2"> 21136 21137 <div class="flex_cell flex_cell_1 custom_code"> 21138 <div class="flex_cell_content"> 21139 <table border="0" style="border-collapse: collapse; width: 100%; border-color: #ffffff; height: 236.469px;"> 21140<tbody> 21141<tr style="height: 46.75px;"> 21142<td style="width: 21.7913%; height: 46.75px;"></td> 21143<td style="width: 24.7466%; height: 46.75px;"></td> 21144<td style="width: 29.4547%; height: 46.75px;"></td> 21145<td style="width: 24.0074%; height: 46.75px;"></td> 21146</tr> 21147<tr style="height: 132.938px;"> 21148<td style="height: 132.938px; vertical-align: top; width: 21.7913%;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Terms & Conditions </strong></span><br /><br /><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt; color: #34495e;"><a href="/shipping-policy" title="Shipping Policy" style="color: #34495e;">
21148Shipping Policy »</a></span><br /><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt; color: #34495e;"><a href="/return-policy" title="Return Policy" style="color: #34495e;">Return Policy »</a></span><br /><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt; color: #34495e;"><a href="/privacy-policy" title="Privacy Policy" style="color: #34495e;">Privacy Policy »</a><br /><a href="/resources" title="Resources" style="color: #34495e;">Resources »</a><br /><a href="/terms-and-service" title="Resources" style="color: #34495e;">Terms and Service »</a><br /></span></td> 21149<td style="height: 132.938px; vertical-align: top; width: 24.7466%;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Store Address: </strong></span><br /><span style="font-family: arial, helvetica, sans-serif; color: #34495e; font-size: 10pt;"><br />17 W. 300, 22nd St.</span><br /><span style="font-family: arial, helvetica, sans-serif; color: #34495e; font-size: 10pt;">Oakbrook Terrace, <br />Illinois 60181<br /><a href="https://goo.gl/maps/7EfzdBqf4CMLYSWXA" style="color: #34495e;" class="get_directions_click">GET DIRECTIONS >></a><br /><iframe width="" height="200" style="border: 0; margin-top: 10px;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2972.137023984202!2d-87.9658364!3d41.84687739999999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880e4c4604902503%3A0xe80d4291960f81a4!2sMerry%20Richards%20Jewelers!5e0!3m2!1sen!2s!4v1779908717358!5m2!1sen!2s" allowfullscreen="allowfullscreen" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe><br /></span></td> 21150<td style="height: 132.938px; vertical-align: top; width: 29.4547%;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Store Hours:</strong></span><br /><br /><span style="font-family: arial, helvetica, sans-serif; color: #34495e; font-size: 10pt;">Mon-Fri: 10:30AM - 6:00PM<br />Saturday: 10:00AM - 5:00PM<br />Sunday: CLOSED</span></td> 21151<td style="height: 132.938px; vertical-align: top; width: 24.0074%;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Store Contacts:</strong></span><br /><br /><span style="font-family: arial, helvetica, sans-serif; color: #34495e; font-size: 10pt;">Call: <a href="tel:1-630-516-8000" title="Call" style="color: #34495e;" class="phone_number_click">1-630-516-8000</a></span><br /><span style="color: #34495e;"><a href="/cdn-cgi/l/email-protection#5221313d2626123f3720202b203b313a33203621383725373e3720217c313d3f" title="[email protected]" style="color: #34495e;" class="email_click"><span style="font-family: arial, helvetica, sans-serif;"><span style="font-size: 13.3333px;"><span class="__cf_email__" data-cfemail="c2b1a1adb6b682afa7b0b0bbb0aba1aaa3b0a6b1a8a7b5a7aea7b0b1eca1adaf">[email protected]</span></span></span></a></span></td> 21152</tr> 21153<tr style="height: 46.7812px;"> 21154<td style="vertical-align: top; width: 75.9926%; height: 46.7812px;" colspan="3"><span style="color: #4d4d4d; font-family: arial, helvetica, sans-serif;"><span style="font-size: 8pt;"><br /></span><strong><br /></strong><strong><br /></strong></span></td> 21155<td style="vertical-align: top; width: 24.0074%;"><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><br /><br /></span></td> 21156</tr> 21157<tr style="height: 10px;"> 21158<td style="vertical-align: top; width: 100%; height: 10px;" colspan="4"></td> 21159</tr> 21160</tbody> 21161</table> </div> 21162</div> 21163 21164<style> 21165 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 21166 width:100%; } 21167 21168 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 21169 } 21170 21171 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 21172 width: 100%; 21173 height: 100%; 21174 } 21175</style> 21176 </div> 21177 21178 <style> 21179 .footer_container_2 .flex_row_2 .flex_col_2 { 21180 width:90%; } 21181 </style> 21182 21183 21184 21185 <div class="flex_col flex_col_3"> 21186 21187 21188 </div> 21189 21190 <style> 21191 .footer_container_2 .flex_row_2 .flex_col_3 { 21192 width:5%; } 21193 </style> 21194 21195 21196 21197 </div> 21198 21199 21200 <style> 21201 .footer_container_2 .flex_row_2 { 21202 background-color: #ffffff; 21203 color:#000000; height:auto; 21204 } 21205 </style> 21206 21207 21208 21209 21210 </div> 21211 <style> 21212 .footer_container .flex_row { 21213 display: flex; 21214 } 21215 .footer_container_2 { 21216 width:100%; 21217 max-width:100%; 21218 margin: 0 auto; 21219 } 21220 .footer_container .flex_row .flex_col{ 21221 display: flex; 21222 flex-wrap: wrap; 21223 box-sizing: border-box; 21224 align-content: baseline; 21225 } 21226 .footer_container .flex_row .flex_col .flex_cell{ 21227 height: fit-content; 21228 display: flex; 21229 } 21230 .footer_container .flex_row .flex_col .flex_cell a{ 21231 text-decoration: none; 21232 } 21233 .footer_container img { 21234 max-width: 100%; 21235 } 21236 </style> 21237 21238 21239</footer> 21240<footer class="appearance-mobile-view-template"> 21241 21242 21243 21244 <div class="footer_container footer_container_3"> 21245 21246 21247 21248 21249 <div class="flex_row flex_row_1"> 21250 21251 21252 <div class="flex_col flex_col_1"> 21253 21254 21255 </div> 21256 21257 <style> 21258 .footer_container_3 .flex_row_1 .flex_col_1 { 21259 width:5%; } 21260 </style> 21261 21262 21263 21264 <div class="flex_col flex_col_2"> 21265 21266 21267<div class="flex_cell flex_cell_1 social_icons"> 21268 <div class="flex_cell_content"> 21269 <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/MerryRichardsJewelers" style="order: 1">
21270 <svg role="img" aria-label="Facebook" viewBox="0 0 320 512"><path class="path_class" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg> </a> 21271 21272 21273 <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/merryrichards/" style="order: 3"> 21274 <svg role="img" aria-label="Instagram" viewBox="0 0 448 512"><path class="path_class" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> </a> 21275 21276 21277 <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/merryrichards/" style="order: 5"> 21278 <svg role="img" aria-label="Pinterest" viewBox="0 0 496 512"><path class="path_class" d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/></svg> </a> 21279 21280 21281 21282 21283 21284 21285 </div> 21286</div> 21287 21288<style> 21289 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons { 21290 width:100%; justify-content: center; 21291 align-items:center; -webkit-align-items:center; } 21292 21293 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons { 21294 height:100%; } 21295 21296 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons>.flex_cell_content { 21297 display: flex; 21298 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:35px; padding-bottom:px; padding-left:px; padding-right:px; } 21299 21300 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a { 21301 display: flex; 21302 align-items: center; 21303 color:#ffffff; font-style:normal; margin-left: 6px; 21304 margin-right: 6px; 21305 font-size:16px;font-family:Arial; text-transform:none; } 21306 21307 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a svg{ 21308 margin-right: 5px; 21309 width:15px; height:15px; } 21310 21311 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a .path_class { 21312 fill: currentColor; 21313 } 21314 21315 21316 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a:hover { 21317 color:#ffffff; } 21318</style> 21319 21320 </div> 21321 21322 <style> 21323 .footer_container_3 .flex_row_1 .flex_col_2 { 21324 width:90%; } 21325 </style> 21326 21327 21328 21329 <div class="flex_col flex_col_3"> 21330 21331 21332 </div> 21333 21334 <style> 21335 .footer_container_3 .flex_row_1 .flex_col_3 { 21336 width:5%; } 21337 </style> 21338 21339 21340 21341 </div> 21342 21343 21344 <style> 21345 .footer_container_3 .flex_row_1 { 21346 background-color: #74221a; 21347 color:#000000; height:50; 21348 } 21349 </style> 21350 21351 21352 21353 21354 21355 21356 <div class="flex_row flex_row_2"> 21357 21358 21359 <div class="flex_col flex_col_1"> 21360 21361 21362 </div> 21363 21364 <style> 21365 .footer_container_3 .flex_row_2 .flex_col_1 { 21366 width:5%; } 21367 </style> 21368 21369 21370 21371 <div class="flex_col flex_col_2"> 21372 21373 21374<div class="flex_cell flex_cell_1 newsletter"> 21375 <div class="flex_cell_content"> 21376 <div class="newsletter_div"> 21377
21378 <span class="newsletter_text" style="margin-right:5px;"> 21379 GET EXCLUSIVE OFFERS AND NEWS </span> 21380 21381 <a class="newsletter_btn" 21382 href="/newsletter-signup"> 21383 21384 Register 21385 <svg aria-hidden="true" 21386 focusable="false" 21387 version="1.1" 21388 width="38px" 21389 height="20px" 21390 viewBox="0 0 38 20" 21391 xmlns="http://www.w3.org/2000/svg"> 21392 21393 <g> 21394 <path d="M37.6,14.35l-0.081-0.492L29.693,9.59l-1.213,1.232c-0.479,0.487-1.162,0.823-1.926,0.948c-0.762,0.123-1.516,0.021-2.125-0.289l-1.541-0.785l-6.068,6.533l0.081,0.49c0.087,0.537,0.636,0.896,1.225,0.8l18.564-3.023C37.278,15.4,37.687,14.886,37.6,14.35z"/> 21395 <path d="M14.961,5.812l9.812,4.997c0.933,0.475,2.435,0.232,3.167-0.516l7.72-7.851L35.571,1.9c-0.087-0.537-0.637-0.896-1.227-0.8L15.782,4.124c-0.589,0.096-0.996,0.61-0.908,1.147L14.961,5.812z"/> 21396 <polygon points="37.365,12.915 35.811,3.366 30.242,9.03"/> 21397 <polygon points="15.112,6.736 6.674,8.11 6.807,8.928 15.246,7.555 16.577,15.73 16.667,16.285 22.189,10.34"/> 21398 <rect x="8.114" y="9.012" transform="matrix(-0.1608 -0.987 0.987 -0.1608 -7.0682 28.3718)" width="0.829" height="16.357"/> 21399 <rect x="4.268" y="12.036" transform="matrix(0.987 -0.1607 0.1607 0.987 -1.8696 1.7878)" width="11.697" height="0.83"/> 21400 </g> 21401 21402 </svg> 21403 21404 </a> 21405 </div> 21406 </div> 21407 </div> 21408 21409<style> 21410 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter { 21411 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 21412 21413 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter { 21414 height:100%; } 21415 21416 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter>.flex_cell_content { 21417 display: flex; 21418 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:25px; padding-bottom:40px; padding-left:px; padding-right:px; } 21419 21420 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1 .newsletter_div { 21421 display:inline-flex; 21422 align-items: center; 21423 } 21424 21425 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1 a { 21426 color:#ffffff; font-style:normal; background-color:#74221a; font-size:12px; font-family:Arial; display: inline-flex; 21427 white-space: nowrap; 21428 align-items: center; 21429 padding: 6px 20px; 21430 border-style: solid; 21431 justify-content:center; text-transform:none; border-radius:0px; border-width:1px; border-color:#ffffff; } 21432 21433 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1 .newsletter_text { 21434 color:#ffffff; font-size:10px; font-style:normal; font-family:Arial; } 21435 21436 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.newsletter a svg { 21437 height:14px; margin-left:6px; 21438 fill: currentColor; 21439 } 21440 21441 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1 a:hover { 21442 color:#ffffff; background-color:#74221a; border-color:#2e2e2e; } 21443</style> 21444 </div> 21445 21446 <style> 21447 .footer_container_3 .flex_row_2 .flex_col_2 { 21448 width:90%; } 21449 </style> 21450 21451 21452 21453 <div class="flex_col flex_col_3"> 21454 21455 21456 </div> 21457 21458 <style> 21459 .footer_container_3 .flex_row_2 .flex_col_3 { 21460 width:5%; } 21461 </style> 21462 21463 21464 21465 </div> 21466 21467 21468 <style> 21469 .footer_container_3 .flex_row_2 { 21470 background-color: #74221a; 21471 color:#000000; height:100; 21472 } 21473 </style> 21474 21475 21476 21477 21478 21479 21480 <div class="flex_row flex_row_3"> 21481 21482 21483 <div class="flex_col flex_col_1"> 21484 21485 21486 </div> 21487 21488 <style> 21489 .footer_container_3 .flex_row_3 .flex_col_1 { 21490 width:5%; } 21491 </style> 21492 21493 21494 21495 <div class="flex_col flex_col_2"> 21496 21497 <div class="flex_cell flex_cell_1 custom_code"> 21498 <div class="flex_cell_content"> 21499 <table border="0" style="border-collapse: collapse; width: 100%; height: 425.923px; background-color: #ffffff; border-color: #ffffff; margin-left: auto; margin-right: auto;"> 21500<tbody> 21501<tr style="height: 54.3906px;"> 21502<td style="width: 50%; text-align: center; vertical-align: top; height: 54.3906px;"> 21503<p></p> 21504</td> 21505<td style="width: 50%; text-align: center; vertical-align: top; height: 54.3906px;"> 21506<p></p> 21507</td> 21508</tr> 21509<tr style="height: 139.266px;"> 21510<td style="width: 50%; height: 139.266px; text-align: center; vertical-align: top; line-height: 1.5;"> 21511<p><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Store Address: </strong></span><span style="font-family: arial, helvetica, sans-serif; color: #34495e; font-size: 10pt;"><br />17 W. 300, 22nd St.</span><br /><span style="font-family: arial, helvetica, sans-serif; color: #34495e; font-size: 10pt;">Oakbrook Terrace, Illinois 60181<br /><a href="https://goo.gl/maps/7EfzdBqf4CMLYSWXA" style="color: #34495e;" class="get_directions_click">GET DIRECTIONS >></a><br /></span></p> 21512</td> 21513<td style="width: 50%; height: 139.266px; text-align: center; vertical-align: top; line-height: 1.5;"> 21514<p><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Store Hours:</strong></span><br /><span style="font-family: arial, helvetica, sans-serif; color: #34495e; font-size: 10pt;">Mon-Fri: 10:30AM - 6:00PM<br />Saturday: 10:00AM - 5:00PM<br />Sunday: CLOSED</span></p> 21515</td> 21516</tr> 21517<tr style="height: 128.266px;"> 21518<td style="width: 50%; height: 128.266px; text-align: center; vertical-align: top; line-height: 1.5;"> 21519<p><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong>Terms & Conditions:<br /></strong><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt; color: #34495e;"><a href="/shipping-policy" title="Shipping Policy" style="color: #34495e;">
21519Shipping Policy »</a></span><br /><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt; color: #34495e;"><a href="/return-policy" title="Return Policy" style="color: #34495e;">Return Policy »</a></span><br /><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt; color: #34495e;"><a href="/privacy-policy" title="Privacy Policy" style="color: #34495e;">Privacy Policy »</a><br /></span><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt; color: #34495e;"><a href="/resources" title="Resources" style="color: #34495e;">Resources »</a><br /><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><span style="font-family: arial, helvetica, sans-serif; font-size: 10pt; color: #34495e;"><a href="/terms-and-service" title="Resources" style="color: #34495e;">Terms and Service »</a></span></span></span><br /></span></p> 21520</td> 21521<td style="width: 50%; height: 128.266px; text-align: center; vertical-align: top; line-height: 1.5;"> 21522<p><span style="font-family: arial, helvetica, sans-serif; color: #4d4d4d; font-size: 10pt;"><strong style="color: #4d4d4d;">Store Contacts:<br /></strong><span style="color: #34495e;">Call: <a href="tel:1-630-516-8000" title="Call" style="color: #34495e;" class="phone_number_click">1-630-516-8000</a><br /><a href="/cdn-cgi/l/email-protection#1063737f6464507d7562626962797378716274637a7567757c7562633e737f7d" style="color: #34495e;" class="email_click"><span class="__cf_email__" data-cfemail="483b2b273c3c08252d3a3a313a212b20293a2c3b222d3f2d242d3a3b662b2725">[email protected]</span></a></span><br /></span></p> 21523</td> 21524</tr> 21525<tr style="height: 128.266px;"> 21526<td style="width: 47%; height: 128.266px; text-align: center; vertical-align: top; line-height: 1.5;" colspan="2"><iframe width="" height="200" style="border: 0; margin-top: 10px; width: 80%;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2972.137023984202!2d-87.9658364!3d41.84687739999999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880e4c4604902503%3A0xe80d4291960f81a4!2sMerry%20Richards%20Jewelers!5e0!3m2!1sen!2s!4v1779908717358!5m2!1sen!2s" allowfullscreen="allowfullscreen" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></td> 21527</tr> 21528</tbody> 21529</table> </div> 21530</div> 21531 21532<style> 21533 .footer_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code { 21534 width:100%; } 21535 21536 .footer_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code { 21537 } 21538 21539 .footer_container_3>.flex_row_3>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 21540 width: 100%; 21541 height: 100%; 21542 } 21543</style> 21544 </div> 21545 21546 <style> 21547 .footer_container_3 .flex_row_3 .flex_col_2 { 21548 width:90%; } 21549 </style> 21550 21551 21552 21553 <div class="flex_col flex_col_3"> 21554 21555 21556 </div> 21557 21558 <style> 21559 .footer_container_3 .flex_row_3 .flex_col_3 { 21560 width:5%; } 21561 </style> 21562 21563 21564 21565 </div> 21566 21567 21568 <style> 21569 .footer_container_3 .flex_row_3 { 21570 background-color: #ffffff; 21571 color:#000000; height:auto; 21572 } 21573 </style> 21574 21575 21576 21577 21578 </div> 21579 <style> 21580 .footer_container .flex_row { 21581 display: flex; 21582 } 21583 .footer_container_3 { 21584 width:100%; 21585 max-width:100%; 21586 margin: 0 auto; 21587 } 21588 .footer_container .flex_row .flex_col{ 21589 display: flex; 21590 flex-wrap: wrap; 21591 box-sizing: border-box; 21592 align-content: baseline; 21593 } 21594 .footer_container .flex_row .flex_col .flex_cell{ 21595 height: fit-content; 21596 display: flex; 21597 } 21598 .footer_container .flex_row .flex_col .flex_cell a{ 21599 text-decoration: none; 21600 } 21601 .footer_container img { 21602 max-width: 100%; 21603 } 21604 </style> 21605 21606 21607</footer>
vendor: 111 bytes, lines 21607-21610
21607 21608 21609 21610<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
21610<script src="/skeleton/1.0/view/js/focus-trap.js?v=2.1"></script>
21610<script src="/skeleton/1.0/view/js/focus-trap_dist.js?v=2.1"></script>
21610<script src="/skeleton/1.0/view/js/min/fr_act.js?v=1.3"></script>
vendor: 1 bytes, line 21610
21610
21611<script> if (typeof gtag != "undefined") { $(document).on("click", "a.phone_number_click", function(){ gtag("event", "phone_number_click");}); }</script>
21611<script> if (typeof gtag != "undefined") { $(document).on("click", "a.get_directions_click", function(){ gtag("event", "get_directions_click");}); }</script>
21611<script> if (typeof gtag != "undefined") { $(document).on("click", "a.email_click", function(){ gtag("event", "email_click");}); }</script>
21611<script> if (typeof gtag != "undefined") { $(document).on("click", "a.text_message_click", function(){ gtag("event", "text_message_click");}); }</script>
21611<script> 21612 (function () { 21613 function ga4Click(eventName, params) { 21614 if (typeof gtag != "undefined") { gtag("event", eventName, params || {}); } 21615 } 21616 21617 $(document).on("click", ".get-location, .use-my-location", function () { 21618 ga4Click("usemylocation_click"); 21619 }); 21620 21621 $(document).on("click", ".select-store", function () { 21622 ga4Click("shopthisstore_click", {StoreID: $(this).data("store") || ""}); 21623 }); 21624 21625 $(document).on("click", "#search-by-zip button", function () { 21626 var zip = $("#search-by-zip input").val() || ""; 21627 if (zip.trim()) { ga4Click("searchlocationbyzip", {ZipCode: zip.trim()}); } 21628 }); 21629 $(document).on("submit", "#zipcode-form", function () { 21630 var zip = $(this).find("input[name=zipcode]").val() || ""; 21631 if (zip.trim()) { ga4Click("searchlocationbyzip", {ZipCode: zip.trim()}); } 21632 }); 21633 21634 // Anything clickable inside the popup except its own close control 21635 $(document).on("click", ".popup-container a, .popup-container button", function () { 21636 if ($(this).closest(".close, .popup-close, [data-dismiss]").length) { return; } 21637 ga4Click("popup_click", {LinkText: ($(this).text() || "").trim().slice(0, 100)}); 21638 }); 21639 21640 // Opening a chat widget (Podium / Clientbook) is as close as we get to a 21641 // conversation starting â what happens inside the widget is not visible to us. 21642 var ga4ChatStarted = false; 21643 $(document).on("click", "#wlbkwc_messageButton, #clbkwc_chat_id, #podium-website-widget", function () { 21644 if (ga4ChatStarted) { return; } 21645 ga4ChatStarted = true; 21646 ga4Click("conversation_started"); 21647 }); 21648 })(); 21649 </script>
21649 21650 <style> 21651 .footer-bottom-outer { font-family: arial, helvetica, sans-serif; color: #343434; font-size: 8pt; display: flex; align-items: center; width: 80%; margin: auto; padding: 15px 0; justify-content: space-between; } 21652 .footer-bottom-inner-left { width: 67%; text-transform: uppercase; } 21653 .footer-bottom-inner-right { font-size: 10pt; width: 30%; display: flex; justify-content: end; } 21654 @media (max-width: 767px) { 21655 .footer-bottom-outer { display: block; text-align: center; font-weight: 700; } 21656 .footer-bottom-inner-left, .footer-bottom-inner-right { width: 100%; padding: 5px; display: block; } 21657 } 21658 </style> 21659 <div class="footer-bottom-outer"><div class="footer-bottom-inner-left"> 21660 COPYRIGHT © 2026 MERRY RICHARDS JEWELERS. Jewelry website design by <a href="https://www.amptive.com/" target="_blank" title="Amptive"><u>Amptive</u></a>. Jewelry Website Platform by <a href="https://build.shop/" target="_blank" title="Build.Shop"><u>Build.Shop</u></a> | <a title="Site Map" href="/sitemap" class="general_style"><u>SITE MAP</u></a> 21661 </div> <div class="footer-bottom-inner-right"> 21662 <div class="cmp-cookies-opener"><a href="javascript:void(0)" role="button" title="Configure Cookies Consent" onclick="$('.cmp-modal-outer').fadeIn();" class="general_style">Configure Cookies Consent »</a></div> 21663 </div> 21664
21664<script>window.local_view_folder = '/skeleton/1.0/view';</script>
21664</div> 21665 21666 <!-- Google Consent Mode v2 Defaults --> 21667
21667<script> 21668 window.dataLayer = window.dataLayer || []; 21669 function gtag() { dataLayer.push(arguments); } 21670 gtag("consent", "default", { 21671 ad_storage: "granted", 21672 ad_user_data: "granted", 21673 ad_personalization: "granted", 21674 analytics_storage: "granted", 21675 functionality_storage: "granted", 21676 personalization_storage: "granted", 21677 security_storage: "granted", 21678 wait_for_update: 2000 21679 }); 21680 gtag("set", "ads_data_redaction", false); 21681 gtag("set", "url_passthrough", true); 21682 window.cmpConsentModel = "opt-out"; 21683 </script>
21683 21684
21684<script>window.cmpBridgeConfig = {"provider":"internal","categoryMap":[],"rolexEnabled":false,"blockingAttribute":"","blockingFormat":"","srcAttribute":"data-src"};</script>
vendor: 1 bytes, line 21684
21684
21685<script src="https://www.merryrichardsjewelers.com//skeleton/1.0/view/js/cmp-bridge.js?v=1790125101"></script>
21685 21686 <div id="first-visit-cmp-popup" class="first-visit-cookies-background " data-type="other" style="display:none"> 21687 <div class="first-visit-cookies-popup"> 21688 <div class="text-container p_general_style"> 21689 <p>By clicking "Accept All", you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. You may change your settings at any time or accept the default settings. <a href="/privacy-policy" title="Cookie Policy">Cookie Policy</a></p> </div> 21690 <div class="buttons actions-container"> 21691 <a href="javascript:void(0)" tabindex="0" role="button" class="button_general_style more" title="CMP Settings" onclick="$('.cmp-modal-outer').fadeIn(); $('.first-visit-cookies-popup').fadeOut();">Settings</a> 21692 <a href="javascript:void(0)" tabindex="0" role="button" class="button_general_style accept all">Accept all</a> 21693 <a href="javascript:void(0)" tabindex="0" role="button" class="button_general_style decline">Decline all</a> 21694 </div> 21695 </div> 21696 </div> 21697 <div class="cmp-modal-outer " style="display: none;" role="dialog" tabindex="-1" aria-labelledby="cmp-modal-label" aria-modal="true"> 21698 <div class="cmp-modal-inner"> 21699 <div class="cmp-content"> 21700 <div class="cmp-modal-header"> 21701 <h2 id="cmp-modal-label" class="h2_general_style">We value your privacy</h2> 21702 <button type="button" class="close" aria-label="Close" title="Close"> 21703 <span aria-hidden="true">×</span> 21704 </button> 21705 </div> 21706 <img src="/public/1.0/uploads/source/store_logo/merry_richards_store_logo.png" loading="lazy" alt="CMP logo" title="CMP logo"> 21707 <div class="cmp-content-classifications p_general_style"> 21708 <p>On our website, we use services (including from third-party providers) that help us to improve our online presence. The following categories of cookies are used by us and can be managed in the cookie settings. We need your consent before being able to use these services. Alternatively, you may click to refuse to consent, of access more detailed information and change your preferences before consenting. Your preferences will apply to this website only. You can change your preferences at any time by returning to this site or visit our privacy policy.</p> 21709<p>By authorizing third-party services, you allow the placement and the reading of cookies and the use of tracking technologies required to keep our website reliable and secure.</p> <div class="actions-container-outer"> 21710 <div class="actions-container-inner"> 21711 <div class="class-info" style="display: flex;"> 21712 <div> 21713 <span class="custom-h2 h3_general_style">Essential</span> 21714 <p clas="p_general_style">These cookies are required to run available services and to provide basic shopping functions. These cookies are exempt from consent according to the exceptions provided by the Article 82 of Data Protection Act</p> 21715 </div> 21716 <div class="action-toggle"> 21717 <div class="toggleWrapper"> 21718 <input type="checkbox" class="mobileToggle" id="toggle1" value='on' checked disabled role="switch"> 21719 <label style="font-size:0px" for="toggle1">On/Off</label> 21720 </div> 21721 </div> 21722 </div> 21723 </div> 21724 </div> 21725 <div class="actions-container-outer"> 21726 <div class="actions-container-inner"> 21727 <div class="class-info" style="display: flex;"> 21728 <div>
21729 <span class="custom-h2 h3_general_style">Personalisation</span> 21730 <p clas="p_general_style">These cookies provide a custom experience on our website</p> 21731 </div> 21732 <div class="action-toggle"> 21733 <div class="toggleWrapper"> 21734 <input type="checkbox" class="mobileToggle" id="toggle2" value='off' role="switch"> 21735 <label style="font-size:0px" for="toggle2">On/Off</label> 21736 </div> 21737 </div> 21738 </div> 21739 </div> 21740 </div> 21741 <div class="actions-container-outer"> 21742 <div class="actions-container-inner"> 21743 <div class="class-info" style="display: flex;"> 21744 <div> 21745 <span class="custom-h2 h3_general_style">Analytics and statistics</span> 21746 <p clas="p_general_style">These cookies allow us to measure visitors traffic. They also help us understand which products and actions are more popular than others</p> 21747 </div> 21748 <div class="action-toggle"> 21749 <div class="toggleWrapper"> 21750 <input type="checkbox" class="mobileToggle" id="toggle3" value='off' role="switch"> 21751 <label style="font-size:0px" for="toggle3">On/Off</label> 21752 </div> 21753 </div> 21754 </div> 21755 </div> 21756 </div> 21757 <div class="buttons"> 21758 <a href="javascript:void(0)" role="button" class="secondary_button_general_style more-confirm">SAVE</a> 21759 </div> 21760 </div> 21761 </div> 21762 </div> 21763 <div class="cmp-overlay"></div> 21764 </div> 21765
21765<script src="/skeleton/1.0/view/js/cmp.js?v=1.2.402"></script>
21765<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"d9e67f4a2afa4ae1ae102f257d1643da","r":1,"spa":2}' crossorigin="anonymous"></script>
21765 21766</body> 21767</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.